fomantic-ui 2.9.0-beta.273 → 2.9.0-beta.274

package/src/definitions/elements/divider.less

@@ -71,8 +71,8 @@
     text-align: center;
   }
 
-  .ui.horizontal.divider:before,
-  .ui.horizontal.divider:after {
+  .ui.horizontal.divider::before,
+  .ui.horizontal.divider::after {
     content: '';
     display: table-cell;
     position: relative;
@@ -81,10 +81,10 @@
     background-repeat: no-repeat;
   }
 
-  .ui.horizontal.divider:before {
+  .ui.horizontal.divider::before {
     background-position: right @horizontalDividerMargin top 50%;
   }
-  .ui.horizontal.divider:after {
+  .ui.horizontal.divider::after {
     background-position: left @horizontalDividerMargin top 50%;
   }
 }
@@ -110,8 +110,8 @@
     transform: translateX(-50%);
   }
 
-  .ui.vertical.divider:before,
-  .ui.vertical.divider:after {
+  .ui.vertical.divider::before,
+  .ui.vertical.divider::after {
     position: absolute;
     left: 50%;
     content: '';
@@ -124,10 +124,10 @@
     height: @verticalDividerHeight;
   }
 
-  .ui.vertical.divider:before {
+  .ui.vertical.divider::before {
     top: -100%;
   }
-  .ui.vertical.divider:after {
+  .ui.vertical.divider::after {
     top: auto;
     bottom: 0;
   }
@@ -150,10 +150,10 @@
       transform: none;
     }
 
-    .ui.stackable.grid .ui.vertical.divider:before,
-    .ui.grid .stackable.row .ui.vertical.divider:before,
-    .ui.stackable.grid .ui.vertical.divider:after,
-    .ui.grid .stackable.row .ui.vertical.divider:after {
+    .ui.stackable.grid .ui.vertical.divider::before,
+    .ui.grid .stackable.row .ui.vertical.divider::before,
+    .ui.stackable.grid .ui.vertical.divider::after,
+    .ui.grid .stackable.row .ui.vertical.divider::after {
       left: 0;
       border-left: none;
       border-right: none;
@@ -165,12 +165,12 @@
       background-repeat: no-repeat;
     }
 
-    .ui.stackable.grid .ui.vertical.divider:before,
-    .ui.grid .stackable.row .ui.vertical.divider:before {
+    .ui.stackable.grid .ui.vertical.divider::before,
+    .ui.grid .stackable.row .ui.vertical.divider::before {
       background-position: right @horizontalDividerMargin top 50%;
     }
-    .ui.stackable.grid .ui.vertical.divider:after,
-    .ui.grid .stackable.row .ui.vertical.divider:after {
+    .ui.stackable.grid .ui.vertical.divider::after,
+    .ui.grid .stackable.row .ui.vertical.divider::after {
       background-position: left @horizontalDividerMargin top 50%;
     }
   }
@@ -194,18 +194,18 @@
        Header
   ---------------*/
   .ui.horizontal.divider[class*="left aligned"] {
-    &:before {
+    &::before {
       display: none;
     }
-    &:after {
+    &::after {
       width: 100%;
     }
   }
   .ui.horizontal.divider[class*="right aligned"] {
-    &:before {
+    &::before {
       width: 100%;
     }
-    &:after {
+    &::after {
       display: none;
     }
   }
@@ -224,8 +224,8 @@
     border-color: transparent !important;
   }
 
-  .ui.hidden.divider:before,
-  .ui.hidden.divider:after {
+  .ui.hidden.divider::before,
+  .ui.hidden.divider::after {
     display: none;
   }
 }
@@ -240,8 +240,8 @@
     color: @invertedTextColor;
   }
   .ui.divider.inverted,
-  .ui.divider.inverted:after,
-  .ui.divider.inverted:before {
+  .ui.divider.inverted::after,
+  .ui.divider.inverted::before {
     border-top-color: @invertedShadowColor !important;
     border-left-color: @invertedShadowColor !important;
     border-bottom-color: @invertedHighlightColor !important;

package/src/definitions/elements/emoji.less

@@ -31,7 +31,7 @@ em[data-emoji] {
   backface-visibility: hidden;
 }
 
-em[data-emoji]:before {
+em[data-emoji]::before {
   content:'\00A0\00A0\00A0\00A0\00A0\00A0\00A0';
   display: inline-block;
   line-height: @emojiLineHeight;
@@ -59,7 +59,7 @@ em[data-emoji]:before {
 *******************************/
 
 & when (@variationEmojiLoading) {
-  em[data-emoji].loading:before {
+  em[data-emoji].loading::before {
     animation: loader @loadingDuration linear infinite;
   }
 }

package/src/definitions/elements/flag.less

@@ -28,7 +28,7 @@ i.flag:not(.icon) {
   backface-visibility: hidden;
 }
 
-i.flag:not(.icon):before {
+i.flag:not(.icon)::before {
   content: '\00A0\00A0\00A0\00A0\00A0\00A0\00A0';
   display: inline-block;
   line-height: @flagLineHeight;

package/src/definitions/elements/header.less

@@ -212,7 +212,7 @@
     text-align: center;
     margin: @iconHeaderTopMargin 0 @iconHeaderBottomMargin;
   }
-  .ui.icon.header:after {
+  .ui.icon.header::after {
     content: '';
     display: block;
     height: 0;
@@ -364,7 +364,7 @@
   .ui.justified.header {
     text-align: justify;
   }
-  .ui.justified.header:after {
+  .ui.justified.header::after {
     display: inline-block;
     content: '';
     width: 100%;

package/src/definitions/elements/icon.less

@@ -56,7 +56,7 @@ i.icon {
   backface-visibility: hidden;
 }
 
-i.icon:before {
+i.icon::before {
   background: none !important;
 }
 

package/src/definitions/elements/input.less

@@ -118,7 +118,7 @@
          Loading
   ---------------------*/
 
-  .ui.loading.loading.input > i.icon:before {
+  .ui.loading.loading.input > i.icon::before {
     position: absolute;
     content: '';
     top: 50%;
@@ -131,7 +131,7 @@
     border-radius: @circularRadius;
     border: @loaderLineWidth solid @loaderFillColor;
   }
-  .ui.loading.loading.input > i.icon:after {
+  .ui.loading.loading.input > i.icon::after {
     position: absolute;
     content: '';
     top: 50%;
@@ -311,8 +311,8 @@
     padding-right: @iconMargin;
   }
 
-  .ui.icon.input > i.icon:before,
-  .ui.icon.input > i.icon:after {
+  .ui.icon.input > i.icon::before,
+  .ui.icon.input > i.icon::after {
     left: 0;
     position: absolute;
     text-align: center;

package/src/definitions/elements/label.less

@@ -250,8 +250,8 @@ a.ui.label {
     border-radius: 0 @borderRadius @borderRadius 0;
     transition: @tagTransition;
   }
-  .ui.tag.labels .label:before,
-  .ui.tag.label:before {
+  .ui.tag.labels .label::before,
+  .ui.tag.label::before {
       position: absolute;
       transform: translateY(-50%) translateX(50%) rotate(-45deg);
 
@@ -268,8 +268,8 @@ a.ui.label {
   }
 
 
-  .ui.tag.labels .label:after,
-  .ui.tag.label:after {
+  .ui.tag.labels .label::after,
+  .ui.tag.label::after {
     position: absolute;
     content: '';
     top: 50%;
@@ -284,15 +284,15 @@ a.ui.label {
     border-radius: @circularRadius;
   }
   & when (@variationLabelBasic) {
-    .ui.basic.tag.labels .label:before,
-    .ui.basic.tag.label:before {
+    .ui.basic.tag.labels .label::before,
+    .ui.basic.tag.label::before {
       border-color: inherit;
       border-width: @basicBorderWidth 0 0 @basicBorderWidth;
       border-style: inherit;
       right: @basicBorderFullWidthOffset;
     }
-    .ui.basic.tag.labels .label:after,
-    .ui.basic.tag.label:after {
+    .ui.basic.tag.labels .label::after,
+    .ui.basic.tag.label::after {
       box-shadow: @basicTagCircleBoxShadow;
     }
   }
@@ -323,7 +323,7 @@ a.ui.label {
   .ui.corner.label{
     background-color: transparent !important;
   }
-  .ui.corner.label:after {
+  .ui.corner.label::after {
     position: absolute;
     content: "";
     right: 0;
@@ -355,11 +355,11 @@ a.ui.label {
 
   /* Left Corner */
   .ui.left.corner.label,
-  .ui.left.corner.label:after {
+  .ui.left.corner.label::after {
     right: auto;
     left: 0;
   }
-  .ui.left.corner.label:after {
+  .ui.left.corner.label::after {
     border-top: @cornerTriangleSize solid transparent;
     border-right: @cornerTriangleSize solid transparent;
     border-bottom: 0 solid transparent;
@@ -396,7 +396,7 @@ a.ui.label {
     border-color: @ribbonShadowColor;
   }
 
-  .ui.ribbon.label:after {
+  .ui.ribbon.label::after {
     position: absolute;
     content: '';
 
@@ -453,7 +453,7 @@ a.ui.label {
     transform: translateX(-100%);
     border-radius: @borderRadius 0 0 @borderRadius;
   }
-  .ui[class*="right ribbon"].label:after {
+  .ui[class*="right ribbon"].label::after {
     left: auto;
     right: 0;
 
@@ -564,8 +564,8 @@ a.ui.label:hover {
   background-image: @labelHoverBackgroundImage;
   color: @labelHoverTextColor;
 }
-.ui.labels a.label:hover:before,
-a.ui.label:hover:before {
+.ui.labels a.label:hover::before,
+a.ui.label:hover::before {
   color: @labelHoverTextColor;
 }
 
@@ -580,7 +580,7 @@ a.ui.label:hover:before {
   background-image: @labelActiveBackgroundImage;
   color: @labelActiveTextColor;
 }
-.ui.active.label:before {
+.ui.active.label::before {
   background-color: @labelActiveBackgroundColor;
   background-image: @labelActiveBackgroundImage;
   color: @labelActiveTextColor;
@@ -598,8 +598,8 @@ a.ui.active.label:hover {
   background-image: @labelActiveHoverBackgroundImage;
   color: @labelActiveHoverTextColor;
 }
-.ui.labels a.active.label:hover:before,
-a.ui.active.label:hover:before {
+.ui.labels a.active.label:hover::before,
+a.ui.active.label:hover::before {
   background-color: @labelActiveHoverBackgroundColor;
   background-image: @labelActiveHoverBackgroundImage;
   color: @labelActiveHoverTextColor;
@@ -665,7 +665,7 @@ a.ui.active.label:hover:before {
   }
   & when (@variationLabelPointing) {
       /* Pointing */
-    .ui.basic.pointing.label:before {
+    .ui.basic.pointing.label::before {
       border-color: inherit;
     }
   }
@@ -814,8 +814,8 @@ a.ui.active.label:hover:before {
           .ui.ui.ui.inverted.@{color}.basic.tag.label {
             border: @invertedBorderSize solid @_labelInvertedColor;
           }
-          .ui.inverted.basic.tag.labels .@{color}.label:before,
-          .ui.ui.ui.inverted.@{color}.basic.tag.label:before {
+          .ui.inverted.basic.tag.labels .@{color}.label::before,
+          .ui.ui.ui.inverted.@{color}.basic.tag.label::before {
             border-color: inherit;
             border-width: @invertedBorderSize 0 0 @invertedBorderSize;
             border-style: inherit;
@@ -881,7 +881,7 @@ a.ui.active.label:hover:before {
     position: absolute;
   }
 
-  .ui.pointing.label:before {
+  .ui.pointing.label::before {
     background-color: inherit;
     background-image: inherit;
     border-width: 0;
@@ -889,7 +889,7 @@ a.ui.active.label:hover:before {
     border-color: @pointingBorderColor;
   }
   /* Arrow */
-  .ui.pointing.label:before {
+  .ui.pointing.label::before {
     position: absolute;
     content: '';
     transform: rotate(45deg);
@@ -906,8 +906,8 @@ a.ui.active.label:hover:before {
   .ui[class*="pointing above"].label {
     margin-top: @pointingVerticalDistance;
   }
-  .ui.pointing.label:before,
-  .ui[class*="pointing above"].label:before {
+  .ui.pointing.label::before,
+  .ui[class*="pointing above"].label::before {
     border-width: @borderWidth 0 0 @borderWidth;
     transform: translateX(-50%) translateY(-50%) rotate(45deg);
     top: 0;
@@ -919,8 +919,8 @@ a.ui.active.label:hover:before {
     margin-top: 0;
     margin-bottom: @pointingVerticalDistance;
   }
-  .ui[class*="bottom pointing"].label:before,
-  .ui[class*="pointing below"].label:before {
+  .ui[class*="bottom pointing"].label::before,
+  .ui[class*="pointing below"].label::before {
     border-width: 0 @borderWidth @borderWidth 0;
     top: auto;
     right: auto;
@@ -933,7 +933,7 @@ a.ui.active.label:hover:before {
     margin-top: 0;
     margin-left: @pointingHorizontalDistance;
   }
-  .ui[class*="left pointing"].label:before {
+  .ui[class*="left pointing"].label::before {
     border-width: 0 0 @borderWidth @borderWidth;
     transform: translateX(-50%) translateY(-50%) rotate(45deg);
     bottom: auto;
@@ -946,7 +946,7 @@ a.ui.active.label:hover:before {
     margin-top: 0;
     margin-right: @pointingHorizontalDistance;
   }
-  .ui[class*="right pointing"].label:before {
+  .ui[class*="right pointing"].label::before {
     border-width: @borderWidth @borderWidth 0 0;
     transform: translateX(50%) translateY(-50%) rotate(45deg);
     top: 50%;
@@ -958,24 +958,24 @@ a.ui.active.label:hover:before {
     /* Basic Pointing */
 
     /*--- Above ---*/
-    .ui.basic.pointing.label:before,
-    .ui.basic[class*="pointing above"].label:before {
+    .ui.basic.pointing.label::before,
+    .ui.basic[class*="pointing above"].label::before {
       margin-top: @basicPointingTriangleOffset;
     }
     /*--- Below ---*/
-    .ui.basic[class*="bottom pointing"].label:before,
-    .ui.basic[class*="pointing below"].label:before {
+    .ui.basic[class*="bottom pointing"].label::before,
+    .ui.basic[class*="pointing below"].label::before {
       bottom: auto;
       top: 100%;
       margin-top: -@basicPointingTriangleOffset;
     }
     /*--- Left ---*/
-    .ui.basic[class*="left pointing"].label:before {
+    .ui.basic[class*="left pointing"].label::before {
       top: 50%;
       left: @basicPointingTriangleOffset;
     }
     /*--- Right ---*/
-    .ui.basic[class*="right pointing"].label:before {
+    .ui.basic[class*="right pointing"].label::before {
       top: 50%;
       right: @basicPointingTriangleOffset;
     }

package/src/definitions/elements/list.less

@@ -61,10 +61,10 @@ ol.ui.list li,
   line-height: @itemLineHeight;
 }
 
-ul.ui.list > li:first-child:after,
-ol.ui.list > li:first-child:after,
-.ui.list > .list > .item:after,
-.ui.list > .item:after {
+ul.ui.list > li:first-child::after,
+ol.ui.list > li:first-child::after,
+.ui.list > .list > .item::after,
+.ui.list > .item::after {
   content: '';
   display: block;
   height: 0;
@@ -283,8 +283,8 @@ ol.ui.list ol li,
   padding: @itemVerticalPadding @itemHorizontalPadding;
   line-height: @itemLineHeight;
 }
-.ui.menu .ui.list .list > .item:before,
-.ui.menu .ui.list > .item:before {
+.ui.menu .ui.list .list > .item::before,
+.ui.menu .ui.list > .item::before {
   border: none;
   background: none;
 }
@@ -624,9 +624,9 @@ ol.ui.list ol li,
   .ui.bulleted.list > .item {
     position: relative;
   }
-  ul.ui.list li:before,
-  .ui.bulleted.list .list > .item:before,
-  .ui.bulleted.list > .item:before {
+  ul.ui.list li::before,
+  .ui.bulleted.list .list > .item::before,
+  .ui.bulleted.list > .item::before {
     user-select: none;
     pointer-events: none;
     position: absolute;
@@ -640,9 +640,9 @@ ol.ui.list ol li,
     vertical-align: @bulletVerticalAlign;
   }
 
-  ul.ui.list li:before,
-  .ui.bulleted.list .list > a.item:before,
-  .ui.bulleted.list > a.item:before {
+  ul.ui.list li::before,
+  .ui.bulleted.list .list > a.item::before,
+  .ui.bulleted.list > a.item::before {
     color: @bulletLinkColor;
   }
 
@@ -695,9 +695,9 @@ ol.ui.list ol li,
     list-style-type: none;
     position: relative;
   }
-  ol.ui.list li:before,
-  .ui.ordered.list .list > .item:before,
-  .ui.ordered.list > .item:before {
+  ol.ui.list li::before,
+  .ui.ordered.list .list > .item::before,
+  .ui.ordered.list > .item::before {
     position: absolute;
     top: auto;
     left: auto;
@@ -713,19 +713,19 @@ ol.ui.list ol li,
   }
 
   & when (@variationListInverted) {
-    ol.ui.inverted.list li:before,
-    .ui.ordered.inverted.list .list > .item:before,
-    .ui.ordered.inverted.list > .item:before {
+    ol.ui.inverted.list li::before,
+    .ui.ordered.inverted.list .list > .item::before,
+    .ui.ordered.inverted.list > .item::before {
       color: @orderedInvertedCountColor;
     }
   }
 
   /* Value */
-  .ui.ordered.list .list > .item[data-value]:before,
-  .ui.ordered.list > .item[data-value]:before {
+  .ui.ordered.list .list > .item[data-value]::before,
+  .ui.ordered.list > .item[data-value]::before {
     content: attr(data-value);
   }
-  ol.ui.list li[value]:before {
+  ol.ui.list li[value]::before {
     content: attr(value);
   }
 
@@ -734,8 +734,8 @@ ol.ui.list ol li,
   .ui.ordered.list .list:not(.icon) {
     margin-left: @orderedChildCountDistance;
   }
-  ol.ui.list ol li:before,
-  .ui.ordered.list .list > .item:before {
+  ol.ui.list ol li::before,
+  .ui.ordered.list .list > .item::before {
     margin-left: @orderedChildCountOffset;
   }
 
@@ -745,9 +745,9 @@ ol.ui.list ol li,
     .ui.ordered.horizontal.list {
       margin-left: 0;
     }
-    ol.ui.horizontal.list li:before,
-    .ui.ordered.horizontal.list .list > .item:before,
-    .ui.ordered.horizontal.list > .item:before {
+    ol.ui.horizontal.list li::before,
+    .ui.ordered.horizontal.list .list > .item::before,
+    .ui.ordered.horizontal.list > .item::before {
       position: static;
       margin: 0 @horizontalOrderedCountDistance 0 0;
     }
@@ -756,9 +756,9 @@ ol.ui.list ol li,
 
 & when (@variationListSuffixed) {
   /* Suffixed Ordered */
-  ol.ui.suffixed.list li:before,
-  .ui.suffixed.ordered.list .list > .item:before,
-  .ui.suffixed.ordered.list > .item:before {
+  ol.ui.suffixed.list li::before,
+  .ui.suffixed.ordered.list .list > .item::before,
+  .ui.suffixed.ordered.list > .item::before {
     content: @orderedCountContentSuffixed;
   }
 }
@@ -1028,4 +1028,3 @@ ol.ui.list ol li,
 }
 
 .loadUIOverrides();
-