first mockup in go

2019-08-18 23:21:16 +02:00
parent 9ce235274f
commit 969ae63d02
5638 changed files with 579400 additions and 0 deletions
--- a/static/bower_components/ion.rangeSlider/less/skins/big.less
+++ b/static/bower_components/ion.rangeSlider/less/skins/big.less
@@ -0,0 +1,109 @@
+.irs--big {
+    @name: irs;
+
+    @top: 33px;
+    @bottom: 16px;
+    @line_height: 12px;
+    @handle_width: 30px;
+    @handle_height: 30px;
+    @custom_radius: 3px;
+
+    @line_color_1: white;
+    @line_color_2: #ccc;
+    @line_color_3: #ddd;
+    @bar_color: #428bca;
+    @handle_color_1: #cbcfd5;
+    @handle_color_2: #B4B9BE;
+    @handle_color_3: white;
+    @handle_color_4: #919BA5;
+    @minmax_text_color: white;
+    @minmax_bg_color: #9f9f9f;
+    @label_color_1: #428bca;
+    @label_color_2: white;
+    @grid_color_1: #428bca;
+
+
+
+    height: 55px;
+
+    &.irs-with-grid {
+        height: 70px;
+    }
+
+    .@{name}-line {
+        top: @top;
+        height: @line_height;
+        background-color: @line_color_1;
+        background: linear-gradient(to bottom, @line_color_3 -50%, @line_color_1 150%);
+        border: 1px solid @line_color_2;
+        border-radius: @line_height;
+    }
+
+    .@{name}-bar {
+        top: @top;
+        height: @line_height;
+        background-color: lighten(@bar_color, 20%);
+        border: 1px solid @bar_color;
+        background: linear-gradient(to bottom, lighten(@bar_color, 70%) 0%, @bar_color 30%, lighten(@bar_color, 30%) 100%);
+        box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5);
+
+        &--single {
+            border-radius: @line_height 0 0 @line_height;
+        }
+    }
+
+    .@{name}-shadow {
+        height: 1px;
+        bottom: @bottom;
+        background-color: fade(@bar_color, 50%);
+    }
+
+    .@{name}-handle {
+        top: 25px;
+        width: @handle_width;
+        height: @handle_height;
+        border: 1px solid rgba(0,0,0,0.3);
+        background-color: @handle_color_1;
+        background: linear-gradient(to bottom, @handle_color_3 0%, @handle_color_2 30%, @handle_color_3 100%);
+        box-shadow: 1px 1px 2px rgba(0,0,0,0.2), inset 0 0 3px 1px @handle_color_3;
+        border-radius: @handle_width;
+
+        &.state_hover,
+        &:hover {
+            border-color: rgba(0,0,0,0.45);
+            background-color: darken(@handle_color_1, 20%);
+            background: linear-gradient(to bottom, @handle_color_3 0%, @handle_color_4 30%, @handle_color_3 100%);
+        }
+    }
+
+    .@{name}-min,
+    .@{name}-max {
+        top: 0;
+        padding: 1px 5px;
+        color: @minmax_text_color;
+        text-shadow: none;
+        background-color: @minmax_bg_color;
+        border-radius: @custom_radius;
+    }
+
+    .@{name}-from,
+    .@{name}-to,
+    .@{name}-single {
+        color: @label_color_2;
+        text-shadow: none;
+        padding: 1px 5px;
+        background-color: @label_color_1;
+        background: linear-gradient(to bottom, @label_color_1 0%, darken(@label_color_1, 10%) 100%);
+        border-radius: @custom_radius;
+    }
+
+    .@{name}-grid {
+        &-pol {
+            background-color: @grid_color_1;
+        }
+
+        &-text {
+            color: @grid_color_1;
+        }
+    }
+}