This file contains hidden or 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
#!/bin/bash | |
##################################################### | |
# Name: Bash CheatSheet for Mac OSX | |
# | |
# A little overlook of the Bash basics | |
# | |
# Usage: | |
# | |
# Author: J. Le Coupanec | |
# Date: 2014/11/04 |
This file contains hidden or 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.container | |
ul.list | |
each val in [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] | |
li.list-item= val |
This file contains hidden or 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="container"> | |
<div class="flag"> | |
<div class="flag__image"> | |
<img src="http://placehold.it/75x75" alt=""> | |
</div> | |
<div class="flag__body"> | |
<p>Lorem ipsum dolor etc</p> | |
</div> | |
</div> | |
<div class="flag flag--top"> |
This file contains hidden or 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
<p class="container">Fluid gutters (2%) with nested items</p> | |
<div class="container"> | |
<article class="block"><div class="inline"></div></article> | |
<article class="block"><div class="inline"></div></article> | |
<article class="block block-nested"> | |
<div class="block"><div class="inline"></div></div> | |
<div class="block"><div class="inline"></div></div> | |
<div class="block"><div class="inline"></div></div> | |
</article> | |
</div> |
This file contains hidden or 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="container"> | |
<article class="block"><div class="inline"></div></article> | |
<article class="block"><div class="inline"></div></article> | |
<article class="block block-nested"> | |
<div class="block"><div class="inline"></div></div> | |
<div class="block"><div class="inline"></div></div> | |
<div class="block"><div class="inline"></div></div> | |
</article> | |
</div> |
This file contains hidden or 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
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block hotpink"></article> | |
<article class="block hotpink"></article> | |
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block"></article> |
This file contains hidden or 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
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block hotpink"></article> | |
<article class="block hotpink"></article> | |
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block"></article> |
This file contains hidden or 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
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block hotpink"></article> | |
<article class="block hotpink"></article> | |
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block"></article> |
This file contains hidden or 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
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block hotpink"></article> | |
<article class="block hotpink"></article> | |
<article class="block"></article> | |
<article class="block"></article> | |
<article class="block"></article> |
This file contains hidden or 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.9) | |
// Compass (v1.0.1) | |
// ---- | |
// Initialize a global variable at root level. | |
// In this case, the `!global` flag is optional. | |
$variable: 'initial value' !global; | |
// Create a mixin that overrides that global variable. |
NewerOlder