Sha256: 23a15c5fa62e1e87051163dfb714dfb36f680b08e96f6c916189cee020dc7345
Contents?: true
Size: 1.41 KB
Versions: 14
Compression:
Stored size: 1.41 KB
Contents
//custom mixins
//create border radius
@mixin border-radius($rad: $default_border_radius){
@include border-top-radius($rad);
@include border-right-radius($rad);
@include border-bottom-radius($rad);
@include border-left-radius($rad);
}
//create border
@mixin border($type, $size, $color){
@include border-style($type);
@include border-width($size);
@include border-color($color);
}
//center an element
@mixin center{
margin-left: auto;
margin-right: auto;
}
//set font proprieties
@mixin font-attr($size: $default_font_size, $color: $default_font_color, $weight: $default_font_weight){
font-size: $size;
color: $color;
font-weight: $weight;
}
@mixin rotate($deg){
transform:rotate($deg);
-ms-transform:rotate($deg); /* IE 9 */
-webkit-transform:rotate($deg); /* Opera, Chrome, and Safari */
}
@mixin setRem($elem, $size){
$elem : calculateRem($size);
}
@mixin siteLogo($height: auto, $width: auto){
width: $width;
height: $height;
margin: 0 auto;
}
@mixin btn($color, $width, $height, $font-size, $background, $hover-bck, $hover-color) {
@include border-radius();
color: $color;
width: $width;
height: $height;
line-height: $height;
font-weight: bold;
text-align: center;
padding: 0;
cursor: pointer;
background-color: $background;
border: solid 2px $color;
font-size: $font-size;
&:hover{
background-color: $hover-bck;
color: $hover-color;
border: solid 2px $hover-color;
}
}
Version data entries
14 entries across 14 versions & 1 rubygems