From cfa455d6cfd4a535fd77cbc76637a57e7024e9ac Mon Sep 17 00:00:00 2001
From: Henri Sara <hesara@vaadin.com>
Date: Wed, 8 Aug 2012 14:27:31 +0300
Subject: 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.
---
 .../VAADIN/themes/base/datefield/datefield.css     | 89 ---------------------
 .../VAADIN/themes/base/datefield/datefield.scss    | 93 ++++++++++++++++++++++
 2 files changed, 93 insertions(+), 89 deletions(-)
 delete mode 100644 WebContent/VAADIN/themes/base/datefield/datefield.css
 create mode 100644 WebContent/VAADIN/themes/base/datefield/datefield.scss

(limited to 'WebContent/VAADIN/themes/base/datefield')

diff --git a/WebContent/VAADIN/themes/base/datefield/datefield.css b/WebContent/VAADIN/themes/base/datefield/datefield.css
deleted file mode 100644
index 7af440c735..0000000000
--- a/WebContent/VAADIN/themes/base/datefield/datefield.css
+++ /dev/null
@@ -1,89 +0,0 @@
-.v-datefield {
-	white-space: nowrap;
-	float: left; /* Force minimum width */
-}
-.v-datefield-textfield {
-	vertical-align: top;
-}
-.v-datefield-button {
-	cursor: pointer;
-}
-.v-datefield-prompt .v-datefield-textfield {
-	color: #999;
-	font-style: italic;
-}
-.v-datefield .v-datefield-button-readonly {
-	display: none;
-}
-.v-datefield-calendarpanel table {
-	width: 100%;
-}
-.v-datefield-calendarpanel td {
-	padding: 0;
-	margin: 0;
-}
-.v-datefield-calendarpanel:focus {
-	outline:none;	
-}
-.v-datefield-calendarpanel-header td {
-	text-align: center;
-}
-.v-datefield-calendarpanel-month {
-	text-align: center;
-	white-space: nowrap;
-}
-.v-datefield-calendarpanel-weeknumber {
-	color: #999;
-	border-right: 1px solid #ddd;
-	font-size: 0.9em;
-}
-.v-datefield-calendarpanel-day,
-.v-datefield-calendarpanel-day-today {
-	cursor: pointer;
-}
-.v-datefield-calendarpanel-day-today {
-	border: 1px solid #ddd;
-}
-.v-disabled .v-datefield-calendarpanel-day,
-.v-disabled .v-datefield-calendarpanel-day-today {
-	cursor: default;
-}
-.v-datefield-calendarpanel-day-disabled {
-	cursor: default;
-	opacity: .5;
-}
-.v-datefield-calendarpanel-day-selected {
-	cursor: default;
-	background: #333;
-	color: #fff;
-}
-.v-datefield-calendarpanel-day-focused {
-	outline: 1px dotted black;
-}
-.v-datefield-calendarpanel-day-offmonth {
-    color: #666;
-}
-
-.v-datefield-time {
-	white-space: nowrap;
-}
-.v-datefield-time .v-label {
-	display: inline;
-}
-.v-datefield-popup {
-	background: #fff;
-}
-/* Disabled by default
-.v-datefield-error .v-textfield,
-.v-datefield-error .v-datefield-calendarpanel {
-	background: #ffe0e0;
-}
-*/
-
-/* Disabled by default
-.v-datefield-required .v-textfield,
-.v-datefield-required .v-datefield-calendarpanel {
-	background:transparent;
-	background-color: #ffe0e0;
-}
-*/
diff --git a/WebContent/VAADIN/themes/base/datefield/datefield.scss b/WebContent/VAADIN/themes/base/datefield/datefield.scss
new file mode 100644
index 0000000000..12ce3df980
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/datefield/datefield.scss
@@ -0,0 +1,93 @@
+@mixin base-datefield {
+
+.v-datefield {
+	white-space: nowrap;
+	float: left; /* Force minimum width */
+}
+.v-datefield-textfield {
+	vertical-align: top;
+}
+.v-datefield-button {
+	cursor: pointer;
+}
+.v-datefield-prompt .v-datefield-textfield {
+	color: #999;
+	font-style: italic;
+}
+.v-datefield .v-datefield-button-readonly {
+	display: none;
+}
+.v-datefield-calendarpanel table {
+	width: 100%;
+}
+.v-datefield-calendarpanel td {
+	padding: 0;
+	margin: 0;
+}
+.v-datefield-calendarpanel:focus {
+	outline:none;	
+}
+.v-datefield-calendarpanel-header td {
+	text-align: center;
+}
+.v-datefield-calendarpanel-month {
+	text-align: center;
+	white-space: nowrap;
+}
+.v-datefield-calendarpanel-weeknumber {
+	color: #999;
+	border-right: 1px solid #ddd;
+	font-size: 0.9em;
+}
+.v-datefield-calendarpanel-day,
+.v-datefield-calendarpanel-day-today {
+	cursor: pointer;
+}
+.v-datefield-calendarpanel-day-today {
+	border: 1px solid #ddd;
+}
+.v-disabled .v-datefield-calendarpanel-day,
+.v-disabled .v-datefield-calendarpanel-day-today {
+	cursor: default;
+}
+.v-datefield-calendarpanel-day-disabled {
+	cursor: default;
+	opacity: .5;
+}
+.v-datefield-calendarpanel-day-selected {
+	cursor: default;
+	background: #333;
+	color: #fff;
+}
+.v-datefield-calendarpanel-day-focused {
+	outline: 1px dotted black;
+}
+.v-datefield-calendarpanel-day-offmonth {
+    color: #666;
+}
+
+.v-datefield-time {
+	white-space: nowrap;
+}
+.v-datefield-time .v-label {
+	display: inline;
+}
+.v-datefield-popup {
+	background: #fff;
+}
+/* Disabled by default
+.v-datefield-error .v-textfield,
+.v-datefield-error .v-datefield-calendarpanel {
+	background: #ffe0e0;
+}
+*/
+
+/* Disabled by default
+.v-datefield-required .v-textfield,
+.v-datefield-required .v-datefield-calendarpanel {
+	background:transparent;
+	background-color: #ffe0e0;
+}
+*/
+
+}
\ No newline at end of file
-- 
cgit v1.2.3