fomantic-ui-sass 2.7.6 → 2.7.7

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

@@ -20,10 +20,13 @@
   text-align: left;
   background: #FFFFFF;
   border: none;
-  box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
+          box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
   -webkit-transform-origin: 50% 25%;
           transform-origin: 50% 25%;
-  flex: 0 0 auto;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
   border-radius: 0.28571429rem;
   -webkit-user-select: text;
      -moz-user-select: text;
@@ -80,7 +83,8 @@
   background: #FFFFFF;
   margin: 0;
   padding: 1.25rem 1.5rem;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.85);
   border-bottom: 1px solid rgba(34, 36, 38, 0.15);
 }
@@ -103,38 +107,54 @@
   background: #FFFFFF;
 }
 .ui.modal > .image.content {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
 }
 
 /* Image */
 .ui.modal > .content > .image {
   display: block;
-  flex: 0 1 auto;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
   width: '';
-  align-self: start;
+  -ms-flex-item-align: start;
+      align-self: start;
   max-width: 100%;
 }
 .ui.modal > [class*="top aligned"] {
-  align-self: start;
+  -ms-flex-item-align: start;
+      align-self: start;
 }
 .ui.modal > [class*="middle aligned"] {
-  align-self: center;
+  -ms-flex-item-align: center;
+      align-self: center;
 }
 .ui.modal > [class*="stretched"] {
-  align-self: stretch;
+  -ms-flex-item-align: stretch;
+      align-self: stretch;
 }
 
 /* Description */
 .ui.modal > .content > .description {
   display: block;
-  flex: 1 0 auto;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 0 auto;
+          flex: 1 0 auto;
   min-width: 0;
-  align-self: start;
+  -ms-flex-item-align: start;
+      align-self: start;
 }
 .ui.modal > .content > .icon + .description,
 .ui.modal > .content > .image + .description {
-  flex: 0 1 auto;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
   min-width: '';
   width: auto;
   padding-left: 2em;
@@ -236,7 +256,10 @@
   }
   /*rtl:ignore*/
   .ui.modal .image.content {
-    flex-direction: column;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
   }
   .ui.modal .content > .image {
     display: block;
@@ -255,7 +278,8 @@
     width: 100% !important;
     margin: 0 !important;
     padding: 1rem 0 !important;
-    box-shadow: none;
+    -webkit-box-shadow: none;
+            box-shadow: none;
   }
   
 /* Let Buttons Stack */
@@ -273,7 +297,8 @@
 ---------------*/
 
 .ui.inverted.dimmer > .ui.modal {
-  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
+          box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
 }
 
 
@@ -285,7 +310,8 @@
   background-color: transparent;
   border: none;
   border-radius: 0;
-  box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
   color: #FFFFFF;
 }
 .ui.basic.modal > .header,
@@ -376,7 +402,9 @@
   overflow: hidden;
 }
 .scrolling.dimmable > .dimmer {
-  justify-content: flex-start;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
   position: fixed;
 }
 .scrolling.dimmable.dimmed > .dimmer {

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

@@ -25,11 +25,13 @@
   margin: 0;
   padding: 0.75em 1em;
   background: #555555;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
   font-size: 1rem;
   text-align: center;
   color: rgba(0, 0, 0, 0.87);
   border-radius: 0 0 0.28571429rem 0.28571429rem;
+  -webkit-transition: 0.2s background ease;
   transition: 0.2s background ease;
 }
 a.ui.nag {
@@ -49,6 +51,7 @@ a.ui.nag {
   font-size: 1em;
   margin: -0.5em 0 0;
   color: #FFFFFF;
+  -webkit-transition: opacity 0.2s ease;
   transition: opacity 0.2s ease;
 }
 

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

@@ -33,7 +33,8 @@
   font-style: normal;
   color: rgba(0, 0, 0, 0.87);
   border-radius: 0.28571429rem;
-  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
 }
 .ui.popup > .header {
   padding: 0;
@@ -54,7 +55,8 @@
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
   z-index: 1901;
-  box-shadow: 1px 1px 0 0 #bababc;
+  -webkit-box-shadow: 1px 1px 0 0 #bababc;
+          box-shadow: 1px 1px 0 0 #bababc;
 }
 
 
