@burh/nuxt-core 1.0.7 → 1.0.8

package/assets/sass/burh-ds/molecules/_modal.scss

@@ -1,175 +1,175 @@
-//Gabriel, pode colocar cores e alteracoes aqui, joga as variaveis nesse doc e personaliza aqui, se possivel, comente a linha que elas estão
-//A gente migra junto para evitar perder coisas
-
-.modal {
-    &-content {
-        &.bg-gradient {
-            &-danger {
-                background: $color-danger !important;
-            }
-
-            &-info {
-                background: $color-info !important;
-            }
-            
-            &-success {
-                background: $color-success !important;
-            }
-
-            &-warning {
-                background: $color-warning !important;
-            }
-        }
-    }
-    &-share {
-        .modal-header {
-            padding: 1.5rem;
-        }
-
-        li {
-            .btn {
-                min-width: 4em;
-                height: 4em;
-                padding: 0;
-
-                span {
-                    font-size: 2rem;
-                }
-            }
-            @media screen and (orientation: landscape){
-                display: inline-block;
-                text-align: center;
-
-                .btn {
-                    margin-top: 0;
-                    margin-bottom: .5rem;
-                    margin-left: auto;
-                    margin-right: auto;
-                }
-
-                span {
-                    display: block;
-                }
-
-                &:not(:last-child) {
-                    margin-right: 1rem;
-                }
-            }
-        }
-
-        .input-group-prepend:not(:first-child) > .input-group-text {
-            border-top-right-radius: .25rem;
-            border-bottom-right-radius: .25rem;
-        }
-
-        .input-group-prepend { 
-            border-right: 1px solid rgba(0, 0, 0, 0.2);
-            border-top-right-radius: .25rem;
-            border-bottom-right-radius: .25rem;
-        }
-
-        .form-control {
-            height: auto;
-        }
-    }
-    &-open {
-        padding-right: 17px;
-
-        &::after {
-            @media (min-width:  map-get($grid-breakpoints, "sm")) {
-                content: "";
-                position: fixed;
-                right: 0;
-                top: 0;
-                z-index: 10000;
-                display: block;
-                width:17px;
-                height: 100vh;
-                overflow-y: scroll;
-            }
-        }
-        @media (min-width:  map-get($grid-breakpoints, "sm")) {
-            .navbar.navbar-main.navbar-animated {
-                width: calc(100% - 17px);
-            }
-        }
-    }
-}
-
-//@at-root
-$modal-header-height: 70px;
-
-.no-scroll {
-    .modal-pane {
-        @media (max-width:  map-get($grid-breakpoints, "sm")) {
-            position: relative;
-            z-index: $zindex-modal-backdrop;
-        }
-    }
-}
-.modal-pane {
-    &__header,
-    &__body {
-        padding: 1rem;
-
-        @media (min-width:  map-get($grid-breakpoints, "sm")) {
-            padding: 0;
-        }
-    }
-    &__header {
-        @media (max-width:  map-get($grid-breakpoints, "sm")) {
-            font-size: 1rem !important;
-            height: $modal-header-height;
-            margin-bottom: 0 !important;
-            justify-content: flex-start !important;
-            align-items: center;
-            padding: 1rem !important;
-            background-color: $body-bg;
-        }
-    }
-    &__body {
-        @media (max-width:  map-get($grid-breakpoints, "sm")) {
-            height: calc(100vh - #{$modal-header-height});
-            overflow-y: auto;
-        }
-        .row {
-            &.border-bottom {
-                border-bottom: 0 !important;
-    
-                &:after {
-                    content: "";
-                    display: block;
-                    width: 100%;
-                    height: 1px;
-                    background-color: $bg-default;
-                    margin-left: 15px;
-                    margin-right: 15px;
-                }
-            }
-        }
-    }
-    &__back {
-        display: none;
-
-        @media (max-width:  map-get($grid-breakpoints, "sm")) {
-            flex-shrink: 0;
-            display: block;
-            width: 2rem;
-            text-align: center;
-            margin-right: 1rem;
-        }
-    }
-    &__content {
-        @media (max-width:  map-get($grid-breakpoints, "sm")) {
-            width: 100%;
-            padding-right: 2rem;
-            text-align: center;
-        }
-    }
-}
-.modal-title {
-    @media (min-width:  map-get($grid-breakpoints, "sm")) {
-        font-size: 1.55rem;
-        font-weight: 600;
-    }
+//Gabriel, pode colocar cores e alteracoes aqui, joga as variaveis nesse doc e personaliza aqui, se possivel, comente a linha que elas estão
+//A gente migra junto para evitar perder coisas
+
+.modal {
+    &-content {
+        &.bg-gradient {
+            &-danger {
+                background: $color-danger !important;
+            }
+
+            &-info {
+                background: $color-info !important;
+            }
+            
+            &-success {
+                background: $color-success !important;
+            }
+
+            &-warning {
+                background: $color-warning !important;
+            }
+        }
+    }
+    &-share {
+        .modal-header {
+            padding: 1.5rem;
+        }
+
+        li {
+            .btn {
+                min-width: 4em;
+                height: 4em;
+                padding: 0;
+
+                span {
+                    font-size: 2rem;
+                }
+            }
+            @media screen and (orientation: landscape){
+                display: inline-block;
+                text-align: center;
+
+                .btn {
+                    margin-top: 0;
+                    margin-bottom: .5rem;
+                    margin-left: auto;
+                    margin-right: auto;
+                }
+
+                span {
+                    display: block;
+                }
+
+                &:not(:last-child) {
+                    margin-right: 1rem;
+                }
+            }
+        }
+
+        .input-group-prepend:not(:first-child) > .input-group-text {
+            border-top-right-radius: .25rem;
+            border-bottom-right-radius: .25rem;
+        }
+
+        .input-group-prepend { 
+            border-right: 1px solid rgba(0, 0, 0, 0.2);
+            border-top-right-radius: .25rem;
+            border-bottom-right-radius: .25rem;
+        }
+
+        .form-control {
+            height: auto;
+        }
+    }
+    &-open {
+        padding-right: 17px;
+
+        &::after {
+            @media (min-width:  map-get($grid-breakpoints, "sm")) {
+                content: "";
+                position: fixed;
+                right: 0;
+                top: 0;
+                z-index: 10000;
+                display: block;
+                width:17px;
+                height: 100vh;
+                overflow-y: scroll;
+            }
+        }
+        @media (min-width:  map-get($grid-breakpoints, "sm")) {
+            .navbar.navbar-main.navbar-animated {
+                width: calc(100% - 17px);
+            }
+        }
+    }
+}
+
+//@at-root
+$modal-header-height: 70px;
+
+.no-scroll {
+    .modal-pane {
+        @media (max-width:  map-get($grid-breakpoints, "sm")) {
+            position: relative;
+            z-index: $zindex-modal-backdrop;
+        }
+    }
+}
+.modal-pane {
+    &__header,
+    &__body {
+        padding: 1rem;
+
+        @media (min-width:  map-get($grid-breakpoints, "sm")) {
+            padding: 0;
+        }
+    }
+    &__header {
+        @media (max-width:  map-get($grid-breakpoints, "sm")) {
+            font-size: 1rem !important;
+            height: $modal-header-height;
+            margin-bottom: 0 !important;
+            justify-content: flex-start !important;
+            align-items: center;
+            padding: 1rem !important;
+            background-color: $body-bg;
+        }
+    }
+    &__body {
+        @media (max-width:  map-get($grid-breakpoints, "sm")) {
+            height: calc(100vh - #{$modal-header-height});
+            overflow-y: auto;
+        }
+        .row {
+            &.border-bottom {
+                border-bottom: 0 !important;
+    
+                &:after {
+                    content: "";
+                    display: block;
+                    width: 100%;
+                    height: 1px;
+                    background-color: $bg-default;
+                    margin-left: 15px;
+                    margin-right: 15px;
+                }
+            }
+        }
+    }
+    &__back {
+        display: none;
+
+        @media (max-width:  map-get($grid-breakpoints, "sm")) {
+            flex-shrink: 0;
+            display: block;
+            width: 2rem;
+            text-align: center;
+            margin-right: 1rem;
+        }
+    }
+    &__content {
+        @media (max-width:  map-get($grid-breakpoints, "sm")) {
+            width: 100%;
+            padding-right: 2rem;
+            text-align: center;
+        }
+    }
+}
+.modal-title {
+    @media (min-width:  map-get($grid-breakpoints, "sm")) {
+        font-size: 1.55rem;
+        font-weight: 600;
+    }
 }