50 lines
902 B
SCSS
50 lines
902 B
SCSS
@each $theme, $colors in $themes {
|
|
@each $name, $color in $colors {
|
|
@if $name== 'primary' {
|
|
body[data-theme='#{$theme}'].neon-border {
|
|
.q-card,
|
|
.q-card.q-card--dark,
|
|
.q-date,
|
|
.q-date--dark {
|
|
border: 2px solid $color;
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body.hard-border {
|
|
.q-card,
|
|
.q-card.q-card--dark,
|
|
.q-date,
|
|
.q-date--dark {
|
|
box-shadow:
|
|
0 0 0 1px rgba(0, 0, 0, 0.12),
|
|
0 0 0 1px #ffffff47;
|
|
border: none;
|
|
}
|
|
}
|
|
body.retro-border {
|
|
.q-card,
|
|
.q-card.q-card--dark,
|
|
.q-date,
|
|
.q-date--dark {
|
|
border: none;
|
|
box-shadow:
|
|
0 1px 5px rgba(255, 255, 255, 0.2),
|
|
0 2px 2px rgba(255, 255, 255, 0.14),
|
|
0 3px 1px -2px rgba(255, 255, 255, 0.12);
|
|
}
|
|
}
|
|
|
|
body.no-border {
|
|
.q-card,
|
|
.q-card.q-card--dark,
|
|
.q-date,
|
|
.q-date--dark {
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
}
|