Jason Swetzoff Jaswetz
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
| //---------------------------------------------------------------------------- | |
| // base.scss | |
| // Imports, settings, and variables | |
| //---------------------------------------------------------------------------- | |
| // --------------------------------------------------------------------------- | |
| // Imports | |
| @import "susy"; |
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
| // BUTTON STYLES | |
| // ------------- | |
| // Base styles | |
| // -------------------------------------------------- | |
| // Core | |
| .btn { | |
| display: inline-block; |
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
| //---------------------------------------------------------------------------- | |
| // site.scss | |
| // The base styles and base layout go here. | |
| //---------------------------------------------------------------------------- | |
| // --------------------------------------------------------------------------- | |
| // ROOT | |
| html |
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
| <!DOCTYPE HTML> | |
| <html lang="en"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <meta name="author" content="" /> | |
| <meta name="description" content="A brief description of this website or your business." /> | |
| <meta name="keywords" content="keywords, or phrases, suited with each particular page, are best" /> | |
| <title>Title</title> |
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
| //---------------------------------------------------------------------------- | |
| // typography.scss | |
| // Headings, body text, lists, code, and more | |
| //---------------------------------------------------------------------------- | |
| // --------------------------------------------------------------------------- | |
| // @BODY | |
| p | |
| { |
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
| //---------------------------------------------------------------------------- | |
| // mixins.scss | |
| //---------------------------------------------------------------------------- | |
| // --------------------------------------------------------------------------- | |
| // CONVERTING PX TO EM | |
| @function calc-em($target-px, $context) { | |
| @return ($target-px / $context) * 1em; | |
| } |
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
| //---------------------------------------------------------------------------- | |
| // main.scss | |
| //---------------------------------------------------------------------------- | |
| // --------------------------------------------------------------------------- | |
| // ROOT | |
| // Compass | |
| @import "compass"; |
Jaswetz
/ -ry5n-vertical-rhythm
Created
June 27, 2012 03:45
— forked from ry5n/-ry5n-vertical-rhythm
An alternative to Compass's built-in vertical-rhythm module. Only supports output values in rem, with pixel fallbacks
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
| // Configurable variables | |
| // ⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻ | |
| // Absolute height of body text, in pixels | |
| $base-font-size: 16px !default; | |
| // Absolute height of one line of type, in pixels | |
| $base-line-height: 24px !default; | |
| // The font unit to use when returning values in rhythm functions |
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
| /** | |
| * Sidebar Timeline | |
| */ | |
| footer | |
| { | |
| clear:both; | |
| } | |
| .articleWrapper |
Jaswetz
/ dabblet.css
Created
December 10, 2012 18:18
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
OlderNewer