:star:

1 files changed, 91 insertions, 0 deletions

diff --git a/semantic/src/definitions/modules/tab.less b/semantic/src/definitions/modules/tab.less
new file mode 100644
index 0000000..3c8f509
--- /dev/null
+++ b/semantic/src/definitions/modules/tab.less
@@ -0,0 +1,91 @@
+/*!
+ * # Fomantic-UI - Tab
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            Theme
+*******************************/
+
+@type    : 'module';
+@element : 'tab';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+           UI Tabs
+*******************************/
+
+.ui.tab {
+  display: none;
+}
+
+/*******************************
+             States
+*******************************/
+
+/*--------------------
+       Active
+---------------------*/
+
+.ui.tab.active,
+.ui.tab.open {
+  display: block;
+}
+
+& when (@variationTabLoading) {
+  /*--------------------
+         Loading
+  ---------------------*/
+
+  .ui.tab.loading {
+    position: relative;
+    overflow: hidden;
+    display: block;
+    min-height: @loadingMinHeight;
+  }
+  .ui.tab.loading * {
+    position: @loadingContentPosition !important;
+    left: @loadingContentOffset !important;
+  }
+
+  .ui.tab.loading:before,
+  .ui.tab.loading.segment:before {
+    position: absolute;
+    content: '';
+    top: @loaderDistanceFromTop;
+    left: 50%;
+
+    margin: @loaderMargin;
+    width: @loaderSize;
+    height: @loaderSize;
+
+    border-radius: @circularRadius;
+    border: @loaderLineWidth solid @loaderFillColor;
+  }
+  .ui.tab.loading:after,
+  .ui.tab.loading.segment:after {
+    position: absolute;
+    content: '';
+    top: @loaderDistanceFromTop;
+    left: 50%;
+
+    margin: @loaderMargin;
+    width: @loaderSize;
+    height: @loaderSize;
+
+    animation: loader @loaderSpeed infinite linear;
+    border: @loaderLineWidth solid @loaderLineColor;
+    border-radius: @circularRadius;
+
+    box-shadow: 0 0 0 1px transparent;
+  }
+}
+
+.loadUIOverrides();