This commit is contained in:
TheGiddyLimit
2024-07-10 20:47:40 +01:00
parent e5844f8a3f
commit 2eeeb0771b
341 changed files with 67623 additions and 11384 deletions

View File

@@ -14,6 +14,7 @@
$rgb-source-category-prerelease--local: #60c52f;
$rgb-source-category-homebrew: vars-night.$rgb-class-brew--night;
$rgb-source-category-homebrew--local: #514bff;
$rgb-source-category-homebrew--partnered: #b44051;
$rgb-source-PHB: vars-night.$rgb-subclass--night;
$rgb-source-DMG: #ba1eba;
@@ -34,6 +35,10 @@
&homebrew {
@include mix-source-color($rgb-source-category-homebrew);
&--partnered {
@include mix-source-color($rgb-source-category-homebrew--partnered);
}
&--local {
@include mix-source-color($rgb-source-category-homebrew--local);
}
@@ -42,6 +47,10 @@
&spicy {
@include mix-source-color($rgb-source-category-prerelease);
&--partnered {
@include mix-source-color(#ff00ff); // (Should never occur)
}
&--local {
@include mix-source-color($rgb-source-category-prerelease--local);
}

View File

@@ -13,6 +13,7 @@
$rgb-source-category-prerelease--local: #54ce19;
$rgb-source-category-homebrew: vars.$rgb-class-brew;
$rgb-source-category-homebrew--local: #4b40ed;
$rgb-source-category-homebrew--partnered: #963b4f;
$rgb-source-PHB: #4a6898;
$rgb-source-DMG: #800080;
@@ -106,6 +107,10 @@
&homebrew {
@include mix-source-color($rgb-source-category-homebrew);
&--partnered {
@include mix-source-color($rgb-source-category-homebrew--partnered);
}
&--local {
@include mix-source-color($rgb-source-category-homebrew--local);
}
@@ -114,6 +119,10 @@
&spicy {
@include mix-source-color($rgb-source-category-prerelease);
&--partnered {
@include mix-source-color(#ff00ff); // (Should never occur)
}
&--local {
@include mix-source-color($rgb-source-category-prerelease--local);
}

View File

@@ -2061,121 +2061,6 @@ th.border {
border: 1px solid rgb(0 0 0 / 15%);
}
.toast {
@include vars.mix-shadow-1;
z-index: vars.$z-temp-effect;
right: 0;
bottom: 200px;
left: 0;
padding: 5px 15px;
min-height: 40px;
max-width: 850px;
display: flex;
width: 90vw;
justify-content: space-between;
align-items: center;
border: 1px solid transparent;
border-radius: 4px;
opacity: 1;
transition: bottom vars.$time-5-frames;
&--animate {
bottom: 0;
margin-bottom: (vars.$spacer * 0.5);
transition: bottom vars.$time-5-frames;
}
&--deleted {
z-index: vars.$z-temp-effect - 1;
}
&__container {
position: fixed;
z-index: vars.$z-temp-effect;
top: 0;
right: 0;
left: 0;
height: 200px;
}
&__wrp-control {
margin: -5px -15px -5px 0;
flex: 0;
display: flex;
align-items: center;
justify-content: center;
align-self: stretch;
}
&__btn-close {
margin: 0;
height: 100%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 1px solid #80808040;
background: transparent;
&:hover,
&:focus {
background: #80808020;
}
}
&--type-info {
color: vars.$rgb-alert-text-info;
background-color: #d9edf7;
border-color: #bce8f1;
}
&--type-danger {
color: vars.$rgb-alert-text-danger;
background-color: #f2dede;
border-color: #ebccd1;
}
&--type-warning {
color: vars.$rgb-alert-text-warning;
background-color: #fcf8e3;
border-color: #faebcc;
}
&--type-success {
color: vars.$rgb-alert-text-success;
background-color: #dff0d8;
border-color: #d6e9c6;
}
}
.ve-night-mode .toast {
&--type-info {
color: #fff;
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-info-blue--night, $lightness: - 15%), $alpha: - 0.05);
border-color: vars-night.$rgb-alert-info-border-blue--night;
}
&--type-danger {
color: #fff;
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-danger-red--night, $lightness: - 15%), $alpha: - 0.05);
border-color: vars-night.$rgb-alert-danger-border-red--night;
}
&--type-warning {
color: #fff;
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-warning-orange--night, $lightness: - 15%), $alpha: - 0.05);
border-color: vars-night.$rgb-alert-warning-border-orange--night;
}
&--type-success {
color: #fff;
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-success-green--night, $lightness: - 15%), $alpha: - 0.05);
border-color: vars-night.$rgb-alert-success-border-green--night;
}
}
// region Cards
.cards {
&__ {
@@ -3287,10 +3172,6 @@ th.border {
}
}
.toast {
display: none !important;
}
.cancer__anchor {
display: none !important;
}

View File

@@ -0,0 +1,41 @@
@use "sass:color";
@use "../vars/vars-night";
.ve-night-mode .toast {
&--type-info {
color: #fff;
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-info-blue--night, $lightness: - 15%), $alpha: - 0.05);
border-color: vars-night.$rgb-alert-info-border-blue--night;
}
&--type-danger {
color: #fff;
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-danger-red--night, $lightness: - 15%), $alpha: - 0.05);
border-color: vars-night.$rgb-alert-danger-border-red--night;
}
&--type-warning {
color: #fff;
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-warning-orange--night, $lightness: - 15%), $alpha: - 0.05);
border-color: vars-night.$rgb-alert-warning-border-orange--night;
}
&--type-success {
color: #fff;
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-success-green--night, $lightness: - 15%), $alpha: - 0.05);
border-color: vars-night.$rgb-alert-success-border-green--night;
}
&__ {
&btn-close {
color: #fff;
&:hover,
&:focus {
color: #d8d8d8;
box-shadow: 0 0 1px 1px #fff6;
}
}
}
}

