urania/gnosis-css
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
urania 2024-07-04 09:07:29 +00:00
parent 385f959068
commit 024aa48ff7
7 changed files with 544 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

369
css/compiled.css
View File

@ -1,8 +1,4 @@
@charset "UTF-8"; @charset "UTF-8";
:root {
--bs-badge-border-radius: var(--bs-badge-border-radius);
}
:root, :root,
[data-bs-theme=light] { [data-bs-theme=light] {
--bs-blue: #0d6efd; --bs-blue: #0d6efd;
@ -1489,7 +1485,7 @@ smaller,
.g-sidebar { .g-sidebar {
--bs-sidebar-border-width: 0 1px 0 0; --bs-sidebar-border-width: 0 1px 0 0;
--bs-sidebar-border-style: solid; --bs-sidebar-border-style: solid;
--bs-sidebar-border-color: rgba(0, 0, 0, 0.25); --bs-sidebar-border-color: rgba(0, 0, 0, 0.125);
--bs-sidebar-mobile-border-width: 1px 0 0; --bs-sidebar-mobile-border-width: 1px 0 0;
--bs-sidebar-item-border-width: 0 0 1px 0; --bs-sidebar-item-border-width: 0 0 1px 0;
display: flex; display: flex;
@ -2227,7 +2223,7 @@ progress {
} }
.display-6 { .display-6 {
font-size: calc(1.25625rem + 0.075vw); font-size: calc(1.2625rem + 0.15vw);
font-family: "Cormorant", serif; font-family: "Cormorant", serif;
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
@ -2235,7 +2231,7 @@ progress {
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.display-6 { .display-6 {
font-size: 1.3125rem; font-size: 1.375rem;
} }
} }
@ -4620,9 +4616,9 @@ textarea.form-control-lg {
.btn { .btn {
--bs-btn-padding-x: 0.75rem; --bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem; --bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ; --bs-btn-font-family: Libre Franklin, sans-serif;
--bs-btn-font-size: 1rem; --bs-btn-font-size: 0.875rem;
--bs-btn-font-weight: 400; --bs-btn-font-weight: 500;
--bs-btn-line-height: 1.5; --bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color); --bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent; --bs-btn-bg: transparent;
@ -5910,16 +5906,23 @@ textarea.form-control-lg {
} }
.badge { .badge {
--bs-badge-padding-x: 0.65em; transition: all 0.25s ease-in;
--bs-badge-padding-x: 0.5rem;
--bs-badge-padding-y: 0.35em; --bs-badge-padding-y: 0.35em;
--bs-badge-font-size: 0.75em; --bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700; --bs-badge-font-weight: 500;
--bs-badge-color: #fff; --bs-badge-font-family: Libre Franklin, sans-serif;
--bs-badge-border-radius: var(--bs-border-radius); --bs-badge-color: rgba(var(--bs-primary-rgb), 1);
--bs-badge-border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity, 0.5));
--bs-badge-border-radius: 4px 4px 8px 4px;
--bs-badge-border: 1px solid rgba(var(--bs-primary-rgb), var(--bs-border-opacity, 0.5));
--bs-badge-hover-color: white;
border: var(--bs-badge-border);
display: inline-block; display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size); font-size: var(--bs-badge-font-size);
font-weight: var(--bs-badge-font-weight); font-weight: var(--bs-badge-font-weight);
font-family: var(--bs-badge-font-family);
line-height: 1; line-height: 1;
color: var(--bs-badge-color); color: var(--bs-badge-color);
text-align: center; text-align: center;
@ -5930,6 +5933,11 @@ textarea.form-control-lg {
.badge:empty { .badge:empty {
display: none; display: none;
} }
.badge:hover {
--bs-border-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), 1);
color: var(--bs-badge-hover-color, white);
}
.btn .badge { .btn .badge {
position: relative; position: relative;
@ -7908,6 +7916,339 @@ textarea.form-control-lg {
mask-position: -200% 0%; mask-position: -200% 0%;
} }
} }
.clearfix::after {
display: block;
clear: both;
content: "";
}
.text-bg-primary {
color: #fff !important;
background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
color: #000 !important;
background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
color: #000 !important;
background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
color: #000 !important;
background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
color: #000 !important;
background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
color: #fff !important;
background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
color: #000 !important;
background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
color: #fff !important;
background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
color: RGBA(0, 75, 147, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(0, 75, 147, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
color: RGBA(237, 99, 189, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(237, 99, 189, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
color: RGBA(172, 223, 51, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(172, 223, 51, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
color: RGBA(103, 197, 235, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(103, 197, 235, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
color: RGBA(255, 210, 86, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(255, 210, 86, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
color: RGBA(174, 33, 22, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(174, 33, 22, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
color: RGBA(255, 250, 234, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(255, 250, 234, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
color: RGBA(41, 40, 37, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(41, 40, 37, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
outline: 0;
box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
display: inline-flex;
gap: 0.375rem;
align-items: center;
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
text-underline-offset: 0.25em;
backface-visibility: hidden;
}
.icon-link > .bi {
flex-shrink: 0;
width: 1em;
height: 1em;
fill: currentcolor;
transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
.icon-link > .bi {
transition: none;
}
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio-1x1 {
--bs-aspect-ratio: 100%;
}
.ratio-4x3 {
--bs-aspect-ratio: 75%;
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-sm-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-md-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-lg-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xl-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xxl-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
position: absolute !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vr {
display: inline-block;
align-self: stretch;
width: var(--bs-border-width);
min-height: 1em;
background-color: currentcolor;
opacity: 0.25;
}
.bg-primary-100 { .bg-primary-100 {
background-color: #ccdff1; background-color: #ccdff1;
color: #33322e; color: #33322e;

2
css/compiled.css.map
View File

File diff suppressed because one or more lines are too long

2
css/compiled.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/compiled.min.css.map
View File

File diff suppressed because one or more lines are too long

97
css/scss/base.scss
View File

@ -1,62 +1,65 @@
@use "sass:math"; @use "sass:math";
@import '../node_modules/bootstrap/scss/functions'; @import "../node_modules/bootstrap/scss/functions";
// override variables // override variables
@import './bootstrap/variables'; @import "./bootstrap/variables";
@import '../node_modules/bootstrap/scss/variables'; @import "../node_modules/bootstrap/scss/variables";
@import '../node_modules/bootstrap/scss/variables-dark'; @import "../node_modules/bootstrap/scss/variables-dark";
// override maps // override maps
@import './bootstrap/maps'; @import "./bootstrap/maps";
@import '../node_modules/bootstrap/scss/maps'; @import "../node_modules/bootstrap/scss/maps";
@import '../node_modules/bootstrap/scss/mixins'; @import "../node_modules/bootstrap/scss/mixins";
@import '../node_modules/bootstrap/scss/root'; @import "../node_modules/bootstrap/scss/root";
@import '../node_modules/bootstrap/scss/utilities'; @import "../node_modules/bootstrap/scss/utilities";
@import '../node_modules/bootstrap/scss/reboot'; @import "../node_modules/bootstrap/scss/reboot";
// override typography // override typography
@import './bootstrap/typography'; @import "./bootstrap/typography";
@import './bootstrap/accordion'; @import "./bootstrap/accordion";
@import './bootstrap/nav'; @import "./bootstrap/nav";
@import './bootstrap/navbar'; @import "./bootstrap/navbar";
@import './bootstrap/g-components/sidebar'; @import "./bootstrap/g-components/sidebar";
@import '../node_modules/bootstrap/scss/root'; @import "../node_modules/bootstrap/scss/root";
@import '../node_modules/bootstrap/scss/reboot'; @import "../node_modules/bootstrap/scss/reboot";
@import '../node_modules/bootstrap/scss/type'; @import "../node_modules/bootstrap/scss/type";
@import '../node_modules/bootstrap/scss/images'; @import "../node_modules/bootstrap/scss/images";
@import '../node_modules/bootstrap/scss/containers'; @import "../node_modules/bootstrap/scss/containers";
@import '../node_modules/bootstrap/scss/grid'; @import "../node_modules/bootstrap/scss/grid";
@import '../node_modules/bootstrap/scss/tables'; @import "../node_modules/bootstrap/scss/tables";
@import '../node_modules/bootstrap/scss/forms'; @import "../node_modules/bootstrap/scss/forms";
@import '../node_modules/bootstrap/scss/buttons'; @import "../node_modules/bootstrap/scss/buttons";
@import '../node_modules/bootstrap/scss/transitions'; @import "../node_modules/bootstrap/scss/transitions";
@import '../node_modules/bootstrap/scss/dropdown'; @import "../node_modules/bootstrap/scss/dropdown";
@import '../node_modules/bootstrap/scss/button-group'; @import "../node_modules/bootstrap/scss/button-group";
@import '../node_modules/bootstrap/scss/card'; @import "../node_modules/bootstrap/scss/card";
@import '../node_modules/bootstrap/scss/accordion'; @import "../node_modules/bootstrap/scss/accordion";
@import '../node_modules/bootstrap/scss/breadcrumb'; @import "../node_modules/bootstrap/scss/breadcrumb";
@import '../node_modules/bootstrap/scss/pagination'; @import "../node_modules/bootstrap/scss/pagination";
@import '../node_modules/bootstrap/scss/badge'; @import "./bootstrap/badge";
@import '../node_modules/bootstrap/scss/alert'; @import "../node_modules/bootstrap/scss/alert";
@import '../node_modules/bootstrap/scss/progress'; @import "../node_modules/bootstrap/scss/progress";
@import '../node_modules/bootstrap/scss/list-group'; @import "../node_modules/bootstrap/scss/list-group";
@import '../node_modules/bootstrap/scss/close'; @import "../node_modules/bootstrap/scss/close";
@import '../node_modules/bootstrap/scss/toasts'; @import "../node_modules/bootstrap/scss/toasts";
@import '../node_modules/bootstrap/scss/modal'; @import "../node_modules/bootstrap/scss/modal";
@import '../node_modules/bootstrap/scss/tooltip'; @import "../node_modules/bootstrap/scss/tooltip";
@import '../node_modules/bootstrap/scss/popover'; @import "../node_modules/bootstrap/scss/popover";
@import '../node_modules/bootstrap/scss/carousel'; @import "../node_modules/bootstrap/scss/carousel";
@import '../node_modules/bootstrap/scss/spinners'; @import "../node_modules/bootstrap/scss/spinners";
@import '../node_modules/bootstrap/scss/offcanvas'; @import "../node_modules/bootstrap/scss/offcanvas";
@import '../node_modules/bootstrap/scss/placeholders'; @import "../node_modules/bootstrap/scss/placeholders";
@import './bootstrap/utilities';
@import "../node_modules/bootstrap/scss/helpers";
@import "./bootstrap/utilities";
@function contrast-ratio($color1, $color2) { @function contrast-ratio($color1, $color2) {
$luminance1: luminance($color1); $luminance1: luminance($color1);
@ -65,7 +68,7 @@
@return if( @return if(
$luminance1 > $luminance2, $luminance1 > $luminance2,
math.div($luminance1 + 0.05, $luminance2 + 0.05), math.div($luminance1 + 0.05, $luminance2 + 0.05),
math.div($luminance2 + 0.05,$luminance1 + 0.05), math.div($luminance2 + 0.05, $luminance1 + 0.05)
); );
} }
@ -139,7 +142,7 @@
} }
} }
@import '../node_modules/bootstrap/scss/utilities/api'; @import "../node_modules/bootstrap/scss/utilities/api";
* { * {
box-sizing: border-box; box-sizing: border-box;

49
css/scss/bootstrap/_badge.scss Normal file
View File

@ -0,0 +1,49 @@
// Base class
//
// Requires one of the contextual, color modifier classes for `color` and
// `background-color`.
.badge {
transition: all 0.25s ease-in;
// scss-docs-start badge-css-vars
--#{$prefix}badge-padding-x: #{$badge-padding-x};
--#{$prefix}badge-padding-y: #{$badge-padding-y};
@include rfs($badge-font-size, --#{$prefix}badge-font-size);
--#{$prefix}badge-font-weight: #{$badge-font-weight};
--#{$prefix}badge-font-family: #{$badge-font-family};
--#{$prefix}badge-color: #{$badge-color};
--#{$prefix}badge-border-color: #{$badge-border-color};
--#{$prefix}badge-border-radius: #{$badge-border-radius};
--#{$prefix}badge-border: #{$badge-border};
--#{$prefix}badge-hover-color: white;
// scss-docs-end badge-css-vars
border: var(--#{$prefix}badge-border);
display: inline-block;
padding: var(--#{$prefix}badge-padding-y) var(--#{$prefix}badge-padding-x);
@include font-size(var(--#{$prefix}badge-font-size));
font-weight: var(--#{$prefix}badge-font-weight);
font-family: var(--#{$prefix}badge-font-family);
line-height: 1;
color: var(--#{$prefix}badge-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
@include border-radius(var(--#{$prefix}badge-border-radius));
@include gradient-bg();
// Empty badges collapse automatically
&:empty {
display: none;
}
&:hover {
--#{$prefix}border-opacity: 1;
background-color: #{$badge-color};
color: var(--#{$prefix}badge-hover-color, white);
}
}
// Quick fix for badges in buttons
.btn .badge {
position: relative;
top: -1px;
}

19
css/scss/bootstrap/_variables.scss
View File

@ -20,14 +20,17 @@ $font-family-sans: 'Libre Franklin', sans-serif;
$font-family-code: 'Azeret Mono', monospace; $font-family-code: 'Azeret Mono', monospace;
$display-font-family: 'Cormorant', serif; $display-font-family: 'Cormorant', serif;
$headings-font-family: 'Libre Franklin', sans-serif; $headings-font-family: 'Libre Franklin', sans-serif;
$btn-font-family: #{$headings-font-family};
$headings-font-bold: 700 !important; $headings-font-bold: 700 !important;
$headings-font-medium: 500 !important; $headings-font-medium: 500 !important;
$font-weight-black: 900; $font-weight-black: 900;
$btn-font-weight: 500;
$font-size-base: 1rem; $font-size-base: 1rem;
$small-font-size: 0.875em; $small-font-size: 0.875em;
$smaller-font-size: 10px; $smaller-font-size: 10px;
$code-font-size: 0.85em; $code-font-size: 0.85em;
$btn-font-size: 0.875rem;
$h1-font-size: $font-size-base * 2.5; $h1-font-size: $font-size-base * 2.5;
$h2-font-size: $font-size-base * 2; $h2-font-size: $font-size-base * 2;
@ -46,7 +49,7 @@ $display-font-sizes: (
3: 39px, 3: 39px,
4: 33px, 4: 33px,
5: 27px, 5: 27px,
6: 21px 6: 22px
) !default; ) !default;
$font-sizes: ( $font-sizes: (
@ -104,16 +107,22 @@ $nav-link-padding-y: 0.25rem;
$nav-item-font-size: 1.25rem; $nav-item-font-size: 1.25rem;
:root { $badge-border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity, 0.5));
--#{$prefix}badge-border-radius: var(--#{$prefix}badge-border-radius); $badge-color: rgba(var(--bs-primary-rgb), 1);
} $badge-border: 1px solid #{$badge-border-color};
$badge-border-radius: 4px 4px 8px 4px;
$badge-font-weight: 500;
$badge-font-family: #{$headings-font-family};
$badge-padding-x: 0.5rem;
$link-color: $dark; $link-color: $dark;
$gnosis-sidebar-border-width: 0 1px 0 0; $gnosis-sidebar-border-width: 0 1px 0 0;
$gnosis-sidebar-mobile-border-width: 1px 0 0; $gnosis-sidebar-mobile-border-width: 1px 0 0;
$gnosis-sidebar-border-style: solid; $gnosis-sidebar-border-style: solid;
$gnosis-sidebar-border-color: rgba(0, 0, 0, 0.25); $gnosis-sidebar-border-color: rgba(0, 0, 0, 0.125);
$gnosis-sidebar-item-border-width: 0 0 1px 0; $gnosis-sidebar-item-border-width: 0 0 1px 0;
$gnosis-sidebar-item-status-width: 2px 0 0 0;
$grid-row-columns: 12; $grid-row-columns: 12;
$enable-grid: true;