aboutsummaryrefslogtreecommitdiffstats
path: root/components/tabs/tabs.scss
diff options
context:
space:
mode:
Diffstat (limited to 'components/tabs/tabs.scss')
-rw-r--r--components/tabs/tabs.scss35
1 files changed, 35 insertions, 0 deletions
diff --git a/components/tabs/tabs.scss b/components/tabs/tabs.scss
new file mode 100644
index 0000000..f5df0ba
--- /dev/null
+++ b/components/tabs/tabs.scss
@@ -0,0 +1,35 @@
+.sdc-tabs {
+ .sdc-tab {
+ display: inline-block;
+ cursor: pointer;
+ text-transform: capitalize;
+ color: $dark-gray;
+ padding: 0px 10px 7px 10px;
+ margin-right: 20px;
+ &:last-child {
+ margin-right: 0;
+ }
+ &.sdc-tab-active {
+ color: $blue;
+ border-bottom: 2px solid $blue;
+ }
+ &[disabled] {
+ opacity: 0.3;
+ cursor: default;
+ }
+ }
+ &.sdc-tabs-header {
+ .sdc-tab {
+ @include heading-2;
+ }
+ }
+ &.sdc-tabs-menu {
+ .sdc-tab {
+ @include body-1;
+ padding: 0px 10px 4px 10px;
+ }
+ }
+ .sdc-tab-content {
+ margin-top: 30px;
+ }
+}