feat(breadcrumb): add inverted variant

fomantic · May 4, 2019 · ff6ba2d · ff6ba2d
1 parent c7ca707
commit ff6ba2d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/definitions/collections/breadcrumb.less b/src/definitions/collections/breadcrumb.less
@@ -81,6 +81,17 @@
   padding: @segmentPadding;
 }
 
+/* Inverted */
+.ui.inverted.breadcrumb {
+  color: @invertedColor;
+}
+.ui.inverted.breadcrumb > .active.section {
+  color: @invertedActiveColor;
+}
+.ui.inverted.breadcrumb > .divider {
+  color: @invertedDividerColor;
+}
+
 /*******************************
             States
 *******************************/

diff --git a/src/themes/default/collections/breadcrumb.variables b/src/themes/default/collections/breadcrumb.variables
@@ -26,6 +26,11 @@
 /* Coupling */
 @segmentPadding: @relativeMini @relativeMedium;
 
+/* Inverted */
+@invertedColor: @midWhite;
+@invertedActiveColor: @white;
+@invertedDividerColor: @invertedLightTextColor;
+
 /*-------------------
        States
 --------------------*/