98
scss/includes/toast.scss Normal file
View File

@@ -0,0 +1,98 @@
@use "sass:color";
@use "../vars/vars";
.toast {
@include vars.mix-shadow-1;
z-index: vars.$z-temp-effect;
right: 0;
bottom: 200px;
left: 0;
padding: 5px 15px;
min-height: 40px;
max-width: 850px;
display: flex;
width: 90vw;
justify-content: space-between;
align-items: center;
border: 1px solid transparent;
border-radius: 4px;
opacity: 1;
transition: bottom vars.$time-5-frames;
&--animate {
bottom: 0;
margin-bottom: (vars.$spacer * 0.5);
transition: bottom vars.$time-5-frames;
}
&--deleted {
z-index: vars.$z-temp-effect - 1;
}
&__container {
position: fixed;
z-index: vars.$z-temp-effect;
top: 0;
right: 0;
left: 0;
height: 200px;
}
&__wrp-control {
margin: -5px -15px -5px 0;
flex: 0;
display: flex;
align-items: center;
justify-content: center;
align-self: stretch;
}
&__btn-close {
margin: 0;
height: 100%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 1px solid #80808040;
background: transparent;
&:hover,
&:focus {
background: #80808020;
}
}
&--type-info {
color: vars.$rgb-alert-text-info;
background-color: #d9edf7;
border-color: #bce8f1;
}
&--type-danger {
color: vars.$rgb-alert-text-danger;
background-color: #f2dede;
border-color: #ebccd1;
}
&--type-warning {
color: vars.$rgb-alert-text-warning;
background-color: #fcf8e3;
border-color: #faebcc;
}
&--type-success {
color: vars.$rgb-alert-text-success;
background-color: #dff0d8;
border-color: #d6e9c6;
}
}
@include vars.mix-is-print {
.toast {
display: none !important;
}
}

View File

@@ -811,6 +811,10 @@
top: -1px;
}
.top-1p {
top: 1px;
}
.right-0 {
right: 0 !important;
}