2 Sample of style overload for a specific widget
4 Note: this SCSS is injected with main HTML page, it scope should be reduce
5 to a specific widget or it value will be propagated at a global level.
8 @import "app/ibz-mixins";
11 @include ibz-button(grey,1rem)
19 height: 10% !important;
21 background-color: lightgrey !important;
23 .range-slider-handle {
24 width: 10% !important;
25 height: 100% !important;
27 background-color: purple !important;
30 .range-slider-active-segment {
31 height: 80% !important;
32 background-color: lightgreen;
40 alert {@include ibz-input-alert(darkblue, rgba(200, 200, 200, 0.6))};
43 margin-bottom: .5rem !important;
47 margin-top: 1rem !important;
64 border-color: rgba(200, 200, 200, 0.6) !important;
65 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(200, 200, 200, 0.6) !important;
66 color: #696969 !important;
70 border-color: rgba(82,168,236,0.8) ;
71 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82,168,236,0.8) !important;
72 transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
73 color: darkslateblue !important;
74 @extend shadow-transition;
78 border-color: rgba(154, 205, 50, 0.6)!important;
79 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(154, 205, 50, 0.6)!important;
80 @extend shadow-transition;
84 border-color: rgba(154, 17, 69, 0.6);
85 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(154, 17, 69, 0.6)!important;
86 color: rgb(154, 17, 69);
87 @extend shadow-transition;