From 30cf5f32dd7efbeba77586dc28a6b4cac97ea838 Mon Sep 17 00:00:00 2001 From: Gabriel Albo Date: Sun, 17 Aug 2014 18:17:43 -0300 Subject: Initial style guide structure --- web-ui/app/scss/style-guide.scss | 29 +++++++++++ web-ui/app/style-guide.html | 106 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 135 insertions(+) create mode 100644 web-ui/app/scss/style-guide.scss create mode 100644 web-ui/app/style-guide.html (limited to 'web-ui/app') diff --git a/web-ui/app/scss/style-guide.scss b/web-ui/app/scss/style-guide.scss new file mode 100644 index 00000000..95f6f789 --- /dev/null +++ b/web-ui/app/scss/style-guide.scss @@ -0,0 +1,29 @@ +@import "compass/css3"; + +body { + display: block; + overflow: scroll !important; +} + +nav { + height: 50px; + background-color: #3e3a37; + color: white; +} + +ul li { + display: inline; +} + +section.guide-section { + display: block; + height: 300px; + + &:nth-child(even) { + background: white + } + + &:nth-child(odd) { + background: #E5E5E3 + } +} diff --git a/web-ui/app/style-guide.html b/web-ui/app/style-guide.html new file mode 100644 index 00000000..05faeff5 --- /dev/null +++ b/web-ui/app/style-guide.html @@ -0,0 +1,106 @@ + + + + + +Pixelated Style Guide + + + + + + + + + + +
+ +
+ Basic Guidelines section. + + Guidelines, guidelines, guidelines. +
+ Guidelines, guidelines, guidelines. +
+ Guidelines, guidelines, guidelines. +
+ Guidelines, guidelines, guidelines. +
+ Guidelines, guidelines, guidelines. +
+ Guidelines, guidelines, guidelines. +
+
+
+ Color palette. +
+ Color palette. Primary and secondary colors. +
+ Color palette. Primary and secondary colors. +
+ Color palette. Primary and secondary colors. +
+ Color palette. Primary and secondary colors. +
+ Color palette. Primary and secondary colors. +
+
+
+ Typography. Basic references to typefaces and sizes. +
+ Typography. +
+ Typography. +
+ Typography. +
+ Typography. +
+ Typography. +
+
+
+ Example of components, such as warnings, modals, buttons, etc.. +
+ Components. +
+ Components. +
+ Components. +
+ Components. +
+ Components. +
+
+
+ Icons - style and usage. +
+ Icons. +
+ Icons. +
+ Icons. +
+ Icons. +
+ Icons. +
+
+
+ + -- cgit v1.2.3