RubyGems - fomantic-ui-sass - Versions diffs - 2.9.2 → 2.9.3.1 - Mend

fomantic-ui-sass 2.9.2 → 2.9.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

data/app/assets/stylesheets/semantic-ui/elements/_flag.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.2 - Flag
+ * # Fomantic-UI 2.9.3 - Flag
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -307,7 +307,8 @@ i.flag.cyprus::before {
   background-image: url("https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/1f1e8-1f1fe.svg");
 }
 i.flag.cz::before,
-i.flag.czechia::before {
+i.flag.czechia::before,
+i.flag.czech.republic::before {
   background-image: url("https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/1f1e8-1f1ff.svg");
 }
 i.flag.dk::before,

data/app/assets/stylesheets/semantic-ui/elements/_header.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.2 - Header
+ * # Fomantic-UI 2.9.3 - Header
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

data/app/assets/stylesheets/semantic-ui/elements/_icon.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.2 - Icon
+ * # Fomantic-UI 2.9.3 - Icon
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -61,7 +61,7 @@ i.icon {
           backface-visibility: hidden;
 }
 i.icon::before {
-  background: none !important;
+  background: none;
 }
@@ -284,196 +284,196 @@ i.inverted.icon {
 /* -------------------
        Colors
 -------------------- */
-i.primary.icon.icon.icon.icon.icon {
+i.primary.icon.icon.icon.icon.icon.icon {
   color: #2185d0;
 }
-i.inverted.primary.icon.icon.icon.icon.icon {
+i.inverted.primary.icon.icon.icon.icon.icon.icon {
   color: #54c8ff;
 }
-i.inverted.bordered.primary.icon.icon.icon.icon.icon,
-i.inverted.circular.primary.icon.icon.icon.icon.icon,
+i.inverted.bordered.primary.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.primary.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.primary.icons,
 i.inverted.circular.primary.icons {
   background-color: #2185d0;
   color: #fff;
 }
-i.secondary.icon.icon.icon.icon.icon {
+i.secondary.icon.icon.icon.icon.icon.icon {
   color: #1b1c1d;
 }
-i.inverted.secondary.icon.icon.icon.icon.icon {
+i.inverted.secondary.icon.icon.icon.icon.icon.icon {
   color: #545454;
 }
-i.inverted.bordered.secondary.icon.icon.icon.icon.icon,
-i.inverted.circular.secondary.icon.icon.icon.icon.icon,
+i.inverted.bordered.secondary.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.secondary.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.secondary.icons,
 i.inverted.circular.secondary.icons {
   background-color: #1b1c1d;
   color: #fff;
 }
-i.red.icon.icon.icon.icon.icon {
+i.red.icon.icon.icon.icon.icon.icon {
   color: #db2828;
 }
-i.inverted.red.icon.icon.icon.icon.icon {
+i.inverted.red.icon.icon.icon.icon.icon.icon {
   color: #ff695e;
 }
-i.inverted.bordered.red.icon.icon.icon.icon.icon,
-i.inverted.circular.red.icon.icon.icon.icon.icon,
+i.inverted.bordered.red.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.red.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.red.icons,
 i.inverted.circular.red.icons {
   background-color: #db2828;
   color: #fff;
 }
-i.orange.icon.icon.icon.icon.icon {
+i.orange.icon.icon.icon.icon.icon.icon {
   color: #f2711c;
 }
-i.inverted.orange.icon.icon.icon.icon.icon {
+i.inverted.orange.icon.icon.icon.icon.icon.icon {
   color: #ff851b;
 }
-i.inverted.bordered.orange.icon.icon.icon.icon.icon,
-i.inverted.circular.orange.icon.icon.icon.icon.icon,
+i.inverted.bordered.orange.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.orange.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.orange.icons,
 i.inverted.circular.orange.icons {
   background-color: #f2711c;
   color: #fff;
 }
-i.yellow.icon.icon.icon.icon.icon {
+i.yellow.icon.icon.icon.icon.icon.icon {
   color: #fbbd08;
 }
-i.inverted.yellow.icon.icon.icon.icon.icon {
+i.inverted.yellow.icon.icon.icon.icon.icon.icon {
   color: #ffe21f;
 }
-i.inverted.bordered.yellow.icon.icon.icon.icon.icon,
-i.inverted.circular.yellow.icon.icon.icon.icon.icon,
+i.inverted.bordered.yellow.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.yellow.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.yellow.icons,
 i.inverted.circular.yellow.icons {
   background-color: #fbbd08;
   color: #fff;
 }
-i.olive.icon.icon.icon.icon.icon {
+i.olive.icon.icon.icon.icon.icon.icon {
   color: #b5cc18;
 }
-i.inverted.olive.icon.icon.icon.icon.icon {
+i.inverted.olive.icon.icon.icon.icon.icon.icon {
   color: #d9e778;
 }
-i.inverted.bordered.olive.icon.icon.icon.icon.icon,
-i.inverted.circular.olive.icon.icon.icon.icon.icon,
+i.inverted.bordered.olive.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.olive.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.olive.icons,
 i.inverted.circular.olive.icons {
   background-color: #b5cc18;
   color: #fff;
 }
-i.green.icon.icon.icon.icon.icon {
+i.green.icon.icon.icon.icon.icon.icon {
   color: #21ba45;
 }
-i.inverted.green.icon.icon.icon.icon.icon {
+i.inverted.green.icon.icon.icon.icon.icon.icon {
   color: #2ecc40;
 }
-i.inverted.bordered.green.icon.icon.icon.icon.icon,
-i.inverted.circular.green.icon.icon.icon.icon.icon,
+i.inverted.bordered.green.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.green.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.green.icons,
 i.inverted.circular.green.icons {
   background-color: #21ba45;
   color: #fff;
 }
-i.teal.icon.icon.icon.icon.icon {
+i.teal.icon.icon.icon.icon.icon.icon {
   color: #00b5ad;
 }
-i.inverted.teal.icon.icon.icon.icon.icon {
+i.inverted.teal.icon.icon.icon.icon.icon.icon {
   color: #6dffff;
 }
-i.inverted.bordered.teal.icon.icon.icon.icon.icon,
-i.inverted.circular.teal.icon.icon.icon.icon.icon,
+i.inverted.bordered.teal.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.teal.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.teal.icons,
 i.inverted.circular.teal.icons {
   background-color: #00b5ad;
   color: #fff;
 }
-i.blue.icon.icon.icon.icon.icon {
+i.blue.icon.icon.icon.icon.icon.icon {
   color: #2185d0;
 }
-i.inverted.blue.icon.icon.icon.icon.icon {
+i.inverted.blue.icon.icon.icon.icon.icon.icon {
   color: #54c8ff;
 }
-i.inverted.bordered.blue.icon.icon.icon.icon.icon,
-i.inverted.circular.blue.icon.icon.icon.icon.icon,
+i.inverted.bordered.blue.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.blue.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.blue.icons,
 i.inverted.circular.blue.icons {
   background-color: #2185d0;
   color: #fff;
 }
-i.violet.icon.icon.icon.icon.icon {
+i.violet.icon.icon.icon.icon.icon.icon {
   color: #6435c9;
 }
-i.inverted.violet.icon.icon.icon.icon.icon {
+i.inverted.violet.icon.icon.icon.icon.icon.icon {
   color: #a291fb;
 }
-i.inverted.bordered.violet.icon.icon.icon.icon.icon,
-i.inverted.circular.violet.icon.icon.icon.icon.icon,
+i.inverted.bordered.violet.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.violet.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.violet.icons,
 i.inverted.circular.violet.icons {
   background-color: #6435c9;
   color: #fff;
 }
-i.purple.icon.icon.icon.icon.icon {
+i.purple.icon.icon.icon.icon.icon.icon {
   color: #a333c8;
 }
-i.inverted.purple.icon.icon.icon.icon.icon {
+i.inverted.purple.icon.icon.icon.icon.icon.icon {
   color: #dc73ff;
 }
-i.inverted.bordered.purple.icon.icon.icon.icon.icon,
-i.inverted.circular.purple.icon.icon.icon.icon.icon,
+i.inverted.bordered.purple.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.purple.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.purple.icons,
 i.inverted.circular.purple.icons {
   background-color: #a333c8;
   color: #fff;
 }
-i.pink.icon.icon.icon.icon.icon {
+i.pink.icon.icon.icon.icon.icon.icon {
   color: #e03997;
 }
-i.inverted.pink.icon.icon.icon.icon.icon {
+i.inverted.pink.icon.icon.icon.icon.icon.icon {
   color: #ff8edf;
 }
-i.inverted.bordered.pink.icon.icon.icon.icon.icon,
-i.inverted.circular.pink.icon.icon.icon.icon.icon,
+i.inverted.bordered.pink.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.pink.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.pink.icons,
 i.inverted.circular.pink.icons {
   background-color: #e03997;
   color: #fff;
 }
-i.brown.icon.icon.icon.icon.icon {
+i.brown.icon.icon.icon.icon.icon.icon {
   color: #a5673f;
 }
-i.inverted.brown.icon.icon.icon.icon.icon {
+i.inverted.brown.icon.icon.icon.icon.icon.icon {
   color: #d67c1c;
 }
-i.inverted.bordered.brown.icon.icon.icon.icon.icon,
-i.inverted.circular.brown.icon.icon.icon.icon.icon,
+i.inverted.bordered.brown.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.brown.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.brown.icons,
 i.inverted.circular.brown.icons {
   background-color: #a5673f;
   color: #fff;
 }
-i.grey.icon.icon.icon.icon.icon {
+i.grey.icon.icon.icon.icon.icon.icon {
   color: #767676;
 }
-i.inverted.grey.icon.icon.icon.icon.icon {
+i.inverted.grey.icon.icon.icon.icon.icon.icon {
   color: #dcddde;
 }
-i.inverted.bordered.grey.icon.icon.icon.icon.icon,
-i.inverted.circular.grey.icon.icon.icon.icon.icon,
+i.inverted.bordered.grey.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.grey.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.grey.icons,
 i.inverted.circular.grey.icons {
   background-color: #767676;
   color: #fff;
 }
-i.black.icon.icon.icon.icon.icon {
+i.black.icon.icon.icon.icon.icon.icon {
   color: #1b1c1d;
 }
-i.inverted.black.icon.icon.icon.icon.icon {
+i.inverted.black.icon.icon.icon.icon.icon.icon {
   color: #545454;
 }
-i.inverted.bordered.black.icon.icon.icon.icon.icon,
-i.inverted.circular.black.icon.icon.icon.icon.icon,
+i.inverted.bordered.black.icon.icon.icon.icon.icon.icon,
+i.inverted.circular.black.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.black.icons,
 i.inverted.circular.black.icons {
   background-color: #1b1c1d;

data/app/assets/stylesheets/semantic-ui/elements/_image.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.2 - Image
+ * # Fomantic-UI 2.9.3 - Image
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

data/app/assets/stylesheets/semantic-ui/elements/_input.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.2 - Input
+ * # Fomantic-UI 2.9.3 - Input
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -104,7 +104,7 @@
 /* --------------------
            Loading
     --------------------- */
-.ui.loading.loading.input > i.icon::before {
+.ui.ui.loading.input > i.icon::before {
   position: absolute;
   content: "";
   top: 50%;
@@ -115,7 +115,7 @@
   border-radius: 500rem;
   border: 0.2em solid rgba(0, 0, 0, 0.1);
 }
-.ui.loading.loading.input > i.icon::after {
+.ui.ui.loading.input > i.icon::after {
   position: absolute;
   content: "";
   top: 50%;
@@ -163,24 +163,6 @@
   color: #9f3a38;
   box-shadow: none;
 }
-.ui.input > input:not(:-ms-input-placeholder):invalid {
-  background-color: #fff6f6;
-  border-color: #e0b4b4;
-  color: #9f3a38;
-  box-shadow: none;
-}
-.ui.input > input:not(:placeholder-shown):invalid {
-  background-color: #fff6f6;
-  border-color: #e0b4b4;
-  color: #9f3a38;
-  box-shadow: none;
-}
-.ui.input > input:not(:-ms-input-placeholder):invalid {
-  background-color: #fff6f6;
-  border-color: #e0b4b4;
-  color: #9f3a38;
-  box-shadow: none;
-}
 /* Placeholder */
 .ui.input.error > input:-ms-input-placeholder {
@@ -855,12 +837,6 @@
   background: #cacbcd;
   color: rgba(0, 0, 0, 0.6);
 }
-.ui.form .field input[type="file"]:required:invalid,
-.ui.file.input input[type="file"]:required:invalid {
-  color: #9f3a38;
-  background: #fff6f6;
-  border-color: #e0b4b4;
-}
 input[type="file"].ui.invisible.file.input,
 .ui.invisible.file.input input[type="file"] {
   left: -99999px;

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.2 - Label
+ * # Fomantic-UI 2.9.3 - Label
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -409,8 +409,22 @@ a.ui.label {
   border-color: transparent;
   border-top-color: inherit;
 }
+.ui.ui.center.ribbon.label {
+  top: calc(50% - 1em);
+  z-index: 1;
+}
+.ui.bottom.ribbon.label::after {
+  bottom: 100%;
+  top: auto;
+  border-width: 1.2em 1.2em 0 0;
+}
+.ui.bottom[class*="right ribbon"].label::after {
+  border-width: 1.2em 0 0 1.2em;
+  border-color: transparent;
+  border-left-color: inherit;
+}
-/* Inside Table */
+/* Inside Image */
 .ui.image > .ribbon.label,
 .ui.card .image > .ribbon.label {
   position: absolute;
@@ -425,6 +439,11 @@ a.ui.label {
   left: calc(100% + -0.05rem + 1.2em);
   padding-left: 0.833em;
 }
+.ui.card .image > .ui.bottom.ribbon.label,
+.ui.image > .ui.bottom.ribbon.label {
+  bottom: 1rem;
+  top: auto;
+}
 /* Inside Table */
 .ui.table td > .ui.ribbon.label {

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.2 - List
+ * # Fomantic-UI 2.9.3 - List
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -426,16 +426,16 @@ ol.ui.list ol li,
   color: rgba(0, 0, 0, 0.4);
   transition: 0.1s color ease;
 }
-.ui.link.list.list a.item:hover,
-.ui.link.list.list .item a:not(.ui):hover {
+.ui.ui.link.list a.item:hover,
+.ui.ui.link.list .item a:not(.ui):hover {
   color: rgba(0, 0, 0, 0.8);
 }
-.ui.link.list.list a.item:active,
-.ui.link.list.list .item a:not(.ui):active {
+.ui.ui.link.list a.item:active,
+.ui.ui.link.list .item a:not(.ui):active {
   color: rgba(0, 0, 0, 0.9);
 }
-.ui.link.list.list .active.item,
-.ui.link.list.list .active.item a:not(.ui) {
+.ui.ui.link.list .active.item,
+.ui.ui.link.list .active.item a:not(.ui) {
   color: rgba(0, 0, 0, 0.95);
 }
@@ -445,16 +445,16 @@ ol.ui.list ol li,
 .ui.inverted.link.list .item a:not(.ui) {
   color: rgba(255, 255, 255, 0.5);
 }
-.ui.inverted.link.list.list a.item:hover,
-.ui.inverted.link.list.list .item a:not(.ui):hover {
+.ui.ui.inverted.link.list a.item:hover,
+.ui.ui.inverted.link.list .item a:not(.ui):hover {
   color: #ffffff;
 }
-.ui.inverted.link.list.list a.item:active,
-.ui.inverted.link.list.list .item a:not(.ui):active {
+.ui.ui.inverted.link.list a.item:active,
+.ui.ui.inverted.link.list .item a:not(.ui):active {
   color: #ffffff;
 }
-.ui.inverted.link.list.list a.active.item,
-.ui.inverted.link.list.list .active.item a:not(.ui) {
+.ui.ui.inverted.link.list a.active.item,
+.ui.ui.inverted.link.list .active.item a:not(.ui) {
   color: #ffffff;
 }