Skip to main content

What is SASS?


Examples: Mixins
CSS

#data {
float: left;
margin-left: 10px;
}
#data th {
text-align: center;
font-weight: bold;
}
#data td, #data th {
padding: 2px;
}


Examples: Selector Inheritance
SCSS

.error {
border: 1px #f00;
background: #fdd;
}
.error.intrusion {
font-size: 1.3em;
font-weight: bold;
}
.badError {
@extend .error;
border-width: 3px;
}

SASS

.error
border: 1px #f00
background: #fdd
.error.intrusion
font-size: 1.3em
font-weight: bold
.badError
@extend .error
border-width: 3px




Examples: Selector Inheritance
CSS


.error, .badError {
border: 1px #f00;
background: #fdd;
}
.error.intrusion,
.badError.intrusion {
font-size: 1.3em;
font-weight: bold;
}
.badError {
border-width: 3px;
}





Examples: Conditional Statements
SASS


=views-row($margin: $baseline, $divide: false,
$border_color: #CCC)
+pie-clearfix
@if $divide
border-bottom: 1px solid $border_color
margin-bottom: $margin * 0.5
@else
margin-bottom: $margin * 0.5
p
&:last-of-type
margin-bottom: 0
#main-content .item
+views-row($baseline, true, $brand_blue)
Labels:

Comments

Post a Comment

Popular posts from this blog

"Happy NAVRATRI UTASAV"

Durga, in Sanskrit means "She who is incomprehensible or difficult to reach." Goddess Durga is a form of Shakti worshiped for her gracious as well as terrifying aspect. Mother of the Universe, she represents the infinite power of the universe and is a symbol of a female dynamism. The manifestation of Goddess Durga is said to emerge from Her formless essence and the two are inseparable. She is also called by many other names, such as Parvati, Ambika, and Kali. In the form of Parvati, She is known as the divine spouse of Lord Shiva and is the mother of Her two sons, Ganesha and Karttikeya, and daughter Jyoti. Destroyer of demons, she is worshiped during an annual festival called Durga puja, Wishing you all Happy Durga Puja!!! Navratri Navratri, the festival of nights, lasts for 9 days with three days each devoted to worship of Ma Durga, the Goddess of Valor, Ma Lakshmi, the Goddess of Wealth and Ma Saraswati, the Goddess of Knowledge. During the nine days of Navrat...
Post a Comment
Read more

What is Hackasaurus?

Hackasaurus is a suite of tools and curriculum that make it easy for anyone to learn webmaking through HTML and CSS. Hackasaurus is really about bringing HTML back to the non-technical audience.  X-Ray Goggles is primary tool for it. It makes  easy to see through Web pages and tinker with their individual parts. where participants can remix the web together and learn basic HTML and CSS.
Post a Comment
Read more