Full-Stack freelance Umbraco developer in the UK.

George Phillipson - Freelance Umbraco developer

SASS

//=======================================================
//Variable colours
//=======================================================
$colour1: #000000; 
$colour2: #ffffff; 
$colour3: #0083be; 
$colour4: #00a7e1; 
$colour5: #133f7f; 
$colour6: #FFA500;
@mixin rem2px($property, $sizeValue: 15) {
    #{$property}: ($sizeValue * 10) + px;
    #{$property}: $sizeValue + rem;
}
@mixin borderRadius($border_radius: null,$top_left_radius: null, $top_right_radius: null, $bottom_left_radius: null, $bottom_right_radius: null) {
    border-radius: $border_radius;
    border-top-left-radius: $top_left_radius;
    border-top-right-radius: $top_right_radius;
    border-bottom-left-radius: $bottom_left_radius;
    border-bottom-right-radius: $bottom_right_radius;
}
@import "_colour.scss";
@import "_mixins.scss";
.divStyle {
    border:1px solid $colour1;
    @include borderRadius(null,5px,10px,25px,47px);
}
.divStyle2 {
    border:1px solid $colour1;
    @include borderRadius(null,null,10px,25px,null);
}
%divStyle3 {
    border:1px solid $colour1;
    @include borderRadius(20px);
}
.divStyle4 {
    @extend %divStyle3;
    p {@include rem2px(font-size, 1.5);}
}
h1 {
    color:$colour1;
    @include rem2px(font-size, 1.5);
}
.divStyle {
  border: 1px solid #000000;
  border-top-left-radius: 5px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 47px; }
.divStyle2 {
  border: 1px solid #000000;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 25px; }
.divStyle4 {
  border: 1px solid #000000;
  border-radius: 20px; }
.divStyle4 p {
  font-size: 15px;
  font-size: 1.5rem; }
h1 {
  color: #000000;
  font-size: 15px;
  font-size: 1.5rem; }

Please enter your comment.