summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/reindeer/label/label.scss
diff options
context:
space:
mode:
authorHenri Sara <hesara@vaadin.com>2012-08-08 14:27:31 +0300
committerHenri Sara <hesara@vaadin.com>2012-08-08 14:44:49 +0300
commitcfa455d6cfd4a535fd77cbc76637a57e7024e9ac (patch)
treececb66492671ed20fa9865581da12930ed502047 /WebContent/VAADIN/themes/reindeer/label/label.scss
parent620e096b45f27ecc5aa85d164ca8b81df000e593 (diff)
downloadvaadin-framework-cfa455d6cfd4a535fd77cbc76637a57e7024e9ac.tar.gz
vaadin-framework-cfa455d6cfd4a535fd77cbc76637a57e7024e9ac.zip
Standard themes in SCSS form, updated CompileDefaultTheme (#9223)
Conversion performed for most themes trivial, just rename file and wrap in a mixin. For chameleon compounds, also nesting used. In some cases, related small files combined in a single SCSS file Chameleon accordion and select contain fixes other than just a missing semicolon.
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/label/label.scss')
-rw-r--r--WebContent/VAADIN/themes/reindeer/label/label.scss126
1 files changed, 126 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/label/label.scss b/WebContent/VAADIN/themes/reindeer/label/label.scss
new file mode 100644
index 0000000000..a8418718e0
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/label/label.scss
@@ -0,0 +1,126 @@
+@mixin reindeer-label {
+
+.v-label {
+ line-height: 18px;
+}
+
+/**********************
+ * Black styles
+ **********************/
+.white .black,
+.blue .black {
+ color: #C9CCCE;
+ text-shadow: 0 0 1px #000;
+}
+.black .v-label-h1,
+.black .v-label-h2,
+.black .v-caption-h1,
+.black .v-caption-h2,
+.white .black .v-label-h1,
+.white .black .v-label-h2,
+.white .black .v-caption-h1,
+.white .black .v-caption-h2,
+.blue .black .v-label-h1,
+.blue .black .v-label-h2,
+.blue .black .v-caption-h1,
+.blue .black .v-caption-h2 {
+ color: #fff;
+ text-shadow: rgba(0,0,0,.8) 0 2px 2px;
+}
+.black .v-label-light,
+.white .black .v-label-light {
+ color: #72787c;
+}
+.black .v-label hr,
+.white .black .v-label hr {
+ background: #0c0d0e;
+ color: #0c0d0e;
+ border-bottom-color: #292b2e;
+}
+
+/**********************
+ * Blue styles
+ **********************/
+.v-app .white,
+.v-window .white,
+.v-app .blue,
+.v-window .blue {
+ color: #222;
+ text-shadow: none;
+}
+.blue .v-label-h1,
+.blue .v-label-h2,
+.blue .v-caption-h1,
+.blue .v-caption-h2,
+.white .blue .v-label-h1,
+.white .blue .v-label-h2,
+.white .blue .v-caption-h1,
+.white .blue .v-caption-h2 {
+ color: #fff;
+ text-shadow: rgba(0,0,0,.3) 0 1px 1px;
+}
+.blue .v-label-light,
+.white .blue .v-label-light {
+ color: #6e7c83;
+}
+.blue .v-label hr,
+.white .blue .v-label hr {
+ background: #a3bcc9;
+ color: #a3bcc9;
+ border-bottom-color: #cfe2eb;
+}
+
+/**********************
+ * Default & white styles
+ **********************/
+.v-label-h1,
+.v-label-h2,
+.v-caption-h1,
+.v-caption-h2,
+.white .v-label-h1,
+.white .v-label-h2,
+.white .v-caption-h1,
+.white .v-caption-h2 {
+ font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
+ font-size: 24px;
+ line-height: 30px;
+ font-weight: bold;
+ color: #44698b;
+ letter-spacing: -0.02em;
+ text-shadow: #fff 0 -1px 1px;
+}
+.v-label-h2,
+.v-caption-h2,
+.white .v-label-h2,
+.white .v-caption-h2 {
+ font-size: 16px;
+ line-height: 22px;
+}
+.v-label-light,
+.white .v-label-light {
+ font-size: 11px;
+ line-height: 13px;
+ color: #707070;
+}
+
+.v-label hr,
+.white .v-label hr {
+ height: 2px;
+ overflow: hidden;
+ background: #dcdcdc;
+ color: #dcdcdc; /* For IE */
+ border: none;
+ border-bottom: 1px solid #fff;
+}
+
+.v-sa .v-label hr,
+.v-ie8 .v-label hr {
+ height: 1px;
+}
+
+/* Labels inside Table don't need a line-height */
+.v-table .v-label {
+ line-height: normal;
+}
+
+} \ No newline at end of file