init

2022-09-30 20:02:02 +01:00
commit 66dafc36c3
2561 changed files with 454489 additions and 0 deletions
--- a/user/plugins/admin/themes/grav/scss/template/_tabs.scss
+++ b/user/plugins/admin/themes/grav/scss/template/_tabs.scss
@@ -0,0 +1,125 @@
+$tab-label-height: 50px;
+
+// New JS powered tabs
+.form-tabs {
+
+    .admin-pages &:first-child {
+        margin-top: -1rem;
+    }
+    
+    .admin-pages & {
+        &.side-tabs {
+            .tabs-nav {
+                margin-right: 0 !important;
+            }
+        }
+
+        .tabs-nav {
+            margin-right: 180px;
+
+            @include breakpoint(mobile-only) {
+                margin-right: 0 !important;
+            }
+        }
+    }
+
+    .tabs-nav {
+        @include display(flex);
+        padding-top: 1px;
+
+        a {
+            @include flex(1);
+            transition: color 0.5s ease, background 0.5s ease;
+            cursor: pointer;
+            min-height: $tab-label-height;
+            text-align:center;
+
+            padding: 4px;
+
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+        }
+
+        span {
+            display: inline-block;
+            line-height: 1.1;
+        }
+
+
+    }
+
+    &.subtle .tabs-nav {
+        margin-right: 0 !important;
+    }
+
+    .tabs-content {
+
+        .tab__content {
+            display: none;
+            padding-top: 2rem;
+
+            &.active {
+                display: block;
+            }
+        }
+    }
+
+    &.side-tabs {
+        display: flex;
+        background: none;
+
+        > .tabs-nav {
+            width: 20%;
+            display: block;
+            padding-top: 1.5rem;
+
+            a {
+                text-align: left;
+                flex: none;
+                justify-content: left;
+                padding-left: 15px;
+            }
+        }
+
+        > .tabs-content {
+            width: 80%;
+        }
+    }
+}
+
+
+// Old tabs here for posterity!
+//.tab-bar {
+//    @include clearfix;
+//    margin: 0;
+//    padding: 0;
+//    list-style: none;
+//
+//    li {
+//
+//        display: block;
+//        float: left;
+//        height: $tab-label-height;
+//
+//        @include breakpoint(mobile-only) {
+//            width: 100%;
+//            span, a {
+//                width: 100%;
+//                text-align: center;
+//            }
+//        }
+//    }
+//
+//    span, a {
+//        @extend .default-animation;
+//        display: inline-block;
+//        padding: 0 4rem;
+//        line-height: $tab-label-height;
+//    }
+//}
+
+
+
+