Browse Source

Don't use opional @extends

Not robust at all
develop
Chocobozzz 2 days ago
parent
commit
72cd9f303a
No known key found for this signature in database GPG Key ID: 583A612D890159BE
4 changed files with 41 additions and 20 deletions
  1. +7
    -14
      client/src/sass/class-helpers.scss
  2. +4
    -0
      client/src/sass/include/_fonts.scss
  3. +24
    -0
      client/src/sass/include/_icons.scss
  4. +6
    -6
      client/src/sass/primeng-custom.scss

+ 7
- 14
client/src/sass/class-helpers.scss View File

@@ -2,6 +2,7 @@
@use '_mixins' as *;
@use '_badges' as *;
@use '_icons' as *;
@use '_fonts' as *;

.link-orange {
color: pvar(--mainForegroundColor);
@@ -62,7 +63,7 @@
// ---------------------------------------------------------------------------

.muted {
color: pvar(--greyForegroundColor) !important;
@include muted;
}

// ---------------------------------------------------------------------------
@@ -111,7 +112,7 @@
}

.form-group-description {
@extend .muted !optional;
@include muted;

font-size: 14px;
margin-top: 10px;
@@ -219,27 +220,19 @@ label + .form-group-description {
// ---------------------------------------------------------------------------

.chevron-down {
@include chevron-down(0.55rem, 0.15rem);

margin: 0 8px;
@include chevron-down-default;
}

.chevron-up {
@include chevron-up(0.55rem, 0.15rem);

margin: 0 8px;
@include chevron-up-default;
}

.chevron-right {
@include chevron-right(0.55rem, 0.15rem);

margin: 0 8px;
@include chevron-right-default;
}

.chevron-left {
@include chevron-left(0.55rem, 0.15rem);

margin: 0 8px;
@include chevron-left-default;
}

// ---------------------------------------------------------------------------


+ 4
- 0
client/src/sass/include/_fonts.scss View File

@@ -15,3 +15,7 @@
font-display: swap;
src: url('../fonts/source-sans/WOFF2/VAR/SourceSans3VF-Italic.ttf.woff2') format('woff2');
}

@mixin muted {
color: pvar(--greyForegroundColor) !important;
}

+ 24
- 0
client/src/sass/include/_icons.scss View File

@@ -18,6 +18,12 @@
transform: rotate(45deg);
}

@mixin chevron-right-default {
@include chevron-right(0.55rem, 0.15rem);

margin: 0 8px;
}

@mixin chevron-down ($size, $border-width) {
@include chevron($size, $border-width);

@@ -25,6 +31,12 @@
transform: rotate(135deg);
}

@mixin chevron-down-default {
@include chevron-down(0.55rem, 0.15rem);

margin: 0 8px;
}

@mixin chevron-up ($size, $border-width) {
@include chevron($size, $border-width);

@@ -32,6 +44,12 @@
transform: rotate(-45deg);
}

@mixin chevron-up-default {
@include chevron-up(0.55rem, 0.15rem);

margin: 0 8px;
}

@mixin chevron-left ($size, $border-width) {
@include chevron($size, $border-width);

@@ -39,6 +57,12 @@
transform: rotate(-135deg);
}

@mixin chevron-left-default {
@include chevron-left(0.55rem, 0.15rem);

margin: 0 8px;
}

// ---------------------------------------------------------------------------

@mixin arrow-up ($size) {


+ 6
- 6
client/src/sass/primeng-custom.scss View File

@@ -667,7 +667,7 @@ p-table {
@include margin-right(10px);

.p-paginator-icon {
@extend .chevron-left !optional;
@include chevron-left-default;
}
}

@@ -675,7 +675,7 @@ p-table {
@include margin-left(10px);

.p-paginator-icon {
@extend .chevron-right !optional;
@include chevron-right-default;
}
}

@@ -769,7 +769,7 @@ p-calendar .p-datepicker {
}

.p-datepicker-next {
@extend .chevron-right !optional;
@include chevron-right-default;

color: #000 !important;
text-align: end;
@@ -780,7 +780,7 @@ p-calendar .p-datepicker {
}

.p-datepicker-prev {
@extend .chevron-left !optional;
@include chevron-left-default;

color: #000 !important;
text-align: start;
@@ -794,13 +794,13 @@ p-calendar .p-datepicker {
.p-timepicker {

.pi.pi-chevron-up {
@extend .chevron-up !optional;
@include chevron-up-default;

color: #000 !important;
}

.pi.pi-chevron-down {
@extend .chevron-down !optional;
@include chevron-down-default;

color: #000 !important;
}


Loading…
Cancel
Save