initial

2026-03-03 16:30:57 +07:00
parent a13304e40e
commit c253e1a370
7569 changed files with 1324841 additions and 0 deletions
@@ -0,0 +1,110 @@
+/* Tabs */
+
+// Basic Styles
+.nav{
+	margin-bottom: 1rem;
+	&.nav-tabs,&.nav-pills{
+		.nav-item{
+			.nav-link{
+				font-family: $type1-semibold;
+				line-height: 1;
+				padding: 13px 28px;
+				@media (max-width: 767px) {
+					padding: 13px 10px;
+				}
+				font-size: $default-font-size;
+				color: $black;
+				@include display-flex;
+				@include border-radius(2px);
+				i{
+					margin-right: 10px;
+				}
+			}
+		}
+	}
+}
+.tab-content{
+	padding: 37px 18px 29px 24px;
+	font-family: $type1-regular;
+	font-size: $default-font-size;
+	line-height: 1.71;
+	border: $border-width solid $border-color;
+	@include border-radius(2px);
+
+}
+
+// Basic Tab Styles
+.tab-basic{
+	border-bottom: none;
+	.nav-item{
+		.nav-link{
+			&.active{
+				border: $border-width solid $border-color;
+			}
+		}
+	}
+}
+.tab-content-basic{
+	border: $border-width solid $border-color;
+}
+
+// Solid Tab Styles
+.tab-solid{
+	border: none;
+	.nav-item{
+		.nav-link{
+			border: none;
+			&.active{
+				border: none;
+				color: $white;
+			}
+		}
+	}
+}
+.tab-content-solid{
+	border: none;
+	padding-top: 0.875rem;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+@each $color, $value in $theme-colors {
+  .tab-solid-#{$color} {
+    @include tab-solid-variant($value);
+  }
+}
+
+// Minimal Tab Styles
+.tab-minimal{
+	.nav-tabs{
+		border: none;
+		.nav-item{
+			.nav-link{
+				border: none;
+				&.active{}
+				&:first-child{
+					padding-left: 0;
+				}
+			}
+		}
+	}
+	.tab-content{}
+}
+
+@each $color, $value in $theme-colors {
+  .tab-minimal-#{$color} {
+    @include tab-minimal-variant($value);
+  }
+}
+
+// Vertical Tab Styles
+.vertical-tab{
+	@include display-flex;
+	.nav-tabs{
+		margin-right: 1.25rem;
+		@include flex-direction(column);
+	}
+	.tab-content{
+		margin-bottom: 0px;
+	}
+}