[Kimchi-devel] [PATCH] [Wok 05/10] Moved .wok-radio and .wok-checkbox to a new SCSS module

sguimaraes943 at gmail.com sguimaraes943 at gmail.com
Mon Dec 14 18:58:54 UTC 2015


From: samhenri <samuel.guimaraes at eldorado.org.br>

Signed-off-by: samhenri <samuel.guimaraes at eldorado.org.br>
---
 ui/css/src/modules/_wok-forms.scss | 55 ++++++++++++++++++++++++++++++++++++++
 ui/css/src/wok.scss                | 34 ++---------------------
 2 files changed, 57 insertions(+), 32 deletions(-)
 create mode 100644 ui/css/src/modules/_wok-forms.scss

diff --git a/ui/css/src/modules/_wok-forms.scss b/ui/css/src/modules/_wok-forms.scss
new file mode 100644
index 0000000..3f6f99a
--- /dev/null
+++ b/ui/css/src/modules/_wok-forms.scss
@@ -0,0 +1,55 @@
+//
+// Project Wok
+//
+// Copyright IBM, Corp. 2015
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+// Custom check-boxes and radios
+input[type=checkbox].wok-checkbox,
+input[type=radio].wok-radio {
+    display: none;
+}
+
+input[type=checkbox].wok-checkbox + label:before,
+input[type=radio].wok-radio + label:before {
+    font-family: FontAwesome;
+    display: inline-block;
+}
+
+input[type=checkbox].wok-checkbox + label:before {
+    content: "\f096";
+    letter-spacing: 10px;
+}
+
+input[type=checkbox].wok-checkbox:checked + label:before {
+    content: "\f14a";
+    letter-spacing: 8px;
+}
+
+input[type=radio].wok-radio + label:before {
+    content: "\f10c";
+    letter-spacing: 5px;
+}
+
+input[type=radio].wok-radio:checked + label:before {
+    content: "\f192";
+    letter-spacing: 5px;
+}
+
+input[type=radio].wok-checkbox + label,
+input[type=radio].wok-radio + label {
+    cursor: pointer;
+    margin-right: 10px;
+}
diff --git a/ui/css/src/wok.scss b/ui/css/src/wok.scss
index 9a934d5..db31c57 100755
--- a/ui/css/src/wok.scss
+++ b/ui/css/src/wok.scss
@@ -68,6 +68,8 @@
 @import "modules/datagrid";
 // Wok Loaders
 @import "modules/loaders";
+// Wok Forms
+ at import "modules/wok-forms";
 // Wok Confirm Dialog
 @import "modules/wok-confirm";
 // Form validation classes
@@ -108,38 +110,6 @@
     margin-right: 5px;
 }
 
-// Custom check-boxes and radios
-input[type=checkbox].wok-checkbox,
-input[type=radio].wok-radio {
-    display: none;
-}
-
-input[type=checkbox].wok-checkbox + label:before,
-input[type=radio].wok-radio + label:before {
-    font-family: FontAwesome;
-    display: inline-block;
-}
-
-input[type=checkbox].wok-checkbox + label:before {
-    content: "\f096";
-    letter-spacing: 10px;
-}
-
-input[type=checkbox].wok-checkbox:checked + label:before {
-    content: "\f14a";
-    letter-spacing: 8px;
-}
-
-input[type=radio].wok-radio + label:before {
-    content: "\f10c";
-    letter-spacing: 5px;
-}
-
-input[type=radio].wok-radio:checked + label:before {
-    content: "\f192";
-    letter-spacing: 5px;
-}
-
 // Animation
 @import "modules/animation";
 
-- 
1.9.3




More information about the Kimchi-devel mailing list