@@ -85,7 +87,8 @@
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
   z-index: 1901;
-  box-shadow: 1px 1px 0 0 #bababc;
+  -webkit-box-shadow: 1px 1px 0 0 #bababc;
+          box-shadow: 1px 1px 0 0 #bababc;
 }
 
 /* Popup */
@@ -106,7 +109,8 @@
   font-style: normal;
   color: rgba(0, 0, 0, 0.87);
   border-radius: 0.28571429rem;
-  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
   z-index: 1900;
 }
 
@@ -140,12 +144,14 @@
           transform: rotate(45deg) scale(0) !important;
   -webkit-transform-origin: center top;
           transform-origin: center top;
+  -webkit-transition: all 0.1s ease;
   transition: all 0.1s ease;
 }
 [data-tooltip]:after {
   opacity: 1;
   -webkit-transform-origin: center bottom;
           transform-origin: center bottom;
+  -webkit-transition: all 0.1s ease;
   transition: all 0.1s ease;
 }
 [data-tooltip]:hover:before,
@@ -203,7 +209,8 @@
 
 /* Arrow */
 [data-tooltip][data-inverted]:before {
-  box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
 }
 
 /* Arrow Position */
@@ -216,7 +223,8 @@
   background: #1B1C1D;
   color: #FFFFFF;
   border: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 [data-tooltip][data-inverted]:after .header {
   background: none;
@@ -364,15 +372,18 @@
 /* Arrow */
 [data-position~="bottom"][data-tooltip]:before {
   background: #FFFFFF;
-  box-shadow: -1px -1px 0 0 #bababc;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
 }
 [data-position="left center"][data-tooltip]:before {
   background: #FFFFFF;
-  box-shadow: 1px -1px 0 0 #bababc;
+  -webkit-box-shadow: 1px -1px 0 0 #bababc;
+          box-shadow: 1px -1px 0 0 #bababc;
 }
 [data-position="right center"][data-tooltip]:before {
   background: #FFFFFF;
-  box-shadow: -1px 1px 0 0 #bababc;
+  -webkit-box-shadow: -1px 1px 0 0 #bababc;
+          box-shadow: -1px 1px 0 0 #bababc;
 }
 [data-position~="top"][data-tooltip]:before {
   background: #FFFFFF;
@@ -381,15 +392,18 @@
 /* Inverted Arrow Color */
 [data-inverted][data-position~="bottom"][data-tooltip]:before {
   background: #1B1C1D;
-  box-shadow: -1px -1px 0 0 #bababc;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
 }
 [data-inverted][data-position="left center"][data-tooltip]:before {
   background: #1B1C1D;
-  box-shadow: 1px -1px 0 0 #bababc;
+  -webkit-box-shadow: 1px -1px 0 0 #bababc;
+          box-shadow: 1px -1px 0 0 #bababc;
 }
 [data-inverted][data-position="right center"][data-tooltip]:before {
   background: #1B1C1D;
-  box-shadow: -1px 1px 0 0 #bababc;
+  -webkit-box-shadow: -1px 1px 0 0 #bababc;
+          box-shadow: -1px 1px 0 0 #bababc;
 }
 [data-inverted][data-position~="top"][data-tooltip]:before {
   background: #1B1C1D;
@@ -523,7 +537,8 @@
   left: 50%;
   right: auto;
   bottom: auto;
-  box-shadow: -1px -1px 0 0 #bababc;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
 }
 .ui.bottom.left.popup {
   margin-left: 0;
@@ -535,7 +550,8 @@
   right: auto;
   bottom: auto;
   margin-left: 0;
-  box-shadow: -1px -1px 0 0 #bababc;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
 }
 .ui.bottom.right.popup {
   margin-right: 0;
@@ -547,7 +563,8 @@
   bottom: auto;
   left: auto;
   margin-left: 0;
-  box-shadow: -1px -1px 0 0 #bababc;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
 }
 
 /*--- Above ---*/
@@ -591,7 +608,8 @@
   bottom: auto;
   left: auto;
   margin-top: -0.30714286em;
-  box-shadow: 1px -1px 0 0 #bababc;
+  -webkit-box-shadow: 1px -1px 0 0 #bababc;
+          box-shadow: 1px -1px 0 0 #bababc;
 }
 
 /*--- Right Center  ---*/
@@ -603,7 +621,8 @@
   bottom: auto;
   right: auto;
   margin-top: -0.30714286em;
-  box-shadow: -1px 1px 0 0 #bababc;
+  -webkit-box-shadow: -1px 1px 0 0 #bababc;
+          box-shadow: -1px 1px 0 0 #bababc;
 }
 
 /* Arrow Color By Location */
