@burh/nuxt-core 1.0.7 → 1.0.8

package/assets/sass/burh-ds/_vendors.scss

@@ -1,38 +1,38 @@
-//
-// Vendors
-//
-
-
-@import "../core/vendors/bootstrap-datepicker";
-
-@import "../core/vendors/bootstrap-tagsinput";
-
-@import "../core/vendors/chartjs";
-
-@import "../core/vendors/dropzone";
-
-@import "../core/vendors/element-checkbox";
-
-@import "../core/vendors/element-tables";
-
-@import "../core/vendors/flatpickr";
-
-@import "../core/vendors/fullcalendar";
-
-@import "../core/vendors/vectormap";
-
-@import "../core/vendors/lavalamp";
-
-@import "../core/vendors/nouislider";
-
-@import "../core/vendors/quill";
-
-@import "../core/vendors/scrollbar";
-
-@import "../core/vendors/select";
-
-@import "../core/vendors/sweet-alert-2";
-
-@import "../core/vendors/tags";
-
-
+//
+// Vendors
+//
+
+
+@import "../core/vendors/bootstrap-datepicker";
+
+@import "../core/vendors/bootstrap-tagsinput";
+
+@import "../core/vendors/chartjs";
+
+@import "../core/vendors/dropzone";
+
+@import "../core/vendors/element-checkbox";
+
+@import "../core/vendors/element-tables";
+
+@import "../core/vendors/flatpickr";
+
+@import "../core/vendors/fullcalendar";
+
+@import "../core/vendors/vectormap";
+
+@import "../core/vendors/lavalamp";
+
+@import "../core/vendors/nouislider";
+
+@import "../core/vendors/quill";
+
+@import "../core/vendors/scrollbar";
+
+@import "../core/vendors/select";
+
+@import "../core/vendors/sweet-alert-2";
+
+@import "../core/vendors/tags";
+
+

package/assets/sass/burh-ds/atoms/_badge.scss

@@ -1,5 +1,5 @@
-@each $color, $value in $theme-colors {
-    .badge-outline-#{$color} {
-        @include badge-outline-variant($value);
-    }
-}
+@each $color, $value in $theme-colors {
+    .badge-outline-#{$color} {
+        @include badge-outline-variant($value);
+    }
+}

package/assets/sass/burh-ds/atoms/_buttons.scss

