mirror of
https://github.com/Kornstalx/5etools-mirror-2.github.io.git
synced 2025-10-28 20:45:35 -05:00
v1.209.0
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
41
scss/includes/toast-night.scss
Normal file
41
scss/includes/toast-night.scss
Normal 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
98
scss/includes/toast.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
@@ -811,6 +811,10 @@
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.top-1p {
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.right-0 {
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user