diff options
| author | Mitch Riedstra <Mitch@riedstra.us> | 2017-10-24 16:59:48 -0400 |
|---|---|---|
| committer | Mitch Riedstra <Mitch@riedstra.us> | 2017-10-24 16:59:48 -0400 |
| commit | 3e8b34be2fdeccf16c8b46f1ee518f970853768d (patch) | |
| tree | abcb7d0cb260790a2b4a746e3959f2e7ee3a33f7 /app/dispatch/static/materialize/sass/components/_tabs.scss | |
| parent | 4ee5893fd9c82228c62306fc7f5babdfc602e4c4 (diff) | |
| download | dispatch-tracker-3e8b34be2fdeccf16c8b46f1ee518f970853768d.tar.gz dispatch-tracker-3e8b34be2fdeccf16c8b46f1ee518f970853768d.tar.xz | |
Adding in materialize source and templates
Diffstat (limited to 'app/dispatch/static/materialize/sass/components/_tabs.scss')
| -rw-r--r-- | app/dispatch/static/materialize/sass/components/_tabs.scss | 93 |
1 files changed, 93 insertions, 0 deletions
diff --git a/app/dispatch/static/materialize/sass/components/_tabs.scss b/app/dispatch/static/materialize/sass/components/_tabs.scss new file mode 100644 index 0000000..5a1a459 --- /dev/null +++ b/app/dispatch/static/materialize/sass/components/_tabs.scss @@ -0,0 +1,93 @@ +.tabs {
+ &.tabs-transparent {
+ background-color: transparent;
+
+ .tab a,
+ .tab.disabled a,
+ .tab.disabled a:hover {
+ color: rgba(255,255,255,0.7);
+ }
+
+ .tab a:hover,
+ .tab a.active {
+ color: #fff;
+ }
+
+ .indicator {
+ background-color: #fff;
+ }
+ }
+
+ &.tabs-fixed-width {
+ display: flex;
+
+ .tab {
+ flex-grow: 1;
+ }
+ }
+
+ position: relative;
+ overflow-x: auto;
+ overflow-y: hidden;
+ height: 48px;
+ width: 100%;
+ background-color: $tabs-bg-color;
+ margin: 0 auto;
+ white-space: nowrap;
+
+ .tab {
+ display: inline-block;
+ text-align: center;
+ line-height: 48px;
+ height: 48px;
+ padding: 0;
+ margin: 0;
+ text-transform: uppercase;
+
+ a {
+ &:hover,
+ &.active {
+ background-color: transparent;
+ color: $tabs-text-color;
+ }
+
+ color: rgba($tabs-text-color, .7);
+ display: block;
+ width: 100%;
+ height: 100%;
+ padding: 0 24px;
+ font-size: 14px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ transition: color .28s ease;
+ }
+
+ &.disabled a,
+ &.disabled a:hover {
+ color: rgba($tabs-text-color, .7);
+ cursor: default;
+ }
+ }
+ .indicator {
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: $tabs-underline-color;
+ will-change: left, right;
+ }
+}
+
+// Fixed sideNav hide on smaller
+@media #{$medium-and-down} {
+ .tabs {
+ display: flex;
+
+ .tab {
+ flex-grow: 1;
+
+ a {
+ padding: 0 12px;
+ }
+ }
+ }
+}
|