symposion_app File Diff · Conservancy Kallithea

File diff 3534a8243c8b → 19a5bbf9293e

static/src/scss/app.scss

➞

Show inline comments

@@ ... / @@ -20,6 +20,16 @@ body { @@
     overflow-x: hidden;
+}
 .navbar-brand {
     width: 200px;
     img {
         max-width: 100%;
         height: auto;
+    }
+}
 .text-page {
     h2 {
         padding-top: 3rem;
@@ ... / @@ -31,8 +41,27 @@ body { @@
+    }
+}
 .navbar-collapse {
     margin-left: $padding-left-default;
+}
 .navbar-toggler {
     border: 0 !important;
     &.green-toggler {
         .navbar-toggler-icon {
             background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(15,124,17, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
+        }
+    }
     &.white-toggler {
         .navbar-toggler-icon {
             background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
+        }
+    }
+}
 html {
     font-size: 16px;
@@ ... / @@ -55,44 +84,12 @@ footer { @@
     margin-top: 16rem;
     margin-bottom: 8rem;
     padding-top: 24rem;
     height: 1247px;
+}
 .green-background {
     position: relative;
     background: $primary;
     color: white;
+}
 .sidescroll {
     position: absolute !important;
     top: -8rem;
     width: 100%;
     height: 405px;
     padding-right: 0 !important;
     overflow-x: scroll;
     overflow-y: hidden;
     white-space: nowrap;
     &::-webkit-scrollbar {
         width: 0px;  /* remove scrollbar space */
         background: transparent;  /* optional: just make scrollbar invisible */
+    }
+}
 .content {
     padding-top: 1rem;
     padding-bottom: 1rem;
     padding-left: $padding-left-default !important;
     padding-right: 5.3125rem !important;
+}
 li.nav-item {
     height: 2.75rem;
     a.nav-link {
         //line-height: 1rem;
         padding-top: 0;
+    }
@@ ... / @@ -111,4 +108,79 @@ main.container-fluid { @@
+}
 @import "nav.scss";
 @import "bootstrap.scss";
@@ ... / \ No newline at end of file @@
 @import "bootstrap.scss";
 .content {
     //padding-top: 1rem;
     padding-bottom: 1rem;
     padding-left: $padding-left-default / 3 !important;
     padding-right: $padding-left-default / 3 !important;
     @include media-breakpoint-up(md) {
         padding-left: $padding-left-default !important;
         padding-right: 5.3125rem !important;
+    }
+}
 .homepage-venue {
     padding-bottom: 0px;
     margin-bottom: 0px;
     @include media-breakpoint-up(sm) {
         text-align: right;
         h2 {
             float: left;
+        }
+    }
+}
 .sidescroll-container {
     overflow-y: hidden;
+}
 .sidescroll {
     margin-bottom: -30px;
     padding-bottom: 30px;
     background: linear-gradient(0deg, $primary 50%, $secondary 50%) !important;
     @include media-breakpoint-up(md) {
         padding-left: $padding-left-default !important;
+    }
     display: flex;
     flex-wrap: nowrap;
     cursor: grab;
     div ~ div {
         margin-left: 15px;
+    }
     div {
         min-width: 30%;
         @include media-breakpoint-down(sm) {
             min-width: 80%;
+        }
         img {
             max-width: 100%;
             height: auto;
+        }
+    }
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     &::-webkit-scrollbar {
         display: none;
+    }
+}
 #map {
     width: 100%;
     height: 480px;
     filter: grayscale(100%);
+}
@@ ... / \ No newline at end of file @@