#Intro#
#Get to know the group#
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| //From http://webdesign.tutsplus.com/tutorials/an-introduction-to-sass-maps-usage-and-examples--cms-22184" | |
| /* 2.Multiple Values for Added Awesomeness */ | |
| // _m-buttons.scss | |
| $buttons: ( |
| <div class="icon--checkmark"></div> | |
| <div class="icon--plus"></div> | |
| <div class="icon--minus"></div> |
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.3) | |
| // ---- | |
| // Interpolation Example from Sass Docs | |
| // http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_ | |
| $name: foo; | |
| $attr: border; |
| <html> | |
| <body> | |
| <div class="message--status">Hey Something happened</div> | |
| <div class="message--warning">Warning You should double check this!</div> | |
| <div class="message--error">Doh! Something is bad here</div> | |
| </body> | |
| </html> |
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| /* Variables */ | |
| $font-stack: Helvetica, sans-serif; | |
| $primary-color: #333; | |
| body { |
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| /* | |
| Source: http://www.ibm.com/design/language/resources.shtml | |
| Topic: Color Mixins | |
| */ | |
| //////////////////////////////// |
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| /* | |
| Source: http://alistapart.com/article/quantity-queries-for-css | |
| Source: http://sassmeister.com/gist/f48e5e34d329eaf44e37 | |
| Topic: Quantity Queries for CSS | |
| */ |
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| /* | |
| Source: http://thesassway.com/intermediate/understanding-placeholder-selectors | |
| Topic: Understanding placeholder selectors | |
| */ | |
| @mixin icon { |
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| /* | |
| Source: http://webdesign.tutsplus.com/tutorials/an-introduction-to-sass-maps-usage-and-examples--cms-22184 | |
| Topic:An Introduction to Sass Maps: Examples | |
| */ | |
| //Define the themes |