fomantic-ui 2.9.0-beta.3 → 2.9.0-beta.301

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;
@@ -185,22 +185,25 @@ ol.ui.list ol li,
   margin-left: 0;
   padding-left: 0;
 }
-
-/* Header */
-.ui.list .list > .item .header,
-.ui.list > .item .header {
-  display: block;
-  margin: 0;
-  font-family: @itemHeaderFontFamily;
-  font-weight: @itemHeaderFontWeight;
-  color: @itemHeaderColor;
+& when (@variationListHeader) {
+  /* Header */
+  .ui.list .list > .item .header,
+  .ui.list > .item .header {
+    display: block;
+    margin: 0;
+    font-family: @itemHeaderFontFamily;
+    font-weight: @itemHeaderFontWeight;
+    color: @itemHeaderColor;
+  }
 }
 
-/* Description */
-.ui.list .list > .item .description,
-.ui.list > .item .description {
-  display: block;
-  color: @itemDescriptionColor;
+& when (@variationListDescription) {
+  /* Description */
+  .ui.list .list > .item .description,
+  .ui.list > .item .description {
+    display: block;
+    color: @itemDescriptionColor;
+  }
 }
 
 /* Child Link */
@@ -230,15 +233,17 @@ ol.ui.list ol li,
   }
 }
 
-/* Header Link */
-.ui.list .list > .item a.header,
-.ui.list > .item a.header {
-  cursor: pointer;
-  color: @itemHeaderLinkColor !important;
-}
-.ui.list .list > .item > a.header:hover,
-.ui.list > .item > a.header:hover {
-  color: @itemHeaderLinkHoverColor !important;
+& when (@variationListHeader) {
+  /* Header Link */
+  .ui.list .list > .item a.header,
+  .ui.list > .item a.header {
+    cursor: pointer;
+    color: @itemHeaderLinkColor !important;
+  }
+  .ui.list .list > .item > a.header:hover,
+  .ui.list > .item > a.header:hover {
+    color: @itemHeaderLinkHoverColor !important;
+  }
 }
 
 & when (@variationListFloated) {
@@ -278,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;
 }
@@ -406,13 +411,17 @@ ol.ui.list ol li,
       color: @invertedIconLinkColor;
     }
   }
-  .ui.inverted.list .list > .item .header,
-  .ui.inverted.list > .item .header {
-    color: @invertedHeaderColor;
+  & when (@variationListHeader) {
+    .ui.inverted.list .list > .item .header,
+    .ui.inverted.list > .item .header {
+      color: @invertedHeaderColor;
+    }
   }
-  .ui.inverted.list .list > .item .description,
-  .ui.inverted.list > .item .description {
-    color: @invertedDescriptionColor;
+  & when (@variationListDescription) {
+    .ui.inverted.list .list > .item .description,
+    .ui.inverted.list > .item .description {
+      color: @invertedDescriptionColor;
+    }
   }
   .ui.inverted.list .list > .item > .content,
   .ui.inverted.list > .item > .content {
@@ -615,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;
@@ -631,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;
   }
 
@@ -686,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;
@@ -704,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);
   }
 
@@ -725,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;
   }
 
@@ -736,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;
     }
@@ -747,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;
   }
 }
@@ -974,23 +983,24 @@ ol.ui.list ol li,
       padding-right: @relaxedHorizontalPadding;
     }
   }
-
-  /* Very Relaxed */
-  .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
-    padding-top: @veryRelaxedItemVerticalPadding;
-  }
-  .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
-    padding-bottom: @veryRelaxedItemVerticalPadding;
-  }
-
-  & when (@variationListHorizontal) {
-    .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
-    .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
-      padding-left: @veryRelaxedHorizontalPadding;
+  & when (@variationListVeryRelaxed) {
+    /* Very Relaxed */
+    .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
+      padding-top: @veryRelaxedItemVerticalPadding;
     }
-    .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
-    .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
-      padding-right: @veryRelaxedHorizontalPadding;
+    .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
+      padding-bottom: @veryRelaxedItemVerticalPadding;
+    }
+
+    & when (@variationListHorizontal) {
+      .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
+      .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
+        padding-left: @veryRelaxedHorizontalPadding;
+      }
+      .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
+      .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
+        padding-right: @veryRelaxedHorizontalPadding;
+      }
     }
   }
 }
@@ -1018,4 +1028,3 @@ ol.ui.list ol li,
 }
 
 .loadUIOverrides();
-

package/src/definitions/elements/loader.less

