(Also see [remarkable][], the markdown parser created by the author of this cheatsheet)
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
/*------------------------------------------ | |
Responsive Grid Media Queries - 1280, 1024, 768, 480 | |
1280-1024 - desktop (default grid) | |
1024-768 - tablet landscape | |
768-480 - tablet | |
480-less - phone landscape & smaller | |
--------------------------------------------*/ | |
@media all and (min-width: 1024px) and (max-width: 1280px) { } | |
@media all and (min-width: 768px) and (max-width: 1024px) { } |
Getting started:
Related tutorials:
##Sass Functions Cheat Sheet
//Single line comments are removed when Sass is compiled to CSS.
/* Multi line comments are preserved. */
/* Variables
/* RGBA Color Specification */
background-color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.3);
/* Box Shadow Attributes // (Inset or No, Horiz. (px), Vert. (px), Blur Radius, Spread, Shadow Color) */
/* Box Shadow - Standard */ box-shadow: 0px 0px 5px 1px #444;