rem usage

This commit is contained in:
Yuri Kuznetsov
2024-10-29 16:41:00 +02:00
parent 0a2f9b1516
commit 8eaef843d0
10 changed files with 45 additions and 52 deletions

View File

@@ -1,5 +1,5 @@
body[data-navbar="side"].minimized.side-menu-opened {
#navbar > .navbar {
border-right: 1px solid var(--gray-dark);
border-right: var(--1px) solid var(--gray-dark);
}
}

View File

@@ -135,7 +135,7 @@
@default-box-shadow-value: none;
@dropdown-box-shadow-value: none;
@border-radius-value: 6px;
@border-radius-small-value: 3px;
@panel-border-radius-value: 8px;
@dropdown-border-radius-value: 5px;
@border-radius-value: var(--6px);
@border-radius-small-value: var(--3px);
@panel-border-radius-value: var(--8px);
@dropdown-border-radius-value: var(--5px);

View File

@@ -1,3 +1,3 @@
@border-radius-value: 5px;
@panel-border-radius-value: 5px;
@dropdown-border-radius-value: 3px;
@border-radius-value: var(--6px);
@panel-border-radius-value: var(--6px);
@dropdown-border-radius-value: var(--4px);

View File

@@ -198,7 +198,7 @@
@dropdown-link-hover-color-value: darken(@gray-dark-value, 5%);
@dropdown-link-hover-bg-value: #f5f5f5;
@dropdown-border-value: @default-border-color-value;
@dropdown-border-width-value: 1px;
@dropdown-border-width-value: var(--1px);
@dropdown-divider-bg-value: #e5e5e5;
@dropdown-box-shadow-value: 0 4px 6px rgba(0, 0, 0, 0.11);
@@ -230,13 +230,13 @@
@collapsed-modal-bg-value: @gray-soft-value;
@collapsed-modal-text-color-value: @text-white-color-value;
@btn-xs-wide-width-value: 65px;
@btn-s-wide-width-value: 80px;
@btn-wide-width-value: 100px;
@btn-x-wide-width-value: 150px;
@btn-xx-wide-width-value: 200px;
@btn-xs-wide-width-value: var(--65px);
@btn-s-wide-width-value: var(--80px);
@btn-wide-width-value: var(--100px);
@btn-x-wide-width-value: var(--150px);
@btn-xx-wide-width-value: var(--200px);
@border-radius-value: 6px;
@border-radius-small-value: 4px;
@panel-border-radius-value: 8px;
@dropdown-border-radius-value: 6px;
@border-radius-value: var(--6px);
@border-radius-small-value: var(--4px);
@panel-border-radius-value: var(--8px);
@dropdown-border-radius-value: var(--6px);

View File

@@ -8,7 +8,7 @@
body[data-navbar="side"].minimized.side-menu-opened {
#navbar > .navbar {
border-right: 1px solid var(--panel-default-border);
border-right: var(--1px) solid var(--panel-default-border);
backdrop-filter: @backdrop-filter-2;
.navbar-body {
@@ -120,7 +120,7 @@ body {
.stick-sub,
.sticked-bar{
backdrop-filter: @backdrop-filter !important;
border-bottom: 1px solid var(--panel-default-border);
border-bottom: var(--1px) solid var(--panel-default-border);
}
.list {
@@ -162,7 +162,7 @@ body {
}
.complex-text-container.cut > .complex-text::before {
height: 20px;
height: var(--20px);
background: none;
backdrop-filter: blur(1px);
}
@@ -196,14 +196,8 @@ select.form-control > option {
}
}
/*.calendar {
td.fc-day-top.fc-today {
background-color: transparent !important;
}
}*/
.popup-notification {
border-width: 1px;
border-width: var(--1px);
backdrop-filter: @backdrop-filter;
}

View File

@@ -154,11 +154,11 @@
@dropdown-box-shadow-value: 14px 9px 15px -3px rgba(0,0,0,0.1);
@top-bar-box-shadow-value: 6px 6px 4px rgba(0, 0, 0, 0.02);
@border-radius-value: 6px;
@panel-border-radius-value: 10px;
@dropdown-border-radius-value: 6px;
@border-radius-value: var(--6px);
@panel-border-radius-value: var(--10px);
@dropdown-border-radius-value: var(--6px);
@panel-border-width-value: 1px;
@panel-border-width-value: var(--1px);
@panel-default-border-value: #a587ab42;
@panel-warning-border-value: @panel-default-border-value;

View File

@@ -57,7 +57,7 @@
@panel-border-width-value: 0px;
@default-box-shadow-value: 2px 2px 4px rgba(0,0,0,0.09);
@border-radius-value: 5px;
@border-radius-small-value: 4px;
@panel-border-radius-value: 8px;
@dropdown-border-radius-value: 6px;
@border-radius-value: var(--5px);
@border-radius-small-value: var(--4px);
@panel-border-radius-value: var(--8px);
@dropdown-border-radius-value: var(--6px);

View File

@@ -40,8 +40,7 @@
@navbar-inverse-border-value: @default-border-color-value;
@navbar-border-width-value: 1px;
@navbar-border-width-value: var(--1px);
@default-heading-bg-color-value: #f2f8fc;
@@ -66,11 +65,11 @@
@btn-primary-active-bg-value: darken(@btn-primary-bg-value, 15%);
@btn-primary-active-border-value: darken(@btn-primary-bg-value, 18%);
@border-radius-value: 6px;
@panel-border-radius-value: 10px;
@dropdown-border-radius-value: 6px;
@border-radius-value: var(--6px);
@panel-border-radius-value: var(--10px);
@dropdown-border-radius-value: var(--6px);
@dropdown-border-width-value: 1px;
@panel-border-width-value: 1px;
@dropdown-border-width-value: var(--1px);
@panel-border-width-value: var(--1px);
@default-box-shadow-value: 1px 1px 3px rgba(0,0,0,0.04);
@default-box-shadow-value: 1px 1px 3px rgba(0, 0, 0, 0.04);

View File

@@ -54,11 +54,11 @@
@select-item-border-value: @btn-default-border-value;
@border-radius-value: 6px;
@panel-border-radius-value: 10px;
@dropdown-border-radius-value: 6px;
@border-radius-value: var(--6px);
@panel-border-radius-value: var(--10px);
@dropdown-border-radius-value: var(--6px);
@dropdown-border-width-value: 1px;
@dropdown-border-width-value: var(--1px);
@panel-border-width-value: 0px;
@default-box-shadow-value: 2px 2px 4px rgba(0,0,0,0.09);

View File

@@ -47,11 +47,11 @@
@btn-primary-active-bg-value: darken(@btn-primary-bg-value, 15%);
@btn-primary-active-border-value: darken(@btn-primary-bg-value, 18%);
@border-radius-value: 6px;
@panel-border-radius-value: 10px;
@dropdown-border-radius-value: 6px;
@border-radius-value: var(--6px);
@panel-border-radius-value: var(--10px);
@dropdown-border-radius-value: var(--6px);
@dropdown-border-width-value: 1px;
@dropdown-border-width-value: var(--1px);
@panel-border-width-value: 0px;
@default-box-shadow-value: 2px 2px 4px rgba(0,0,0,0.09);