diff options
| author | Alon Levy <alon@pobox.com> | 2014-12-16 17:37:42 +0200 |
|---|---|---|
| committer | Alon Levy <alon@pobox.com> | 2014-12-16 17:37:42 +0200 |
| commit | ade19de410e0a789a921ec1666b278b2a64176d6 (patch) | |
| tree | c4c54b106de93609ca7bb70a20fd4be696715dbe /res/client/css/modules | |
| parent | c7d026b1d504323a8c61d51b726e5e8d2337fc4b (diff) | |
moving files around after repository merger
Diffstat (limited to 'res/client/css/modules')
| -rw-r--r-- | res/client/css/modules/colors.scss | 15 | ||||
| -rw-r--r-- | res/client/css/modules/mixins.scss | 17 | ||||
| -rw-r--r-- | res/client/css/modules/positions.scss | 11 | ||||
| -rw-r--r-- | res/client/css/modules/typography.scss | 55 |
4 files changed, 98 insertions, 0 deletions
diff --git a/res/client/css/modules/colors.scss b/res/client/css/modules/colors.scss new file mode 100644 index 00000000..905d239d --- /dev/null +++ b/res/client/css/modules/colors.scss @@ -0,0 +1,15 @@ +$light-grey: #f5f5fa; +$mid-light-grey: #d4d4d9; +$mid-grey: #919095; +$dark-grey: #363636; +$magenta: #ee3654; +$dark-magenta: #d10a40; +$cyan: #33c2e0; +$blue: #004681; +$purple: #8b3ab0; +$orange: #ff8b11; +$yellow: #fad900; +$green: #40C200; +$light-cyan: #D3F2F8; +$dark-cyan: #8eb6bf; +$darker-cyan: #1D6E7F;
\ No newline at end of file diff --git a/res/client/css/modules/mixins.scss b/res/client/css/modules/mixins.scss new file mode 100644 index 00000000..3c431be0 --- /dev/null +++ b/res/client/css/modules/mixins.scss @@ -0,0 +1,17 @@ +@mixin rz-box-shadow($offset-x, $offset-y, $blur, $spread, $color) { + -webkit-box-shadow: $offset-x $offset-y $blur $spread $color; + -moz-box-shadow: $offset-x $offset-y $blur $spread $color; + box-shadow: $offset-x $offset-y $blur $spread $color; +} + +@mixin rz-box-sizing-border() { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +@mixin rz-box-sizing-padding() { + -webkit-box-sizing: padding-box; + -moz-box-sizing: padding-box; + box-sizing: padding-box; +}
\ No newline at end of file diff --git a/res/client/css/modules/positions.scss b/res/client/css/modules/positions.scss new file mode 100644 index 00000000..8af9546f --- /dev/null +++ b/res/client/css/modules/positions.scss @@ -0,0 +1,11 @@ +/* Vertical spacing */ +$one-baseline: 12px; +$two-baselines: 24px; +$three-baselines: 36px; +$four-baselines: 48px; + +$icon-height: 20px; + +/* Horizontal spacing */ +$doc-margin: 70px; + diff --git a/res/client/css/modules/typography.scss b/res/client/css/modules/typography.scss new file mode 100644 index 00000000..6a8c1102 --- /dev/null +++ b/res/client/css/modules/typography.scss @@ -0,0 +1,55 @@ +// Font font-family: + +@font-face { + font-family: 'Source_Regular'; + src: url('../font/sourcesanspro_regular/SourceSansPro-Regular-webfont.eot'); /* IE9 Compat Modes */ + src: url('../font/sourcesanspro_regular/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../font/sourcesanspro_regular/SourceSansPro-Regular-webfont.woff') format('woff'), /* Modern Browsers */ + url('../font/sourcesanspro_regular/SourceSansPro-Regular-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ +} + +@font-face { + font-family: 'Source_Semibold'; + src: url('../font/sourcesanspro_semibold/SourceSansPro-Semibold-webfont.eot'); /* IE9 Compat Modes */ + src: url('../font/sourcesanspro_semibold/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../font/sourcesanspro_semibold/SourceSansPro-Semibold-webfont.woff') format('woff'), /* Modern Browsers */ + url('../font/sourcesanspro_semibold/SourceSansPro-Semibold-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ +} + +@font-face { + font-family: 'Source_Bold'; + src: url('../font/sourcesanspro_bold/SourceSansPro-Bold-webfont.eot'); /* IE9 Compat Modes */ + src: url('../font/sourcesanspro_bold/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../font/sourcesanspro_bold/SourceSansPro-Bold-webfont.woff') format('woff'), /* Modern Browsers */ + url('../font/sourcesanspro_bold/SourceSansPro-Bold-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ +} + +//Font size +$h1-size: 30px; +$h2-size: 24px; +$h3-size: 18px; +$h4-size: 14px; +$h5-size: 12px; + +//Font weights +$light: 100; +$regular: 400; +$bold: 600; + +// Base font +$base-font-family: 'Source_Regular', sans-serif; +$semibold-font-family: 'Source_Semibold', sans-serif; +$bold-font-family: 'Source_Bold', sans-serif; + +$base-font-weight: $regular; +$base-font-size: 12px; +$base-line-height: 1.4; + + +// Fixed Font +$fixed-font-family: monospace; +$fixed-font-size: 85%; +$fixed-line-height: $base-line-height; + +// Headings +$header-font-weight: $bold;
\ No newline at end of file |
