fomantic-ui-sass 2.8.8.1 → 2.9.0

data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.8.8 - Checkbox
+ * # Fomantic-UI 2.9.0 - Checkbox
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -53,7 +53,7 @@
   outline: none;
   font-size: 1em;
 }
-.ui.checkbox label:before {
+.ui.checkbox label::before {
   position: absolute;
   top: 0;
   left: 0;
@@ -73,7 +73,7 @@
     Checkmark
 ---------------*/
 
-.ui.checkbox label:after {
+.ui.checkbox label::after {
   position: absolute;
   font-size: 14px;
   top: 0;
@@ -92,8 +92,8 @@
   padding-left: 0;
   padding-right: 1.85714em;
 }
-.ui.right.aligned.checkbox label:after,
-.ui.right.aligned.checkbox label:before {
+.ui.right.aligned.checkbox label::after,
+.ui.right.aligned.checkbox label::before {
   right: 0;
   left: auto;
 }
@@ -154,11 +154,11 @@
      Focus
 ---------------*/
 
-.ui.checkbox input:focus ~ label:before {
+.ui.checkbox input:focus ~ label::before {
   background: #FFFFFF;
   border-color: #96C8DA;
 }
-.ui.checkbox input:focus ~ label:after {
+.ui.checkbox input:focus ~ label::after {
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.checkbox input:focus ~ label {
@@ -169,11 +169,11 @@
      Active
 ---------------*/
 
-.ui.checkbox input:checked ~ label:before {
+.ui.checkbox input:checked ~ label::before {
   background: #FFFFFF;
   border-color: rgba(34, 36, 38, 0.35);
 }
-.ui.checkbox input:checked ~ label:after {
+.ui.checkbox input:checked ~ label::after {
   opacity: 1;
   color: rgba(0, 0, 0, 0.95);
 }
@@ -182,21 +182,21 @@
     Indeterminate
   ---------------*/
 
-.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
+.ui.checkbox input:not([type=radio]):indeterminate ~ label::before {
   background: #FFFFFF;
   border-color: rgba(34, 36, 38, 0.35);
 }
-.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
+.ui.checkbox input:not([type=radio]):indeterminate ~ label::after {
   opacity: 1;
   color: rgba(0, 0, 0, 0.95);
 }
-.ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate ~ label:before {
+.ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate ~ label::before {
   background: rgba(0, 0, 0, 0.15);
 }
-.ui.indeterminate.toggle.checkbox input:not([type=radio]) ~ label:after {
+.ui.indeterminate.toggle.checkbox input:not([type=radio]) ~ label::after {
   left: 1.075rem;
 }
-.ui.right.aligned.indeterminate.toggle.checkbox input:not([type=radio]) ~ label:after {
+.ui.right.aligned.indeterminate.toggle.checkbox input:not([type=radio]) ~ label::after {
   left: auto;
   right: 1.075rem;
 }
@@ -205,13 +205,13 @@
   Active Focus
 ---------------*/
 
-.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
-.ui.checkbox input:checked:focus ~ label:before {
+.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::before,
+.ui.checkbox input:checked:focus ~ label::before {
   background: #FFFFFF;
   border-color: #96C8DA;
 }
-.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
-.ui.checkbox input:checked:focus ~ label:after {
+.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::after,
+.ui.checkbox input:checked:focus ~ label::after {
   color: rgba(0, 0, 0, 0.95);
 }
 
@@ -249,6 +249,7 @@
 }
 
 /* Selectable Label */
+.ui.checkbox input + label[for],
 .ui.checkbox input.hidden + label {
   cursor: pointer;
   -webkit-user-select: none;
@@ -275,7 +276,7 @@
 }
 
 /* Box */
-.ui.radio.checkbox label:before {
+.ui.radio.checkbox label::before {
   content: '';
   -webkit-transform: none;
           transform: none;
@@ -287,7 +288,7 @@
 }
 
 /* Bullet */
-.ui.radio.checkbox label:after {
+.ui.radio.checkbox label::after {
   border: none;
   content: '' !important;
   line-height: 15px;
@@ -302,31 +303,31 @@
 }
 
 /* Focus */
-.ui.radio.checkbox input:focus ~ label:before {
+.ui.radio.checkbox input:focus ~ label::before {
   background-color: #FFFFFF;
 }
-.ui.radio.checkbox input:focus ~ label:after {
+.ui.radio.checkbox input:focus ~ label::after {
   background-color: rgba(0, 0, 0, 0.95);
 }
 
 /* Indeterminate */
-.ui.radio.checkbox input:indeterminate ~ label:after {
+.ui.radio.checkbox input:indeterminate ~ label::after {
   opacity: 0;
 }
 
 /* Active */
-.ui.radio.checkbox input:checked ~ label:before {
+.ui.radio.checkbox input:checked ~ label::before {
   background-color: #FFFFFF;
 }
-.ui.radio.checkbox input:checked ~ label:after {
+.ui.radio.checkbox input:checked ~ label::after {
   background-color: rgba(0, 0, 0, 0.95);
 }
 
 /* Active Focus */
-.ui.radio.checkbox input:focus:checked ~ label:before {
+.ui.radio.checkbox input:focus:checked ~ label::before {
   background-color: #FFFFFF;
 }
-.ui.radio.checkbox input:focus:checked ~ label:after {
+.ui.radio.checkbox input:focus:checked ~ label::after {
   background-color: rgba(0, 0, 0, 0.95);
 }
 
@@ -352,7 +353,7 @@
 }
 
 /* Line */
-.ui.slider.checkbox label:before {
+.ui.slider.checkbox label::before {
   display: block;
   position: absolute;
   content: '';
@@ -371,7 +372,7 @@
 }
 
 /* Handle */
-.ui.slider.checkbox label:after {
+.ui.slider.checkbox label::after {
   background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
   background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
@@ -394,7 +395,7 @@
 }
 
 /* Focus */
-.ui.slider.checkbox input:focus ~ label:before {
+.ui.slider.checkbox input:focus ~ label::before {
   background-color: rgba(0, 0, 0, 0.15);
   border: none;
 }
@@ -411,10 +412,10 @@
 .ui.slider.checkbox input:checked ~ label {
   color: rgba(0, 0, 0, 0.95) !important;
 }
-.ui.slider.checkbox input:checked ~ label:before {
+.ui.slider.checkbox input:checked ~ label::before {
   background-color: #545454 !important;
 }
-.ui.slider.checkbox input:checked ~ label:after {
+.ui.slider.checkbox input:checked ~ label::after {
   left: 2rem;
 }
 
@@ -422,20 +423,20 @@
 .ui.slider.checkbox input:focus:checked ~ label {
   color: rgba(0, 0, 0, 0.95) !important;
 }
-.ui.slider.checkbox input:focus:checked ~ label:before {
+.ui.slider.checkbox input:focus:checked ~ label::before {
   background-color: #000000 !important;
 }
 .ui.right.aligned.slider.checkbox label {
   padding-left: 0;
   padding-right: 4.5rem;
 }
-.ui.right.aligned.slider.checkbox label:after {
+.ui.right.aligned.slider.checkbox label::after {
   left: auto;
   right: 2rem;
   -webkit-transition: right 0.3s ease;
   transition: right 0.3s ease;
 }
-.ui.right.aligned.slider.checkbox input:checked ~ label:after {
+.ui.right.aligned.slider.checkbox input:checked ~ label::after {
   left: auto;
   right: 0;
 }
@@ -465,7 +466,7 @@
 }
 
 /* Switch */
-.ui.toggle.checkbox label:before {
+.ui.toggle.checkbox label::before {
   display: block;
   position: absolute;
   content: '';
@@ -483,7 +484,7 @@
 }
 
 /* Handle */
-.ui.toggle.checkbox label:after {
+.ui.toggle.checkbox label::after {
   background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
   background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
@@ -502,14 +503,14 @@
   -webkit-transition: background 0.3s ease, left 0.3s ease;
   transition: background 0.3s ease, left 0.3s ease;
 }
-.ui.toggle.checkbox input ~ label:after {
+.ui.toggle.checkbox input ~ label::after {
   left: -0.05rem;
   -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
           box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
 }
 
 /* Focus */
-.ui.toggle.checkbox input:focus ~ label:before {
+.ui.toggle.checkbox input:focus ~ label::before {
   background-color: rgba(0, 0, 0, 0.15);
   border: none;
 }
@@ -524,10 +525,10 @@
 .ui.toggle.checkbox input:checked ~ label {
   color: rgba(0, 0, 0, 0.95) !important;
 }
-.ui.toggle.checkbox input:checked ~ label:before {
+.ui.toggle.checkbox input:checked ~ label::before {
   background-color: #2185D0 !important;
 }
-.ui.toggle.checkbox input:checked ~ label:after {
+.ui.toggle.checkbox input:checked ~ label::after {
   left: 2.15rem;
   -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
           box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
@@ -537,20 +538,20 @@
 .ui.toggle.checkbox input:focus:checked ~ label {
   color: rgba(0, 0, 0, 0.95) !important;
 }
-.ui.toggle.checkbox input:focus:checked ~ label:before {
+.ui.toggle.checkbox input:focus:checked ~ label::before {
   background-color: #0d71bb !important;
 }
 .ui.right.aligned.toggle.checkbox label {
   padding-left: 0;
   padding-right: 4.5rem;
 }
-.ui.right.aligned.toggle.checkbox input ~ label:after {
+.ui.right.aligned.toggle.checkbox input ~ label::after {
   left: auto;
   right: 2.15rem;
   -webkit-transition: background 0.3s ease, right 0.3s ease;
   transition: background 0.3s ease, right 0.3s ease;
 }
-.ui.right.aligned.toggle.checkbox input:checked ~ label:after {
+.ui.right.aligned.toggle.checkbox input:checked ~ label::after {
   left: auto;
   right: -0.05rem;
 }
@@ -597,7 +598,7 @@
 }
 
 /* Slider Line */
-.ui.inverted.slider.checkbox label:before {
+.ui.inverted.slider.checkbox label::before {
   background-color: rgba(255, 255, 255, 0.5) !important;
 }
 
@@ -610,7 +611,7 @@
 .ui.inverted.slider.checkbox input:checked ~ label {
   color: #ffffff !important;
 }
-.ui.inverted.slider.checkbox input:checked ~ label:before {
+.ui.inverted.slider.checkbox input:checked ~ label::before {
   background-color: rgba(255, 255, 255, 0.8) !important;
 }
 
@@ -618,12 +619,12 @@
 .ui.inverted.slider.checkbox input:focus:checked ~ label {
   color: #ffffff !important;
 }
-.ui.inverted.slider.checkbox input:focus:checked ~ label:before {
+.ui.inverted.slider.checkbox input:focus:checked ~ label::before {
   background-color: rgba(255, 255, 255, 0.8) !important;
 }
 
 /* Toggle Switch */
-.ui.inverted.toggle.checkbox label:before {
+.ui.inverted.toggle.checkbox label::before {
   background-color: rgba(255, 255, 255, 0.9) !important;
 }
 
@@ -636,7 +637,7 @@
 .ui.inverted.toggle.checkbox input:checked ~ label {
   color: #ffffff !important;
 }
-.ui.inverted.toggle.checkbox input:checked ~ label:before {
+.ui.inverted.toggle.checkbox input:checked ~ label::before {
   background-color: #2185D0 !important;
 }
 
@@ -644,7 +645,7 @@
 .ui.inverted.toggle.checkbox input:focus:checked ~ label {
   color: #ffffff !important;
 }
-.ui.inverted.toggle.checkbox input:focus:checked ~ label:before {
+.ui.inverted.toggle.checkbox input:focus:checked ~ label::before {
   background-color: #0d71bb !important;
 }
 
@@ -664,24 +665,24 @@
 .ui.large.checkbox {
   font-size: 1.14285714em;
 }
-.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
-.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
-.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
-.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
+.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
+.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
+.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
+.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
   -webkit-transform: scale(1.14285714);
           transform: scale(1.14285714);
   -webkit-transform-origin: left;
           transform-origin: left;
 }
-.ui.large.form .checkbox.radio label:before,
-.ui.large.checkbox.radio label:before {
+.ui.large.form .checkbox.radio label::before,
+.ui.large.checkbox.radio label::before {
   -webkit-transform: scale(1.14285714);
           transform: scale(1.14285714);
   -webkit-transform-origin: left;
           transform-origin: left;
 }
-.ui.large.form .checkbox.radio label:after,
-.ui.large.checkbox.radio label:after {
+.ui.large.form .checkbox.radio label::after,
+.ui.large.checkbox.radio label::after {
   -webkit-transform: scale(0.57142857);
           transform: scale(0.57142857);
   -webkit-transform-origin: left;
@@ -691,24 +692,24 @@
 .ui.big.checkbox {
   font-size: 1.28571429em;
 }
-.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
-.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
-.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
-.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
+.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
+.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
+.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
+.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
   -webkit-transform: scale(1.28571429);
           transform: scale(1.28571429);
   -webkit-transform-origin: left;
           transform-origin: left;
 }
-.ui.big.form .checkbox.radio label:before,
-.ui.big.checkbox.radio label:before {
+.ui.big.form .checkbox.radio label::before,
+.ui.big.checkbox.radio label::before {
   -webkit-transform: scale(1.28571429);
           transform: scale(1.28571429);
   -webkit-transform-origin: left;
           transform-origin: left;
 }
-.ui.big.form .checkbox.radio label:after,
-.ui.big.checkbox.radio label:after {
+.ui.big.form .checkbox.radio label::after,
+.ui.big.checkbox.radio label::after {
   -webkit-transform: scale(0.64285714);
           transform: scale(0.64285714);
   -webkit-transform-origin: left;
@@ -718,24 +719,24 @@
 .ui.huge.checkbox {
   font-size: 1.42857143em;
 }
-.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
-.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
-.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
-.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
+.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
+.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
+.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
+.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
   -webkit-transform: scale(1.42857143);
           transform: scale(1.42857143);
   -webkit-transform-origin: left;
           transform-origin: left;
 }
-.ui.huge.form .checkbox.radio label:before,
-.ui.huge.checkbox.radio label:before {
+.ui.huge.form .checkbox.radio label::before,
+.ui.huge.checkbox.radio label::before {
   -webkit-transform: scale(1.42857143);
           transform: scale(1.42857143);
   -webkit-transform-origin: left;
           transform-origin: left;
 }
-.ui.huge.form .checkbox.radio label:after,
-.ui.huge.checkbox.radio label:after {
+.ui.huge.form .checkbox.radio label::after,
+.ui.huge.checkbox.radio label::after {
   -webkit-transform: scale(0.71428571);
           transform: scale(0.71428571);
   -webkit-transform-origin: left;
@@ -745,24 +746,24 @@
 .ui.massive.checkbox {
   font-size: 1.71428571em;
 }
-.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
-.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
-.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
-.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
+.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
+.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
+.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
+.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
   -webkit-transform: scale(1.71428571);
           transform: scale(1.71428571);
   -webkit-transform-origin: left;
           transform-origin: left;
 }
-.ui.massive.form .checkbox.radio label:before,
-.ui.massive.checkbox.radio label:before {
+.ui.massive.form .checkbox.radio label::before,
+.ui.massive.checkbox.radio label::before {
   -webkit-transform: scale(1.71428571);
           transform: scale(1.71428571);
   -webkit-transform-origin: left;
           transform-origin: left;
 }
-.ui.massive.form .checkbox.radio label:after,
-.ui.massive.checkbox.radio label:after {
+.ui.massive.form .checkbox.radio label::after,
+.ui.massive.checkbox.radio label::after {
   -webkit-transform: scale(0.85714286);
           transform: scale(0.85714286);
   -webkit-transform-origin: left;
@@ -777,31 +778,31 @@
 
 @font-face {
   font-family: 'Checkbox';
-  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
+  src: url(data:application/font-woff;base64,d09GRgABAAAAAAR8AA0AAAAABtwAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEYAAAABoAAAAcgbCWJ0dERUYAAARIAAAAFwAAABgAJQAAT1MvMgAAAZgAAABAAAAAYA8SBD9jbWFwAAAB9AAAAFMAAAFc71zo6Wdhc3AAAARAAAAACAAAAAgAAAAQZ2x5ZgAAAlwAAADJAAABVHshwGBoZWFkAAABMAAAAC4AAAA2Bj3tWWhoZWEAAAFgAAAAHQAAACQHfQPIaG10eAAAAdgAAAAZAAAAHg56AEVsb2NhAAACSAAAABIAAAASAQoAjG1heHAAAAGAAAAAGAAAACAACgAvbmFtZQAAAygAAADnAAABp5xOC4Fwb3N0AAAEEAAAADAAAABaHRtWW3icY2BkYGBgYmDgqbAVjee3+crAzcIAAhc3XilHppl3M+cBKQ6QWgYGAAHnCVsAAHicY2BkYGA+8P8AAwMLAwgw72ZgZEAF7ABaJgNOAAAAeJxjYGRgYOBg0GUA0QwMTAxoAAAFtQA6eJxjYGYWYpzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgF0AQYHBgYXjAxH/h/gMGB+QCIx8CIJKvAwAgAIOcKW3icY2GAAMZQCM0ExCwMDK7MqiAeAAqXAM4AAAB4nN2NwQ2AMAwDL00pHYJH52AQ9n/w6BbFCS9WwJFlO3IUwHl5YAQuJctcOaVdU6TGmGWt7IxJuHXnvmcrnLPR2GWb6NnF4rrwhT5U/o0Hf5EJGAAAAAAAAAgACAAQABgASABsAKoAAHichY09CsJAEIVndiG2gyQ7IASJIbHQyvyIiFhZpBE8iNsIeiVvYOFx7FPbKE6yUcHGgZ23jzd8DxDeowAWCv77Dez0Vd1hAIB+D714NMa0yNdYZrMhum0CfaWnT4bpeSPaEjOd8djIltTBNBlhSGzES3Jqb5oW6UOrE1WBL7/A73lxNBqnK8znZRbNWMgJET8qJhlWF1HV3zvXSceBSifawrTjTLrd0uI3c4lFu4UcYvbh1/KsIaodUayx7Kxr+wb8Y+EFi+YsngAAAHicfc5BSsNAGMXxf9q0agURFy50M3shlOoNikIXddGFa5N0SEvLDKQp2KUH8AxuXXkkz+JL+NYJJPzmffNmAlzxS0L7JJxzYx5wxoN5qPzZnMrv5hGXfJrHyr/NE+74UytJL5Rcdye0Huiue/NQ+aM5lV/NI27ZmsfKv8wTnvhhzgZPyY6CyAfMN77cFVFaaVBxZE9OraWvjvtc6Kn0jN40qDnoVyIBx4yMqWJfH7YxuFk27a2/dLVGxUpbQndYrrVnrazgpO9C1chSb7s3UymGxlU++Dpv/NoVJ7co4zLGkPEPj0VARQB4nGNgYsAPOBgYGJkYmBiZGZgZWRhZGdnYS/MyDYAAShuCaFcLCB9Iw/hGAOPdCuMAAQAB//8AD3icY2BkYGDgAWIBIGYCYhYIDQACOwAmAHicY2BgYGQAgns+by1A9MWNV8phNABQ5wfrAAA=) format('woff');
 }
 
 /* Checkmark */
-.ui.checkbox label:after,
-.ui.checkbox .box:after {
+.ui.checkbox label::after,
+.ui.checkbox .box::after {
   font-family: 'Checkbox';
 }
 
 /* Checked */
-.ui.checkbox input:checked ~ .box:after,
-.ui.checkbox input:checked ~ label:after {
+.ui.checkbox input:checked ~ .box::after,
+.ui.checkbox input:checked ~ label::after {
   content: '\e800';
 }
 
 /* Indeterminate */
-.ui.checkbox input:indeterminate ~ .box:after,
-.ui.checkbox input:indeterminate ~ label:after {
+.ui.checkbox input:indeterminate ~ .box::after,
+.ui.checkbox input:indeterminate ~ label::after {
   font-size: 12px;
   content: '\e801';
 }
 /*  UTF Reference
-.check:before { content: '\e800'; }
-.dash:before  { content: '\e801'; }
-.plus:before { content: '\e802'; }
+.check::before { content: '\e800'; }
+.dash::before  { content: '\e801'; }
+.plus::before { content: '\e802'; }
 */
 
 

data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.8.8 - Dimmer
+ * # Fomantic-UI 2.9.0 - Dimmer
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -19,8 +19,8 @@
 .ui.dimmer {
   display: none;
   position: absolute;
-  top: 0 !important;
-  left: 0 !important;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   text-align: center;
@@ -33,8 +33,8 @@
           animation-fill-mode: both;
   -webkit-animation-duration: 0.5s;
           animation-duration: 0.5s;
-  -webkit-transition: background-color 0.5s linear;
-  transition: background-color 0.5s linear;
+  -webkit-transition: all 0.5s linear;
+  transition: all 0.5s linear;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -80,6 +80,17 @@
 .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
   background: rgba(255, 255, 255, 0.35);
 }
+.ui.dimmer:not(.inverted) {
+  
+/* IE11 */
+  scrollbar-face-color: #656565;
+  scrollbar-shadow-color: #656565;
+  scrollbar-track-color: #323232;
+  scrollbar-arrow-color: #323232;
+  
+/* firefox : first color thumb, second track */
+  scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
+}
 
 
 /*******************************
@@ -170,22 +181,26 @@ body.dimmable > .dimmer {
       Blurring
   ---------------*/
 
-.blurring.dimmable > :not(.dimmer) {
-  -webkit-filter: initial;
-          filter: initial;
-  -webkit-transition: 800ms -webkit-filter ease;
-  transition: 800ms -webkit-filter ease;
-  transition: 800ms filter ease;
-  transition: 800ms filter ease, 800ms -webkit-filter ease;
-}
-.blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
-  -webkit-filter: blur(5px) grayscale(0.7);
-          filter: blur(5px) grayscale(0.7);
+@supports (not (-webkit-backdrop-filter: none)) and (not ((-webkit-backdrop-filter: none) or (backdrop-filter: none))) {
+  .blurring.dimmable > :not(.dimmer) {
+    -webkit-filter: initial;
+            filter: initial;
+    -webkit-transition: 800ms -webkit-filter ease;
+    transition: 800ms -webkit-filter ease;
+    transition: 800ms filter ease;
+    transition: 800ms filter ease, 800ms -webkit-filter ease;
+  }
+  .blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
+    -webkit-filter: blur(5px) grayscale(0.7);
+            filter: blur(5px) grayscale(0.7);
+  }
 }
 
 /* Dimmer Color */
 .blurring.dimmable > .dimmer {
   background: rgba(0, 0, 0, 0.6);
+  -webkit-backdrop-filter: blur(5px) grayscale(0.7);
+  backdrop-filter: blur(5px) grayscale(0.7);
 }
 .blurring.dimmable > .inverted.dimmer {
   background: rgba(255, 255, 255, 0.6);
@@ -282,11 +297,11 @@ body.dimmable > .dimmer {
   height: auto;
 }
 .ui[class*="bottom dimmer"] {
-  top: auto !important;
+  top: auto;
   bottom: 0;
 }
 .ui[class*="center dimmer"] {
-  top: 50% !important;
+  top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(calc(-50% - 0.5px));
 }