color helper

[pettanr/pettanr.git] / app / assets / stylesheets / test.css.scss

diff --git a/app/assets/stylesheets/test.css.scss b/app/assets/stylesheets/test.css.scss
index c01c9ef..c8aef35 100644 (file)
--- a/app/assets/stylesheets/test.css.scss
+++ b/app/assets/stylesheets/test.css.scss
@@ -1,3 +1,9 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_directory ./base
+*/
 table.no-border {
   border: none;
 }
@@ -214,6 +220,31 @@ font-family : monospace;
 .colorpicker-hex, #colorpicker-rgb {
   margin: 5px;
 }
+.ui-slider .ui-slider-handle {
+  width: 1em;
+  height: 1em;
+}
+.ui-slider-horizontal {
+  height: 0.6em;
+}
+  // for ap
+  .code-wrap {
+      border: 1px solid #d0d0d0;
+      border-radius: 10px;
+      padding: 10px 5px;
+      background: #fafafa;
+      display: none;
+  }
+  .colorpicker {
+    float: left;
+    clear: left;
+    width: 256px;
+    margin: 3px 10px;
+  }
+  .colorpicker .ui-slider-range {
+    background: #ef2929;
+  }
+
 .tsort-box {
   float: left;
   font-size: 12px;
@@ -262,13 +293,6 @@ font-family : monospace;
     font-size: 12px;
     cursor: move;
 }
-.ui-slider .ui-slider-handle {
-       width: 1em;
-  height: 1em;
-}
-.ui-slider-horizontal {
-       height: 0.6em;
-}
 #elements-tabs {
     font-size: 12px;
 }