@@ -713,7 +732,8 @@
   background: #1B1C1D;
   color: #FFFFFF;
   border: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .ui.inverted.popup .header {
   background-color: none;
@@ -721,7 +741,8 @@
 }
 .ui.inverted.popup:before {
   background-color: #1B1C1D;
-  box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
 }
 
 /*--------------

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

@@ -19,7 +19,8 @@
   max-width: 100%;
   border: none;
   margin: 1em 0 2.5em;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: rgba(0, 0, 0, 0.1);
   padding: 0;
   border-radius: 0.28571429rem;
@@ -46,6 +47,7 @@
   min-width: 2em;
   background: #888888;
   border-radius: 0.28571429rem;
+  -webkit-transition: width 0.1s ease, background-color 0.1s ease;
   transition: width 0.1s ease, background-color 0.1s ease;
   overflow: hidden;
 }
@@ -91,6 +93,7 @@
   text-shadow: none;
   margin-top: 0.2em;
   text-align: center;
+  -webkit-transition: color 0.4s ease;
   transition: color 0.4s ease;
 }
 
@@ -216,6 +219,8 @@
 
 /* Multiple */
 .ui.multiple.progress {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
 }
 

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

@@ -14,6 +14,8 @@
 *******************************/
 
 .ui.rating {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
   display: inline-flex;
   white-space: nowrap;
   vertical-align: baseline;
@@ -29,10 +31,13 @@
   text-align: center;
   font-weight: normal;
   font-style: normal;
-  flex: 1 0 auto;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 0 auto;
+          flex: 1 0 auto;
   cursor: pointer;
   width: 1.25em;
   height: auto;
+  -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
   transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
   line-height: 1;
   -webkit-backface-visibility: hidden;

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

@@ -30,8 +30,12 @@
   background: #FFFFFF;
   border: 1px solid rgba(34, 36, 38, 0.15);
   color: rgba(0, 0, 0, 0.87);
-  box-shadow: 0 0 0 0 transparent inset;
+  -webkit-box-shadow: 0 0 0 0 transparent inset;
+          box-shadow: 0 0 0 0 transparent inset;
+  -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
+  transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
   transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
+  transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
 }
 .ui.search .prompt {
   border-radius: 500rem;
@@ -63,7 +67,8 @@
   margin-top: 0.5em;
   width: 18em;
   border-radius: 0.28571429rem;
-  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
   border: 1px solid #D4D4D5;
   z-index: 998;
 }
@@ -204,7 +209,8 @@
           animation: loader 0.6s infinite linear;
   border: 0.2em solid #767676;
   border-radius: 500rem;
-  box-shadow: 0 0 0 1px transparent;
+  -webkit-box-shadow: 0 0 0 1px transparent;
+          box-shadow: 0 0 0 1px transparent;
 }
 
 /*--------------
@@ -234,7 +240,8 @@
   position: relative;
   border-left-color: rgba(34, 36, 38, 0.1);
   background: #F3F4F5;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .ui.search > .results .result.active .title {
   color: rgba(0, 0, 0, 0.85);
@@ -278,6 +285,7 @@
   color: '';
   top: 0;
   right: 0;
+  -webkit-transition: color 0.1s ease, opacity 0.1s ease;
   transition: color 0.1s ease, opacity 0.1s ease;
 }
 .ui.search.selection > .icon.input > .active.remove.icon {
@@ -309,7 +317,9 @@
 .ui.category.search > .results .category {
   display: table-row;
   background: #F3F4F5;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
   transition: background 0.1s ease, border-color 0.1s ease;
 }
 
@@ -350,6 +360,7 @@
 }
 .ui.category.search > .results .category .result {
   border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
   transition: background 0.1s ease, border-color 0.1s ease;
   padding: 0.85714286em 1.14285714em;
 }