@@ -1,218 +1,218 @@
-.btn, 
-.tag {
-    min-width: 8em;
-    margin: $spacer $spacer $spacer 0;
-    @include button-size($padding-default-y, $padding-default-x, $font-size-default, $line-height-default, $border-radius-default);
-    font-weight: 400;
-    text-align: center;
-
-// APAGAR APOS AJUSTES
-    // &-chevron-left {
-    //     background-color: #fff;
-    //     border: 1px solid #1DA1F1;
-        
-    //     .btn-inner--icon {
-    //         color:#1DA1F1;        
-    //     }
-
-    //     &:hover{
-    //         .btn-inner--icon{
-    //             color: white;
-    //         }
-    //     }
-    // }
-
-    &:first-child {
-        margin-right: 0;
-    }
-    &:last-child {
-        margin-right: 0;
-    }
-    &:not(:last-child) {
-        margin-right: $spacer;
-    }
-
-    &-lg {
-        font-size: $font-size-lg;
-    }
-    &-xl {
-        font-size: $font-size-xl;
-        @include button-size($padding-xl-y, $padding-xl-x, $font-size-xl, $line-height-default, $border-radius-default);
-    }
-    &-sm {
-        font-size: $font-size-sm;
-    }
-    &-xs {
-        @include button-size($padding-xs-y, $padding-xs-x, $font-size-xs, $line-height-default, $border-radius-default);
-        text-transform: uppercase;
-    }
-    &-icon-only {
-        min-width: initial;
-        padding: 0;
-    }
-
-    //disabled button
-
-    &-disabled {
-        background-color: lighten($border-color, 2%);
-
-        &,
-        &:hover,
-        &:focus,
-        &:active {
-            box-shadow: none;
-            color: darken($border-color, 5%);
-            transform: none;
-            cursor: default;
-        }
-
-        &:not(:disabled) {
-            &:not(.disabled) {
-                &:active,
-                &.active {
-                    &:focus {
-                        box-shadow: none;
-                        color: darken($border-color, 5%);
-                        transform: none;
-                        cursor: default;
-                    }
-                }
-            }
-        }
-    }
-
-    &-outline {        
-        &-disabled {
-            color: darken($border-color, 4%);
-            border-color: darken($border-color, 4%);
-            
-            &:hover,
-            &:focus,
-            &.focus
-            &:active {
-                color: darken($border-color, 4%);
-                border-color: darken($border-color, 4%);
-                box-shadow: none;
-                transform: none;
-                cursor: not-allowed;
-            }
-
-
-            &:not(:disabled) {
-                &:not(.disabled) {
-                    &:active,
-                    &.active {
-                        &:focus {
-                            color: darken($border-color, 4%);
-                            border-color: darken($border-color, 4%);
-                            box-shadow: none;
-                            transform: none;
-                            cursor: not-allowed;
-                        }
-                    }
-                }
-            }
-        }
-
-    }
-
-    &-linkedin {
-        color: #fff;
-        box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
-        &,
-        &:active,
-        &:hover,
-        &:focus {
-            background-color: #0077b5;
-            border-color: #0077b5;
-        }
-    }
-
-    &-whatsapp {
-        color: #fff;
-        box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
-        &,
-        &:active,
-        &:hover,
-        &:focus {
-            background-color: #25d366;
-            border-color: #25d366;
-        }
-    }
-}
-
-//
-//btn group
-.btn-group {
-    &,
-    &:not(:last-child) {  
-        margin-right: $spacer;
-    }
-    &:last-child {
-        margin-right: 0;
-    }
-
-    .btn {
-        min-width: initial;
-        padding-left: 1em;
-        padding-right: 1em;
-        margin-right: 0;
-
-        &:first-child {
-            padding-left: 1.5em;
-        }
-        &:last-child {
-            padding-right: 1.5em;
-        }
-    }
-}
-
-// button left and right with icon to navigation
-
-.tag {
-    //border: 0;
-    min-width: initial;
-    border-radius: 3px;
-    margin-top: 0;
-    padding-right: 1em;
-    padding-left: 1em;
-}
-
-//
-// Alternate buttons
-//
-@each $color, $value in $theme-colors {
-    .tag-#{$color} {
-        @include button-variant($value, $value);
-    }
-}
-
-@each $color, $value in $theme-colors {
-    .tag-outline-#{$color} {
-        @include button-outline-variant($value);
-
-        &.tag-static {
-            &,
-            &:hover,
-            &:focus,
-            &:active {
-                background-color: transparent !important;
-                color: #{$value} !important;
-                cursor: default;
-                outline: none;
-                box-shadow: none;
-            }
-        }
-    }
-}
-
-.btn-link {
-    box-shadow: none;
-
-    &:hover,
-    &:focus,
-    &:active {
-        box-shadow: none !important;
-        transform: none;
-    }
+.btn, 
+.tag {
+    min-width: 8em;
+    margin: $spacer $spacer $spacer 0;
+    @include button-size($padding-default-y, $padding-default-x, $font-size-default, $line-height-default, $border-radius-default);
+    font-weight: 400;
+    text-align: center;
+
+// APAGAR APOS AJUSTES
+    // &-chevron-left {
+    //     background-color: #fff;
+    //     border: 1px solid #1DA1F1;
+        
+    //     .btn-inner--icon {
+    //         color:#1DA1F1;        
+    //     }
+
+    //     &:hover{
+    //         .btn-inner--icon{
+    //             color: white;
+    //         }
+    //     }
+    // }
+
+    &:first-child {
+        margin-right: 0;
+    }
+    &:last-child {
+        margin-right: 0;
+    }
+    &:not(:last-child) {
+        margin-right: $spacer;
+    }
+
+    &-lg {
+        font-size: $font-size-lg;
+    }
+    &-xl {
+        font-size: $font-size-xl;
+        @include button-size($padding-xl-y, $padding-xl-x, $font-size-xl, $line-height-default, $border-radius-default);
+    }
+    &-sm {
+        font-size: $font-size-sm;
+    }
+    &-xs {
+        @include button-size($padding-xs-y, $padding-xs-x, $font-size-xs, $line-height-default, $border-radius-default);
+        text-transform: uppercase;
+    }
+    &-icon-only {
+        min-width: initial;
+        padding: 0;
+    }
+
+    //disabled button
+
+    &-disabled {
+        background-color: lighten($border-color, 2%);
+
+        &,
+        &:hover,
+        &:focus,
+        &:active {
+            box-shadow: none;
+            color: darken($border-color, 5%);
+            transform: none;
+            cursor: default;
+        }
+
+        &:not(:disabled) {
+            &:not(.disabled) {
+                &:active,
+                &.active {
+                    &:focus {
+                        box-shadow: none;
+                        color: darken($border-color, 5%);
+                        transform: none;
+                        cursor: default;
+                    }
+                }
+            }
+        }
+    }
+
+    &-outline {        
+        &-disabled {
+            color: darken($border-color, 4%);
+            border-color: darken($border-color, 4%);
+            
+            &:hover,
+            &:focus,
+            &.focus
+            &:active {
+                color: darken($border-color, 4%);
+                border-color: darken($border-color, 4%);
+                box-shadow: none;
+                transform: none;
+                cursor: not-allowed;
+            }
+
+
+            &:not(:disabled) {
+                &:not(.disabled) {
+                    &:active,
+                    &.active {
+                        &:focus {
+                            color: darken($border-color, 4%);
+                            border-color: darken($border-color, 4%);
+                            box-shadow: none;
+                            transform: none;
+                            cursor: not-allowed;
+                        }
+                    }
+                }
+            }
+        }
+
+    }
+
+    &-linkedin {
+        color: #fff;
+        box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
+        &,
+        &:active,
+        &:hover,
+        &:focus {
+            background-color: #0077b5;
+            border-color: #0077b5;
+        }
+    }
+
+    &-whatsapp {
+        color: #fff;
+        box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
+        &,
+        &:active,
+        &:hover,
+        &:focus {
+            background-color: #25d366;
+            border-color: #25d366;
+        }
+    }
+}
+
+//
+//btn group
+.btn-group {
+    &,
+    &:not(:last-child) {  
+        margin-right: $spacer;
+    }
+    &:last-child {
+        margin-right: 0;
+    }
+
+    .btn {
+        min-width: initial;
+        padding-left: 1em;
+        padding-right: 1em;
+        margin-right: 0;
+
+        &:first-child {
+            padding-left: 1.5em;
+        }
+        &:last-child {
+            padding-right: 1.5em;
+        }
+    }
+}
+
+// button left and right with icon to navigation
+
+.tag {
+    //border: 0;
+    min-width: initial;
+    border-radius: 3px;
+    margin-top: 0;
+    padding-right: 1em;
+    padding-left: 1em;
+}
+
+//
+// Alternate buttons
+//
+@each $color, $value in $theme-colors {
+    .tag-#{$color} {
+        @include button-variant($value, $value);
+    }
+}
+
+@each $color, $value in $theme-colors {
+    .tag-outline-#{$color} {
+        @include button-outline-variant($value);
+
+        &.tag-static {
+            &,
+            &:hover,
+            &:focus,
+            &:active {
+                background-color: transparent !important;
+                color: #{$value} !important;
+                cursor: default;
+                outline: none;
+                box-shadow: none;
+            }
+        }
+    }
+}
+
+.btn-link {
+    box-shadow: none;
+
+    &:hover,
+    &:focus,
+    &:active {
+        box-shadow: none !important;
+        transform: none;
+    }
 }