@@ -34,7 +34,7 @@
 }
 
 /* Static Shape */
-.ui.loader:before {
+.ui.loader::before {
   position: absolute;
   content: '';
   top: 0;
@@ -47,7 +47,7 @@
 }
 
 /* Active Shape */
-.ui.loader:after {
+.ui.loader::after {
   position: absolute;
   content: '';
   top: 0;
@@ -65,17 +65,17 @@
 & when (@variationLoaderSpeeds) {
   /* Speeds */
 
-  .ui.fast.loading.loading:after,
-  .ui.fast.loading.loading .input > i.icon:after,
-  .ui.fast.loading.loading > i.icon:after,
-  .ui.fast.loader:after {
+  .ui.fast.loading.loading::after,
+  .ui.fast.loading.loading .input > i.icon::after,
+  .ui.fast.loading.loading > i.icon::after,
+  .ui.fast.loader::after {
     animation-duration: @loaderSpeedFast;
   }
 
-  .ui.slow.loading.loading:after,
-  .ui.slow.loading.loading .input > i.icon:after,
-  .ui.slow.loading.loading > i.icon:after,
-  .ui.slow.loader:after {
+  .ui.slow.loading.loading::after,
+  .ui.slow.loading.loading .input > i.icon::after,
+  .ui.slow.loading.loading > i.icon::after,
+  .ui.slow.loader::after {
     animation-duration: @loaderSpeedSlow;
   }
 }
@@ -100,7 +100,7 @@
 .ui.dimmer > .ui.loader {
   color: @invertedLoaderTextColor;
 }
-.ui.dimmer > .ui.loader:not(.elastic):before {
+.ui.dimmer > .ui.loader:not(.elastic)::before {
   border-color: @invertedLoaderFillColor;
 }
 
@@ -108,7 +108,7 @@
 .ui.inverted.dimmer > .ui.loader {
   color: @loaderTextColor;
 }
-.ui.inverted.dimmer > .ui.loader:not(.elastic):before {
+.ui.inverted.dimmer > .ui.loader:not(.elastic)::before {
   border-color: @loaderFillColor;
 }
 
@@ -134,7 +134,7 @@
             States
 *******************************/
 & when (@variationLoaderIndeterminate) {
-  .ui.indeterminate.loader:after {
+  .ui.indeterminate.loader::after {
     animation-direction: @indeterminateDirection;
     animation-duration: @indeterminateSpeed;
   }
@@ -163,8 +163,8 @@
   height: @medium;
   font-size: @mediumFontSize;
 }
-.ui.loader:before,
-.ui.loader:after {
+.ui.loader::before,
+.ui.loader::after {
   width: @medium;
   height: @medium;
   margin: @mediumOffset;
@@ -185,8 +185,8 @@
       height: @s;
       font-size: @@f;
     }
-    .ui.@{value}.loader:before,
-    .ui.@{value}.loader:after {
+    .ui.@{value}.loader::before,
+    .ui.@{value}.loader::after {
       width: @s;
       height: @s;
       margin: @@o;
@@ -203,54 +203,55 @@
 /*-------------------
        Colors
 --------------------*/
+& when not (@variationLoaderColors = false) {
+  each(@variationLoaderColors, {
+    @color: @value;
+    @c: @colors[@@color][color];
+    @l: @colors[@@color][light];
+
+    .ui.@{color}.elastic.loader.loader::before,
+    .ui.@{color}.basic.elastic.loading.button::before,
+    .ui.@{color}.basic.elastic.loading.button::after,
+    .ui.@{color}.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
+    .ui.@{color}.elastic.loading.loading.loading .input > i.icon::before,
+    .ui.@{color}.elastic.loading.loading.loading.loading > i.icon::before,
+    .ui.@{color}.loading.loading.loading.loading:not(.usual):not(.button)::after,
+    .ui.@{color}.loading.loading.loading.loading .input > i.icon::after,
+    .ui.@{color}.loading.loading.loading.loading > i.icon::after,
+    .ui.@{color}.loader.loader.loader::after {
+      color: @c;
+    }
+    .ui.inverted.@{color}.elastic.loader::before,
+    .ui.inverted.@{color}.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
+    .ui.inverted.@{color}.elastic.loading.loading.loading .input > i.icon::before,
+    .ui.inverted.@{color}.elastic.loading.loading.loading > i.icon::before,
+    .ui.inverted.@{color}.loading.loading.loading.loading:not(.usual)::after,
+    .ui.inverted.@{color}.loading.loading.loading.loading .input > i.icon::after,
+    .ui.inverted.@{color}.loading.loading.loading.loading > i.icon::after,
+    .ui.inverted.@{color}.loader.loader.loader::after {
+      color: @l;
+    }
+  })
+}
 
-each(@colors, {
-  @color: replace(@key, '@', '');
-  @c: @colors[@@color][color];
-  @l: @colors[@@color][light];
-
-  .ui.@{color}.elastic.loader.loader:before,
-  .ui.@{color}.basic.elastic.loading.button:before,
-  .ui.@{color}.basic.elastic.loading.button:after,
-  .ui.@{color}.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
-  .ui.@{color}.elastic.loading.loading.loading .input > i.icon:before,
-  .ui.@{color}.elastic.loading.loading.loading.loading > i.icon:before,
-  .ui.@{color}.loading.loading.loading.loading:not(.usual):not(.button):after,
-  .ui.@{color}.loading.loading.loading.loading .input > i.icon:after,
-  .ui.@{color}.loading.loading.loading.loading > i.icon:after,
-  .ui.@{color}.loader.loader.loader:after {
-    color: @c;
-  }
-  .ui.inverted.@{color}.elastic.loader:before,
-  .ui.inverted.@{color}.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
-  .ui.inverted.@{color}.elastic.loading.loading.loading .input > i.icon:before,
-  .ui.inverted.@{color}.elastic.loading.loading.loading > i.icon:before,
-  .ui.inverted.@{color}.loading.loading.loading.loading:not(.usual):after,
-  .ui.inverted.@{color}.loading.loading.loading.loading .input > i.icon:after,
-  .ui.inverted.@{color}.loading.loading.loading.loading > i.icon:after,
-  .ui.inverted.@{color}.loader.loader.loader:after {
-    color: @l;
-  }
-})
-
-.ui.elastic.loader.loader:before,
-.ui.elastic.loading.loading.loading:before,
-.ui.elastic.loading.loading.loading .input > i.icon:before,
-.ui.elastic.loading.loading.loading > i.icon:before,
-.ui.loading.loading.loading.loading:not(.usual):after,
-.ui.loading.loading.loading.loading .input > i.icon:after,
-.ui.loading.loading.loading.loading > i.icon:after,
-.ui.loader.loader.loader:after {
+.ui.elastic.loader.loader::before,
+.ui.elastic.loading.loading.loading::before,
+.ui.elastic.loading.loading.loading .input > i.icon::before,
+.ui.elastic.loading.loading.loading > i.icon::before,
+.ui.loading.loading.loading.loading:not(.usual)::after,
+.ui.loading.loading.loading.loading .input > i.icon::after,
+.ui.loading.loading.loading.loading > i.icon::after,
+.ui.loader.loader.loader::after {
   border-color: currentColor;
 }
-.ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic):before {
+.ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic)::before {
   color: @invertedLoaderLineColor;
 }
-.ui.elastic.basic.loading.button:before,
-.ui.elastic.basic.loading.button:after {
+.ui.elastic.basic.loading.button::before,
+.ui.elastic.basic.loading.button::after {
   color: @loaderLineColor;
 }
-.ui.double.loading.loading.loading.loading.button:after {
+.ui.double.loading.loading.loading.loading.button::after {
   border-bottom-color: currentColor;
 }
 
@@ -282,30 +283,30 @@ each(@colors, {
   }
 }
 
-.ui.loading.loading.loading.loading.loading.loading:after,
-.ui.loading.loading.loading.loading.loading.loading .input > i.icon:after,
-.ui.loading.loading.loading.loading.loading.loading > i.icon:after,
-.ui.loader.loader.loader.loader.loader:after {
+.ui.loading.loading.loading.loading.loading.loading::after,
+.ui.loading.loading.loading.loading.loading.loading .input > i.icon::after,
+.ui.loading.loading.loading.loading.loading.loading > i.icon::after,
+.ui.loader.loader.loader.loader.loader::after {
   border-left-color:transparent;
   border-right-color:transparent;
 }
-.ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after,
-.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon:after,
-.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon:after,
-.ui.loader.loader.loader.loader.loader.loader:not(.double):after {
+.ui.loading.loading.loading.loading.loading.loading.loading:not(.double)::after,
+.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon::after,
+.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon::after,
+.ui.loader.loader.loader.loader.loader.loader:not(.double)::after {
   border-bottom-color: transparent;
 }
-.ui.loading.loading.loading.loading.loading.loading.card:after,
-.ui.loading.loading.loading.loading.loading.loading.segments:after,
-.ui.loading.loading.loading.loading.loading.loading.segment:after,
-.ui.loading.loading.loading.loading.loading.loading.form:after {
+.ui.loading.loading.loading.loading.loading.loading.card::after,
+.ui.loading.loading.loading.loading.loading.loading.segments::after,
+.ui.loading.loading.loading.loading.loading.loading.segment::after,
+.ui.loading.loading.loading.loading.loading.loading.form::after {
   border-left-color:@loaderFillColor;
   border-right-color:@loaderFillColor;
 }
-.ui.loading.loading.loading.loading.loading.loading.card:not(.double):after,
-.ui.loading.loading.loading.loading.loading.loading.segments:not(.double):after,
-.ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after,
-.ui.loading.loading.loading.loading.loading.loading.form:not(.double):after {
+.ui.loading.loading.loading.loading.loading.loading.card:not(.double)::after,
+.ui.loading.loading.loading.loading.loading.loading.segments:not(.double)::after,
+.ui.loading.loading.loading.loading.loading.loading.segment:not(.double)::after,
+.ui.loading.loading.loading.loading.loading.loading.form:not(.double)::after {
   border-bottom-color: @loaderFillColor;
 }
 
@@ -320,17 +321,17 @@ each(@colors, {
   .ui.inverted.dimmer > .ui.elastic.loader {
     color: @loaderLineColor;
   }
-  .ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
-  .ui.elastic.loading.loading .input > i.icon:after,
-  .ui.elastic.loading.loading > i.icon:after,
-  .ui.elastic.loader.loader:after {
+  .ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
+  .ui.elastic.loading.loading .input > i.icon::after,
+  .ui.elastic.loading.loading > i.icon::after,
+  .ui.elastic.loader.loader::after {
     animation: loader 1s infinite cubic-bezier(.27, 1.05, .92, .61);
     animation-delay: 0.3s;
   }
-  .ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
-  .ui.elastic.loading.loading.loading .input > i.icon:before,
-  .ui.elastic.loading.loading.loading > i.icon:before,
-  .ui.elastic.loader.loader:before {
+  .ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
+  .ui.elastic.loading.loading.loading .input > i.icon::before,
+  .ui.elastic.loading.loading.loading > i.icon::before,
+  .ui.elastic.loader.loader::before {
     animation: elastic-loader 1s infinite cubic-bezier(.27, 1.05, .92, .61);
     -moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(.27, 1.05, .92, .61);
     border-right-color: transparent;
@@ -341,30 +342,30 @@ each(@colors, {
     }
   }
   & when (@variationLoaderSpeeds) {
-    .ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
-    .ui.slow.elastic.loading.loading .input > i.icon:after,
-    .ui.slow.elastic.loading.loading > i.icon:after,
-    .ui.slow.elastic.loader.loader:after {
+    .ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
+    .ui.slow.elastic.loading.loading .input > i.icon::after,
+    .ui.slow.elastic.loading.loading > i.icon::after,
+    .ui.slow.elastic.loader.loader::after {
       animation-duration: 1.5s;
       animation-delay: 0.45s;
     }
-    .ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
-    .ui.slow.elastic.loading.loading.loading .input > i.icon:before,
-    .ui.slow.elastic.loading.loading.loading > i.icon:before,
-    .ui.slow.elastic.loader.loader:before {
+    .ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
+    .ui.slow.elastic.loading.loading.loading .input > i.icon::before,
+    .ui.slow.elastic.loading.loading.loading > i.icon::before,
+    .ui.slow.elastic.loader.loader::before {
       animation-duration: 1.5s;
     }
-    .ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
-    .ui.fast.elastic.loading.loading .input > i.icon:after,
-    .ui.fast.elastic.loading.loading > i.icon:after,
-    .ui.fast.elastic.loader.loader:after {
+    .ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
+    .ui.fast.elastic.loading.loading .input > i.icon::after,
+    .ui.fast.elastic.loading.loading > i.icon::after,
+    .ui.fast.elastic.loader.loader::after {
       animation-duration: 0.66s;
       animation-delay: 0.20s;
     }
-    .ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
-    .ui.fast.elastic.loading.loading.loading .input > i.icon:before,
-    .ui.fast.elastic.loading.loading.loading > i.icon:before,
-    .ui.fast.elastic.loader.loader:before {
+    .ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
+    .ui.fast.elastic.loading.loading.loading .input > i.icon::before,
+    .ui.fast.elastic.loading.loading.loading > i.icon::before,
+    .ui.fast.elastic.loader.loader::before {
       animation-duration: 0.66s;
     }
   }