Skip to content

Instantly share code, notes, and snippets.

.message, .success, .error, .warning {
border: 1px solid #cccccc;
padding: 10px;
color: #333;
}
.success {
border-color: green;
}
.message
border: 1px solid #ccc
padding: 10px
color: #333
.success
@extend .message
border-color: green
.box {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
=border-radius($radius)
-webkit-border-radius: $radius
-moz-border-radius: $radius
-ms-border-radius: $radius
border-radius: $radius
.box
+border-radius(10px)
html, body, ul, ol {
margin: 0;
padding: 0;
}
body {
font: 100% Helvetica, sans-serif;
background-color: #efefef;
}
$fonte: Helvetica, sans-serif
$cor-primaria: #333
body
font: 100% $fonte
color: $cor-primaria
//base.sass
@import reset
body
font: 100% Helvetica, sans-serif
background-color: #efefef
// _reset.sass
html,
body,
ul,
ol
margin: 0
padding: 0
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
display: inline-block;
}
nav
ul
margin: 0
padding: 0
list-style: none
li
display: inline-block
a