fomantic-ui-sass 2.7.6 → 2.7.7

data/app/assets/stylesheets/semantic-ui/elements/_label.scss

@@ -26,6 +26,7 @@
   font-weight: bold;
   border: 0 solid transparent;
   border-radius: 0.28571429rem;
+  -webkit-transition: background 0.1s ease;
   transition: background 0.1s ease;
 }
 .ui.label:first-child {
@@ -45,6 +46,7 @@ a.ui.label {
   cursor: pointer;
   color: inherit;
   opacity: 0.5;
+  -webkit-transition: 0.1s opacity ease;
   transition: 0.1s opacity ease;
 }
 .ui.label > a:hover {
@@ -83,6 +85,7 @@ a.ui.label {
   cursor: pointer;
   font-size: 0.92857143em;
   opacity: 0.5;
+  -webkit-transition: background 0.1s ease;
   transition: background 0.1s ease;
 }
 .ui.label > .close.icon:hover,
@@ -143,11 +146,10 @@ a.ui.label {
 }
 
 /* Padding on next content after a label */
-.ui.top.attached.label:first-child + :not(.attached),
-.ui.top.attached.label + [class*="right floated"] + * {
+.ui.top.attached.label ~ :first-of-type:not(.attached) {
   margin-top: 2rem !important;
 }
-.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
+.ui.bottom.attached.label ~ :last-child:not(.attached) {
   margin-top: 0;
   margin-bottom: 2rem !important;
 }
@@ -167,7 +169,8 @@ a.ui.label {
   background: #E8E8E8;
   padding: 0.5833em 0.833em 0.5833em 0.5em;
   border-radius: 0.28571429rem;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .ui.image.label img {
   display: inline-block;
@@ -194,6 +197,7 @@ a.ui.label {
   padding-left: 1.5em;
   padding-right: 1.5em;
   border-radius: 0 0.28571429rem 0.28571429rem 0;
+  -webkit-transition: none;
   transition: none;
 }
 .ui.tag.labels .label:before,
@@ -208,6 +212,7 @@ a.ui.label {
   background-image: none;
   width: 1.56em;
   height: 1.56em;
+  -webkit-transition: none;
   transition: none;
 }
 .ui.tag.labels .label:after,
@@ -220,7 +225,8 @@ a.ui.label {
   background-color: #FFFFFF;
   width: 0.5em;
   height: 0.5em;
-  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
   border-radius: 500rem;
 }
 .ui.basic.tag.labels .label:before,
@@ -232,7 +238,8 @@ a.ui.label {
 }
 .ui.basic.tag.labels .label:after,
 .ui.basic.tag.label:after {
-  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
+  -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
+          box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
 }
 
 /*-------------------
@@ -250,6 +257,7 @@ a.ui.label {
   width: 4em;
   height: 4em;
   z-index: 1;
+  -webkit-transition: border-color 0.1s ease;
   transition: border-color 0.1s ease;
 }
 
@@ -271,6 +279,7 @@ a.ui.label {
   border-bottom: 4em solid transparent;
   border-left: 0 solid transparent;
   border-right-color: inherit;
+  -webkit-transition: border-color 0.1s ease;
   transition: border-color 0.1s ease;
 }
 .ui.corner.label .icon {
@@ -555,7 +564,8 @@ a.ui.active.label:hover:before {
   background: none #FFFFFF;
   border: 1px solid rgba(34, 36, 38, 0.15);
   color: rgba(0, 0, 0, 0.87);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 /* Link */
@@ -564,7 +574,8 @@ a.ui.basic.label:hover {
   text-decoration: none;
   background: none #FFFFFF;
   color: #1e70bf;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 /* Pointing */
@@ -579,7 +590,8 @@ a.ui.basic.label:hover {
 .ui.label.fluid,
 .ui.fluid.labels > .label {
   width: 100%;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 
 /*-------------------
@@ -596,6 +608,7 @@ a.ui.basic.label:hover {
 }
 .ui.inverted.corner.label:hover {
   border-color: #E8E8E8;
+  -webkit-transition: none;
   transition: none;
 }
 .ui.inverted.basic.labels .label,
@@ -1904,6 +1917,7 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
   z-index: 2;
   width: 0.6666em;
   height: 0.6666em;
+  -webkit-transition: none;
   transition: none;
 }
 

data/app/assets/stylesheets/semantic-ui/elements/_list.scss

@@ -98,6 +98,7 @@ ol.ui.list ol li,
   min-width: 1.55em;
   margin: 0;
   padding-top: 0;
+  -webkit-transition: color 0.1s ease;
   transition: color 0.1s ease;
 }
 .ui.list .list > .item > i.icon:not(.loading),
@@ -425,6 +426,7 @@ ol.ui.list ol li,
 .ui.link.list a.item,
 .ui.link.list .item a:not(.ui) {
   color: rgba(0, 0, 0, 0.4);
+  -webkit-transition: 0.1s color ease;
   transition: 0.1s color ease;
 }
 .ui.link.list.list a.item:hover,
@@ -471,6 +473,7 @@ ol.ui.list ol li,
   margin: 0;
   color: rgba(0, 0, 0, 0.4);
   border-radius: 0.5em;
+  -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
   transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
 }
 .ui.selection.list .list > .item:last-child,
@@ -524,6 +527,7 @@ ol.ui.list ol li,
 --------------------*/
 
 .ui.animated.list > .item {
+  -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
   transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
 }
 .ui.animated.list:not(.horizontal) > .item:hover {

data/app/assets/stylesheets/semantic-ui/elements/_loader.scss

@@ -51,7 +51,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;
 }
 
 /* Speeds */

data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss

@@ -20,6 +20,8 @@
   -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
   background-color: #FFFFFF;
+  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.08)), color-stop(15%, rgba(0, 0, 0, 0.15)), color-stop(30%, rgba(0, 0, 0, 0.08)));
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
   background-size: 1200px 100%;
   max-width: 30rem;
@@ -190,6 +192,8 @@
 
 /* Inverted Content Loader */
 .ui.inverted.placeholder {
+  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.08)), color-stop(15%, rgba(255, 255, 255, 0.14)), color-stop(30%, rgba(255, 255, 255, 0.08)));
+  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
   background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
 }
 .ui.inverted.placeholder,

data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss

@@ -23,6 +23,7 @@
   top: 0 !important;
   left: 0 !important;
   z-index: 3 !important;
+  -webkit-transition: all 0.5s ease 0.1s;
   transition: all 0.5s ease 0.1s;
 }
 .ui.reveal > .hidden.content {
@@ -57,6 +58,7 @@
   white-space: normal;
   float: left;
   margin: 0;
+  -webkit-transition: -webkit-transform 0.5s ease 0.1s;
   transition: -webkit-transform 0.5s ease 0.1s;
   transition: transform 0.5s ease 0.1s;
   transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s;
@@ -154,6 +156,7 @@
   float: left;
   white-space: normal;
   margin: 0;
+  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
   transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
   transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
   transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
@@ -192,7 +195,8 @@
 ---------------*/
 
 .ui.rotate.reveal > .visible.content {
-  transition-duration: 0.5s;
+  -webkit-transition-duration: 0.5s;
+          transition-duration: 0.5s;
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
 }
@@ -266,7 +270,8 @@
 ---------------*/
 
 .ui.instant.reveal > .content {
-  transition-delay: 0s !important;
+  -webkit-transition-delay: 0s !important;
+          transition-delay: 0s !important;
 }
 
 /*--------------

data/app/assets/stylesheets/semantic-ui/elements/_segment.scss

@@ -16,7 +16,8 @@
 .ui.segment {
   position: relative;
   background: #FFFFFF;
-  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
   margin: 1rem 0;
   padding: 1em 1em;
   border-radius: 0.28571429rem;
@@ -36,7 +37,8 @@
   padding-right: 0;
   background: none transparent;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border: none;
   border-bottom: 1px solid rgba(34, 36, 38, 0.15);
 }
@@ -89,7 +91,8 @@
 .ui.basic.table.segment {
   background: #FFFFFF;
   border: 1px solid rgba(34, 36, 38, 0.15);
-  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
 }
 .ui[class*="very basic"].table.segment {
   padding: 1em 1em;
@@ -111,10 +114,19 @@
 --------------------*/
 
 .ui.placeholder.segment {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: stretch;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch;
   max-width: initial;
   -webkit-animation: none;
           animation: none;
@@ -123,7 +135,8 @@
   min-height: 18rem;
   background: #F9FAFB;
   border-color: rgba(34, 36, 38, 0.15);
-  box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
+  -webkit-box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
+          box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
 }
 .ui.placeholder.segment .button,
 .ui.placeholder.segment textarea {
@@ -146,7 +159,8 @@
   margin-right: auto;
 }
 .ui.placeholder.segment > .inline {
-  align-self: center;
+  -ms-flex-item-align: center;
+      align-self: center;
 }
 .ui.placeholder.segment > .inline > .button {
   display: inline-block;
@@ -164,7 +178,8 @@
 .ui.piled.segments,
 .ui.piled.segment {
   margin: 3em 0;
-  box-shadow: '';
+  -webkit-box-shadow: '';
+          box-shadow: '';
   z-index: auto;
 }
 .ui.piled.segment:first-child {
@@ -186,7 +201,8 @@
   position: absolute;
   width: 100%;
   border: 1px solid rgba(34, 36, 38, 0.15);
-  box-shadow: '';
+  -webkit-box-shadow: '';
+          box-shadow: '';
 }
 .ui.piled.segments:before,
 .ui.piled.segment:before {
@@ -289,12 +305,16 @@
 
 /* Compact Group */
 .ui.compact.segments {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
   display: inline-flex;
 }
 .ui.compact.segments .segment,
 .ui.segments .compact.segment {
   display: block;
-  flex: 0 1 auto;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
 }
 
 /*-------------------
@@ -315,7 +335,8 @@
 
 .ui.raised.raised.segments,
 .ui.raised.raised.segment {
-  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);
 }
 
 
@@ -326,11 +347,15 @@
 
 /* Group */
 .ui.segments {
-  flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   position: relative;
   margin: 1rem 0;
   border: 1px solid rgba(34, 36, 38, 0.15);
-  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
   border-radius: 0.28571429rem;
 }
 .ui.segments:first-child {
@@ -347,7 +372,8 @@
   border-radius: 0;
   margin: 0;
   width: auto;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border: none;
   border-top: 1px solid rgba(34, 36, 38, 0.15);
 }
@@ -366,7 +392,8 @@
   bottom: 0;
   margin-top: 0;
   margin-bottom: 0;
-  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
   border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
 
@@ -389,17 +416,24 @@
 
 /* Horizontal Group */
 .ui.horizontal.segments {
+  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;
   background-color: transparent;
   padding: 0;
-  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
   margin: 1rem 0;
   border-radius: 0.28571429rem;
   border: 1px solid rgba(34, 36, 38, 0.15);
 }
 .ui.stackable.horizontal.segments {
-  flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
 }
 
 /* Nested Horizontal Group */
@@ -408,13 +442,15 @@
   background-color: transparent;
   border-radius: 0;
   border: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-top: 1px solid rgba(34, 36, 38, 0.15);
 }
 
 /* Horizontal Segment */
 .ui.horizontal.segments:not(.compact) > .segment:not(.compact) {
-  flex: 1 1 auto;
+  -webkit-box-flex: 1;
+          flex: 1 1 auto;
   -ms-flex: 1 1 0;
   
 /* Solves #2550 MS Flex */
@@ -424,7 +460,8 @@
   min-width: 0;
   border-radius: 0;
   border: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-left: 1px solid rgba(34, 36, 38, 0.15);
 }
 
@@ -460,6 +497,7 @@
   cursor: default;
   pointer-events: none;
   text-shadow: none !important;
+  -webkit-transition: all 0s linear;
   transition: all 0s linear;
 }
 .ui.loading.segment:before {
@@ -485,7 +523,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;
   visibility: visible;
   z-index: 101;
 }
@@ -504,7 +543,8 @@
 .ui.segments .ui.basic.segment,
 .ui.basic.segments {
   background: none transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border: none;
   border-radius: 0;
 }
@@ -649,7 +689,8 @@
 
 .ui.inverted.segment {
   border: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .ui.inverted.segment,
 .ui.primary.inverted.segment {
@@ -689,6 +730,8 @@
   color: rgba(0, 0, 0, 0.6);
 }
 .ui.secondary.inverted.segment {
+  background: #4c4f52 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
+  background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
   background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
   color: rgba(255, 255, 255, 0.8);
 }
@@ -699,6 +742,8 @@
   color: rgba(0, 0, 0, 0.6);
 }
 .ui.tertiary.inverted.segment {
+  background: #717579 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
+  background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
   background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
   color: rgba(255, 255, 255, 0.8);
 }
@@ -716,7 +761,8 @@
   margin: 0 -1px;
   width: calc(100% + 2px);
   max-width: calc(100% + 2px);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border: 1px solid #D4D4D5;
 }
 .ui.attached:not(.message) + .ui.attached.segment:not(.top) {
@@ -741,7 +787,8 @@
   margin-top: 0;
   top: 0;
   margin-bottom: 1rem;
-  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
   border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
 .ui.segment[class*="bottom attached"]:last-child {