mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 04:01:10 -04:00
Compare commits
2 Commits
dark-base-
...
dark-sideb
| Author | SHA1 | Date | |
|---|---|---|---|
| 2e93082282 | |||
| ca55221c4f |
@ -39,8 +39,6 @@ $base-content-placeholders-border-radius: 6px !default;
|
|||||||
$base-content-placeholders-line-height: 15px !default;
|
$base-content-placeholders-line-height: 15px !default;
|
||||||
$base-content-placeholders-spacing: 10px !default;
|
$base-content-placeholders-spacing: 10px !default;
|
||||||
|
|
||||||
$base-content-placeholders-primary-color-dark: rgb(71, 85, 105) !default;
|
|
||||||
$base-content-placeholders-secondary-color-dark: rgb(71, 85, 105) !default;
|
|
||||||
// Animations
|
// Animations
|
||||||
@keyframes vueContentPlaceholdersAnimation {
|
@keyframes vueContentPlaceholdersAnimation {
|
||||||
0% {
|
0% {
|
||||||
@ -59,10 +57,6 @@ $base-content-placeholders-secondary-color-dark: rgb(71, 85, 105) !default;
|
|||||||
min-height: $base-content-placeholders-line-height;
|
min-height: $base-content-placeholders-line-height;
|
||||||
background: $base-content-placeholders-secondary-color;
|
background: $base-content-placeholders-secondary-color;
|
||||||
|
|
||||||
.dark & {
|
|
||||||
background: $base-content-placeholders-secondary-color-dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
.base-content-placeholders-is-rounded & {
|
.base-content-placeholders-is-rounded & {
|
||||||
border-radius: $base-content-placeholders-border-radius;
|
border-radius: $base-content-placeholders-border-radius;
|
||||||
}
|
}
|
||||||
@ -92,15 +86,6 @@ $base-content-placeholders-secondary-color-dark: rgb(71, 85, 105) !default;
|
|||||||
animation-name: vueContentPlaceholdersAnimation;
|
animation-name: vueContentPlaceholdersAnimation;
|
||||||
animation-timing-function: linear;
|
animation-timing-function: linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .base-content-placeholders-is-animated &::before {
|
|
||||||
background: linear-gradient(
|
|
||||||
to right,
|
|
||||||
transparent 0%,
|
|
||||||
darken($base-content-placeholders-secondary-color-dark, 5%) 15%,
|
|
||||||
transparent 30%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin base-content-placeholders-spacing {
|
@mixin base-content-placeholders-spacing {
|
||||||
@ -171,10 +156,6 @@ $base-content-placeholders-secondary-color-dark: rgb(71, 85, 105) !default;
|
|||||||
min-height: $base-content-placeholders-line-height;
|
min-height: $base-content-placeholders-line-height;
|
||||||
background: $base-content-placeholders-secondary-color;
|
background: $base-content-placeholders-secondary-color;
|
||||||
|
|
||||||
.dark & {
|
|
||||||
background: $base-content-placeholders-secondary-color-dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
.base-content-placeholders-is-animated &::before {
|
.base-content-placeholders-is-animated &::before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -196,14 +177,6 @@ $base-content-placeholders-secondary-color-dark: rgb(71, 85, 105) !default;
|
|||||||
animation-timing-function: linear;
|
animation-timing-function: linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .base-content-placeholders-is-animated &::before {
|
|
||||||
background: linear-gradient(
|
|
||||||
to right,
|
|
||||||
transparent 0%,
|
|
||||||
darken($base-content-placeholders-secondary-color-dark, 5%) 15%,
|
|
||||||
transparent 30%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
// @include base-content-placeholders-spacing;
|
// @include base-content-placeholders-spacing;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user