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";
12 display: inline-block;
14 img { height: inherit;}
19 alert {@include ibz-input-alert(darkblue, rgba(200, 200, 200, 0.6))};
22 margin-bottom: .5rem !important;
26 margin-top: 1rem !important;
43 border-color: rgba(200, 200, 200, 0.6) !important;
44 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(200, 200, 200, 0.6) !important;
45 color: #696969 !important;
49 border-color: rgba(82,168,236,0.8) ;
50 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82,168,236,0.8) !important;
51 transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
52 color: darkslateblue !important;
53 @extend shadow-transition;
57 border-color: rgba(154, 205, 50, 0.6)!important;
58 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(154, 205, 50, 0.6)!important;
59 @extend shadow-transition;
63 border-color: rgba(154, 17, 69, 0.6);
64 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(154, 17, 69, 0.6)!important;
65 color: rgb(154, 17, 69);
66 @extend shadow-transition;