From a8ddb5d8e40547675e7eeee73a1685d98e9dcf1d Mon Sep 17 00:00:00 2001
From: V3n3RiX <venerix@redcorelinux.org>
Date: Tue, 18 Jul 2017 18:20:40 +0100
Subject: rebase Redcore gtk theme on Numix

---
 .../gtk-3.0/scss/widgets/_progress.scss            | 182 +++++++++++++++++++++
 1 file changed, 182 insertions(+)
 create mode 100644 Redcore-daylight/gtk-3.0/scss/widgets/_progress.scss

(limited to 'Redcore-daylight/gtk-3.0/scss/widgets/_progress.scss')

diff --git a/Redcore-daylight/gtk-3.0/scss/widgets/_progress.scss b/Redcore-daylight/gtk-3.0/scss/widgets/_progress.scss
new file mode 100644
index 0000000..8a1ef11
--- /dev/null
+++ b/Redcore-daylight/gtk-3.0/scss/widgets/_progress.scss
@@ -0,0 +1,182 @@
+/*****************
+ ! Progress bars *
+******************/
+
+@include exports("progressbar") {
+    GtkProgressBar {
+        padding: 0;
+        border-radius: $roundness;
+        font-size: smaller;
+        color: alpha($fg_color, .6);
+
+        -GtkProgressBar-min-horizontal-bar-height: 6;
+        -GtkProgressBar-min-vertical-bar-width: 6;
+
+        &.osd {
+            -GtkProgressBar-xspacing: 0;
+            -GtkProgressBar-yspacing: 0;
+            -GtkProgressBar-min-horizontal-bar-height: 3;
+        }
+
+        &.trough {
+            border: 1px solid alpha(border_normal($bg_color), .5);
+            background-color: shade($bg_color, 1.08);
+            background-image: none;
+        }
+    }
+
+    .progressbar {
+        @include linear-gradient($selected_bg_color);
+
+        border-radius: 0;
+        box-shadow: none;
+
+        &.left {
+            border-top-left-radius: $roundness;
+            border-bottom-left-radius: $roundness;
+        }
+
+        &.right {
+            border-top-right-radius: $roundness;
+            border-bottom-right-radius: $roundness;
+        }
+
+        &.left.right { box-shadow: none; }
+
+        &.vertical {
+            @include linear-gradient($selected_bg_color, to right);
+
+            &.bottom {
+                border-bottom-left-radius: $roundness;
+                border-bottom-right-radius: $roundness;
+            }
+
+            &.top {
+                border-top-left-radius: $roundness;
+                border-top-right-radius: $roundness;
+            }
+        }
+    }
+
+    GtkLevelBar {
+        -GtkLevelBar-min-block-width: 34;
+        -GtkLevelBar-min-block-height: 3;
+
+        &.vertical {
+            -GtkLevelBar-min-block-width: 3;
+            -GtkLevelBar-min-block-height: 34;
+        }
+    }
+
+    .level-bar {
+        &.trough {
+            @include linear-gradient(shade($bg_color, 1.08), to top);
+
+            border: 1px solid alpha(border_normal($bg_color), .5);
+            border-radius: $roundness;
+        }
+
+        &.fill-block {
+            @include linear-gradient($selected_bg_color);
+
+            // FIXME: it would be nice to set make fill blocks bigger, but we'd need
+            // :nth-child working on discrete indicators
+            border-color: transparent;
+            border-radius: 0;
+
+            &.indicator-discrete {
+                &.horizontal { margin-right: 1px; }
+
+                &.vertical { margin-bottom: 1px; }
+            }
+
+            &.level-high {
+                background-color: $success_color;
+                border-color: transparent;
+            }
+
+            &.level-low {
+                background-color: $warning_color;
+                border-color: transparent;
+            }
+
+            &.empty-fill-block {
+                background-color: transparent;
+                border-color: transparent;
+                box-shadow: none;
+            }
+        }
+    }
+
+    .scale {
+        -GtkRange-slider-width: 16;
+        -GtkRange-trough-border: 1;
+        -GtkScale-slider-length: 16;
+
+        padding: 0;
+        border-width: 1px;
+        border-radius: $roundness;
+        outline-offset: -1px;
+
+
+        &.slider {
+            @include linear-gradient(shade($bg_color, 1.08));
+            @include border($bg_color);
+
+            border-radius: 8px;
+            border-width: 1px;
+            border-style: solid;
+            box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3);
+
+            &:insensitive { @include linear-gradient(shade($bg_color, .9)); }
+        }
+
+        &.fine-tune {
+            &, &.horizontal {
+                &:active, &:active:hover {
+                    background-size: 50%;
+                    background-repeat: no-repeat;
+                    background-position: center;
+                }
+            }
+        }
+
+        &.mark { border-color: alpha(border_normal($bg_color), .5); }
+
+
+        &.trough {
+            @include linear-gradient(shade($bg_color, 1.08));
+
+            margin: 7px 0;
+            border: 1px solid alpha(border_normal($bg_color), .5);
+            border-radius: $roundness;
+
+            &:insensitive { @include linear-gradient(shade($bg_color, .9)); }
+
+            &.vertical { margin: 0 7px; }
+        }
+
+        &.highlight.left {
+            &, .memuitem & {
+                    @include linear-gradient($selected_bg_color);
+                    border-color: $selected_bg_color;
+               
+                    &:hover {
+                        border-color: border_normal($selected_bg_color);
+                        background-color: shade($selected_bg_color, .8);
+                    }
+
+                    &:insensitive {
+                        @include linear-gradient(shade($bg_color, .9));
+                        border-color: shade($bg_color, .85);
+                    }
+            }
+        }
+
+	&.highlight.bottom {              
+            @include linear-gradient($selected_bg_color);
+            border-color: $selected_bg_color;
+        }
+
+    }
+}
-- 
cgit v1.2.3