Jose jleiva
jleiva
/ Gruntfile.js
Last active
August 29, 2015 14:26
— forked from leopic/Gruntfile.js
make a list of all the stylesheets that need to be processed, then start cranking away
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Generates our CSS files using libsass. | |
| * Wrapper for the `sass` task, make sure you have installed all the dependencies of the repo. | |
| * | |
| * Example: $: grunt libsass | |
| * $: grunt libsass:dev | |
| * | |
| * @param env | |
| */ | |
| grunt.registerTask('libsass', 'Builds our CSS', function(env) { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.12) | |
| // Compass (v1.0.0.alpha.21) | |
| // ---- | |
| // Breakpoints map | |
| // @type Map | |
| $breakpoints: ( | |
| // Regular breakpoints | |
| "baby-bear": "(max-width: 500px)", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.12) | |
| // Compass (v1.0.0.alpha.21) | |
| // ---- | |
| // Breakpoints map | |
| // @type Map | |
| $breakpoints: ( | |
| // Regular breakpoints | |
| "baby-bear": "(max-width: 500px)", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.4) | |
| // Compass (v1.0.1) | |
| // ---- | |
| @function map-getter($listmap, $value) { | |
| @each $item in $listmap { | |
| $index: index($item, $value); | |
| @if $index { | |
| $return: if($index == 1, 2, $index); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.4) | |
| // Compass (v1.0.1) | |
| // ---- | |
| .profile-image { | |
| float: left; | |
| + .menu-display-name { | |
| margin-left: 0; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.3) | |
| // Compass (v1.0.1) | |
| // ---- | |
| .parent { | |
| float: left; | |
| h3 { | |
| font-size: 2px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.8) | |
| // Compass (v1.0.0.alpha.19) | |
| // ---- | |
| // When we give an element some ‘attention’. | |
| @mixin attention() { | |
| &:hover, | |
| &:active, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| // http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss | |
| // Pruebo pasarle background-position | |
| @mixin image-2x($image, $width, $height, $pos-right: 0, $pos-left: 0) { | |
| @media (min--moz-device-pixel-ratio: 1.3), |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="bio active"> | |
| <p class="tab-icon">Test</p> | |
| </div> |
jleiva
/ como-instalar-sass-win7
Last active
December 24, 2015 01:29
Como instalar Sass en Windows 7
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Como instalar Sass en Windows 7 | |
| 1 - Descargar ruby http://rubyinstaller.org/downloads/ | |
| 2 - Click en el instalador, seleccionar la opción "Add Ruby executables to your PATH" | |
| 3 - Para verificar que Ruby esta instalado, abrir command prompt (Start -> cmd) y escribie ruby -v | |
| con esto se ve la versión instalada. | |
| 4 - En command prompt (Start -> cmd) instalar la gema de Sass. Escribir el comando gem install sass | |
| == | |
| Para los nuevos en Sass |
NewerOlder