sass

67

Syntactically Awesome Stylesheets(sass)
features of sass
1)variables in sass=> $primary-color:#240ed;
2)nesting in sass=> nesting styles inside the parent element.
3)Parent Selector=> ampersand symbol & used to select parent element in nesting.
4)Partials in sass=> Partials help you organize and structure your code.
To declare a partial, we will start the file name with an underscore _, and 
add it in another Sass file using the @import directive.
5)Mixins in sass=> similar group of styles. Mixins allow you to encapsulate a group of styles,
and apply those styles anywhere in your code using the @include keyword.
6)Sass Functions and Operators
$primary-color: #3bbfce
$margin: 16px

.content-navigation
  border-color: $primary-color
  color: darken($primary-color, 10%)

.border
  padding: $margin/2
  margin:  $margin/2
  border-color: $primary-color

Comments

Submit
0 Comments