|
1 |
| -/* |
| 1 | +/* |
| 2 | + ,, ,, ,, |
| 3 | + .M"""bgd mm db `7MM mm mm `7MM OO OO OO |
| 4 | +,MI "Y MM MM MM MM MM 88 88 88 |
| 5 | +`MMb. mmMMmm ,pW"Wq.`7MMpdMAo. `7Mb,od8 `7MM .P"Ybmmm MMpMMMb.mmMMmm mmMMmm MMpMMMb. .gP"Ya `7Mb,od8 .gP"Ya || || || |
| 6 | + `YMMNq. MM 6W' `Wb MM `Wb MM' "' MM :MI I8 MM MM MM MM MM MM ,M' Yb MM' "',M' Yb || || || |
| 7 | +. `MM MM 8M M8 MM M8 MM MM WmmmP" MM MM MM MM MM MM 8M"""""" MM 8M"""""" `' `' `' |
| 8 | +Mb dM MM YA. ,A9 MM ,AP MM MM 8M MM MM MM MM MM MM YM. , MM YM. , ,, ,, ,, |
| 9 | +P"Ybmmd" `Mbmo`Ybmd9' MMbmmd' .JMML. .JMML.YMMMMMb .JMML JMML.`Mbmo `Mbmo.JMML JMML.`Mbmmd'.JMML. `Mbmmd' db db db |
| 10 | + MM 6' dP |
| 11 | + .JMML. Ybmmmd' |
| 12 | +
|
| 13 | +Pattern Lab doesn't have any CSS requirements, which means you can write your styles however you want. Hooray! |
| 14 | +You can use Sass, Less, vanilla CSS, or some other crazy thing I haven't heard of yet. |
| 15 | +So please don't use these styles. They're just here to put together the demo, and nothing more. |
| 16 | +They're intentionally gray, boring, and crappy because you're supposed to do this stuff yourself. |
| 17 | +
|
| 18 | +Atomic design is philosophically complimentary with these CSS approaches: |
| 19 | +
|
| 20 | +* SMACSS by Jonathan Snook http://smacss.com/ |
| 21 | +* OOCSS by Nicole Sullivan http://oocss.org/ |
| 22 | +* BEM CSS Methology : http://bem.info/method/ |
| 23 | +* CSS Guidelines by Harry Roberts : https://github.com/csswizardry/CSS-Guidelines |
| 24 | +
|
| 25 | +So feel free to use any of these approaches. Or don't. It's totally up to you. |
2 | 26 |
|
3 | 27 | */
|
4 | 28 | /*------------------------------------*\
|
5 |
| - $TABLE OF CONTENTS |
| 29 | + $TABLE OF CONTENTS |
| 30 | + based generally on Harry Roberts excellent CSS Guidelines https://github.com/csswizardry/CSS-Guidelines |
6 | 31 | \*------------------------------------*/
|
7 | 32 | /**
|
8 | 33 | * VARIABLES..............................Declarations of Sass variables
|
|
0 commit comments