Add Lotusdocs theme

2026-01-11 16:46:05 -08:00
parent d051d46d1f
commit 8a4d04db58
577 changed files with 40404 additions and 0 deletions
--- a/themes/lotusdocs/assets/scss/custom/structure/_footer.scss
+++ b/themes/lotusdocs/assets/scss/custom/structure/_footer.scss
@@ -0,0 +1,102 @@
+//
+// footer.scss
+//
+
+.footer {
+    background: $footer;
+    position: relative;
+    color: $footer-text;
+
+    .footer-py-60 {
+        padding: 60px 0;
+    }
+
+    .footer-py-30 {
+        padding: 30px 0;
+    }
+
+    .logo-footer {
+        font-size: 22px;
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .logo-footer svg {
+        height: 30px;
+    }
+
+    .footer-head {
+        letter-spacing: 1px;
+        font-weight: 500;
+        color: $footer-head-color;
+    }
+    .text-foot {
+        color: $footer-text;
+    }
+    .footer-list {
+        margin-bottom: 0;
+        li {
+            margin-bottom: 10px;
+            a{
+                transition: all 0.5s ease;
+                &:hover {
+                    color: lighten($footer-text, 20%);
+                }
+            }
+            &:last-child{
+                margin-bottom: 0;
+            }
+        }
+    }
+    .footer-border,
+    .footer-bar {
+        border-top: 1px solid lighten($footer, 5%);
+    }
+    .border {
+        border-color: lighten($footer, 5%) !important;
+    }
+
+    //Footer Light
+    &.footer-light {
+        background: $light;
+        color: $gray-700;
+        .footer-head {
+            color: $dark;
+        }
+
+        .foot-subscribe {
+            .form-control {
+                background-color: $light;
+                border: 1px solid $border-color;
+                color: $light;
+            }
+            &.foot-white {
+                .form-control {
+                    color: $footer-text;
+                }
+            }
+            input{
+                &::placeholder{
+                    color: $footer-text;
+                }
+            }
+        }
+
+        .border {
+            border-color: $border-color !important;
+        }
+        .text-foot {
+            color: $muted;
+        }
+        .footer-list {
+            li {
+                a{
+                    &:hover {
+                        color: $gray-700;
+                    }
+                }
+            }
+        }
+    }
+}