Top
Home

Mixins



Less_File_Name: .less
Variable Name:
Property 1:
Property 2:
Property 3:
Property 4:
Property 5:
Property 6:
Property 7:
Property 8:
Property 9:
Property 10:
Property 11:
Property 12:
Property 13:
Property 14:
Property 15:


#######################################

MIXINS

.bordered {
 border-top: dotted 1px black;
 border-bottom: solid 2px black;
}

#menu a {
 color: #111;
 .bordered;
}

.post a {
 color: red;
 .bordered;
}



#######################################

DIRECTIVES

.screen-color {
 @media screen {color: green;
   @media (min-width: 768px) {color: red;}
 }
 @media tv {color: black;}
}


***outputs***:


@media screen {
 .screen-color{color: green;}
}
@media screen and (min-width: 768px) {
.screen-color {color: red;}
}
@media tv {
.screen-color {color: black;}
}