diff --git a/app/assets/styles/main.scss b/app/assets/styles/main.scss index f913c50..d7275f2 100644 --- a/app/assets/styles/main.scss +++ b/app/assets/styles/main.scss @@ -126,12 +126,6 @@ $size: ( // 4. CUSTOM CLASSES // ========================================== -.header-logo { - background: url('/logo_dev.png') no-repeat center center; - background-size: 40px; - width: 50px; -} - // Block Layout .blockdiv { max-width: 1900px !important; diff --git a/app/assets/styles/overrides-components.scss b/app/assets/styles/overrides-components.scss index 194b8a1..3928e53 100644 --- a/app/assets/styles/overrides-components.scss +++ b/app/assets/styles/overrides-components.scss @@ -3,4 +3,14 @@ .card { --bulma-card-shadow: none; border: 1px solid $grey-lighter; -} \ No newline at end of file +} + +:root { + // somehow this value keeps picking dark mode values despite [data-theme]="light" + --bulma-hr-background-color: var(--bulma-grey-90); +} + +// might break lots of stuff +// .skeleton-block:not(:last-child), .media:not(:last-child), .level:not(:last-child), .fixed-grid:not(:last-child), .grid:not(:last-child), .tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .card:not(:last-child), .breadcrumb:not(:last-child), .field:not(:last-child), .file:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .tags:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .buttons:not(:last-child), .box:not(:last-child), .block:not(:last-child) { +// margin-bottom: inherit; +// } \ No newline at end of file diff --git a/app/assets/styles/utils.scss b/app/assets/styles/utils.scss index cac4940..1e5f4bf 100644 --- a/app/assets/styles/utils.scss +++ b/app/assets/styles/utils.scss @@ -59,49 +59,20 @@ border-radius: calc(infinity * 1px); } -$base: 0.25rem; - -@function spacing($step) { - @return $step * $base; +.static { + position: static; } - -$spacing-types: ( - "p": "padding", - "m": "margin", -); - -$spacing-variants: ( - "": (""), - "x": ("-left", "-right"), - "y": ("-top", "-bottom"), - "t": ("-top"), - "b": ("-bottom"), - "l": ("-left"), - "r": ("-right"), -); - -@each $type-prefix, $type in $spacing-types { - @each $dir-suffix, $sides in $spacing-variants { - @for $i from 0 through 48 { - // Whole step: p-0, p-1, p-2 ... - .#{$type-prefix}#{$dir-suffix}-#{$i} { - @each $side in $sides { - #{$type}#{$side}: spacing($i); - } - } - - // Half step: p-0\.5, p-1\.5, p-2\.5 ... - // Stop at 47.5 — 48.5 would exceed the scale - @if $i < 48 { - .#{$type-prefix}#{$dir-suffix}-#{$i}\.5 { - @each $side in $sides { - #{$type}#{$side}: spacing($i + 0.5); - } - } - } - - } - } +.fixed { + position: fixed; +} +.absolute { + position: absolute; +} +.relative { + position: relative; +} +.sticky { + position: sticky; } // ─── CSS custom properties ───────────────────────────────────────────────── @@ -199,7 +170,7 @@ $containers: ( // These are identical in value across w-, h-, and size- $shared-keywords: ( "auto": auto, - "px": 1px, + "px": 1px, "full": 100%, "min": min-content, "max": max-content, @@ -233,5 +204,5 @@ $viewport-keywords: ( } } -.w-screen { width: 100vw; } +.w-screen { width: 100vw; } .h-screen { height: 100vh; } \ No newline at end of file diff --git a/app/components/TopMenu.vue b/app/components/TopMenu.vue index 2be1a41..2eb241b 100644 --- a/app/components/TopMenu.vue +++ b/app/components/TopMenu.vue @@ -35,7 +35,7 @@ diff --git a/app/components/datepicker/PickDay.vue b/app/components/datepicker/PickDay.vue index cbdd030..9f27dd5 100644 --- a/app/components/datepicker/PickDay.vue +++ b/app/components/datepicker/PickDay.vue @@ -1,6 +1,6 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/app/layouts/default.vue b/app/layouts/default.vue index 59d43b0..410abbb 100644 --- a/app/layouts/default.vue +++ b/app/layouts/default.vue @@ -1,6 +1,7 @@