diff options
Diffstat (limited to 'components/tabs')
-rw-r--r-- | components/tabs/tabs-disabled.html | 8 | ||||
-rw-r--r-- | components/tabs/tabs-header.html | 8 | ||||
-rw-r--r-- | components/tabs/tabs-menu.html | 8 | ||||
-rw-r--r-- | components/tabs/tabs.scss | 35 |
4 files changed, 0 insertions, 59 deletions
diff --git a/components/tabs/tabs-disabled.html b/components/tabs/tabs-disabled.html deleted file mode 100644 index 5e67f2a..0000000 --- a/components/tabs/tabs-disabled.html +++ /dev/null @@ -1,8 +0,0 @@ -<div class="sdc-tabs sdc-tabs-header"> - <ul class="sdc-tabs-list" role="tablist"> - <li class="sdc-tab sdc-tab-active" role="tab">tab 1</li> - <li class="sdc-tab" role="tab" disabled>tab 2</li> - <li class="sdc-tab" role="tab" disabled>tab 3</li> - </ul> - <div class="sdc-tab-content" role="tabpanel"><div>This is the active tab content</div></div> -</div> diff --git a/components/tabs/tabs-header.html b/components/tabs/tabs-header.html deleted file mode 100644 index 622dc32..0000000 --- a/components/tabs/tabs-header.html +++ /dev/null @@ -1,8 +0,0 @@ -<div class="sdc-tabs sdc-tabs-header"> - <ul class="sdc-tabs-list" role="tablist"> - <li class="sdc-tab sdc-tab-active" role="tab">tab 1</li> - <li class="sdc-tab" role="tab">tab 2</li> - <li class="sdc-tab" role="tab">tab 3</li> - </ul> - <div class="sdc-tab-content" role="tabpanel"><div>This is the active tab content</div></div> -</div> diff --git a/components/tabs/tabs-menu.html b/components/tabs/tabs-menu.html deleted file mode 100644 index 753886f..0000000 --- a/components/tabs/tabs-menu.html +++ /dev/null @@ -1,8 +0,0 @@ -<div class="sdc-tabs sdc-tabs-menu"> - <ul class="sdc-tabs-list" role="tablist"> - <li class="sdc-tab sdc-tab-active" role="tab">tab 1</li> - <li class="sdc-tab" role="tab">tab 2</li> - <li class="sdc-tab" role="tab">tab 3</li> - </ul> - <div class="sdc-tab-content" role="tabpanel"><div>This is the active tab content</div></div> -</div> diff --git a/components/tabs/tabs.scss b/components/tabs/tabs.scss deleted file mode 100644 index f5df0ba..0000000 --- a/components/tabs/tabs.scss +++ /dev/null @@ -1,35 +0,0 @@ -.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; - } -} |