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 display: inline-block;
17 img { height: inherit;}
20 height: 10% !important;
22 background-color: lightgrey !important;
24 .range-slider-handle {
25 width: 10% !important;
26 height: 100% !important;
28 background-color: purple !important;
31 .range-slider-active-segment {
32 height: 80% !important;
33 background-color: lightgreen;
41 alert {@include ibz-input-alert(darkblue, rgba(200, 200, 200, 0.6))};
44 margin-bottom: .5rem !important;
48 margin-top: 1rem !important;
65 border-color: rgba(200, 200, 200, 0.6) !important;
66 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(200, 200, 200, 0.6) !important;
67 color: #696969 !important;
71 border-color: rgba(82,168,236,0.8) ;
72 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82,168,236,0.8) !important;
73 transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
74 color: darkslateblue !important;
75 @extend shadow-transition;
79 border-color: rgba(154, 205, 50, 0.6)!important;
80 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(154, 205, 50, 0.6)!important;
81 @extend shadow-transition;
85 border-color: rgba(154, 17, 69, 0.6);
86 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(154, 17, 69, 0.6)!important;
87 color: rgb(154, 17, 69);
88 @extend shadow-transition;