summaryrefslogtreecommitdiff
path: root/res/client/css/modules
diff options
context:
space:
mode:
authorAlon Levy <alon@pobox.com>2014-12-16 17:37:42 +0200
committerAlon Levy <alon@pobox.com>2014-12-16 17:37:42 +0200
commitade19de410e0a789a921ec1666b278b2a64176d6 (patch)
treec4c54b106de93609ca7bb70a20fd4be696715dbe /res/client/css/modules
parentc7d026b1d504323a8c61d51b726e5e8d2337fc4b (diff)
moving files around after repository merger
Diffstat (limited to 'res/client/css/modules')
-rw-r--r--res/client/css/modules/colors.scss15
-rw-r--r--res/client/css/modules/mixins.scss17
-rw-r--r--res/client/css/modules/positions.scss11
-rw-r--r--res/client/css/modules/typography.scss55
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