Cameron/5etools-mirror-2.github.io
1
0
Fork 0
mirror of https://github.com/Kornstalx/5etools-mirror-2.github.io.git synced 2025-10-28 20:45:35 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

v1.201.0

Browse Source
This commit is contained in:
TheGiddyLimit
2024-03-10 21:53:34 +00:00
parent b323d4123e
commit f00d1f3833
272 changed files with 24017 additions and 9350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
scss/decks.scss
View File

@@ -1,4 +1,6 @@
@import "includes/vars";
@use "sass:color";
@use "includes/vars";
:root {
--rgb-card-glint--edge: #d5592e;
@@ -36,7 +38,7 @@
right: 0;
opacity: 0;
pointer-events: none;
transition: opacity $time-3-frames;
transition: opacity vars.$time-3-frames;
}
&wrp-card-face {
@@ -44,7 +46,7 @@
.decks__wrp-btn-show-card {
opacity: 1;
pointer-events: initial;
transition: opacity $time-3-frames;
transition: opacity vars.$time-3-frames;
}
}
@@ -75,9 +77,9 @@
flex-direction: column;
.decks__wrp-row {
padding-top: $spacer;
padding-bottom: $spacer;
border-bottom: 1px solid $rgb-border-grey;
padding-top: vars.$spacer;
padding-bottom: vars.$spacer;
border-bottom: 1px solid vars.$rgb-border-grey;
}
.decks__wrp-card-face {
@@ -91,11 +93,11 @@
&--grid {
flex-wrap: wrap;
padding-top: $spacer;
padding-top: vars.$spacer;
.decks__wrp-row {
width: 33%;
padding-bottom: $spacer;
padding-bottom: vars.$spacer;
}
.decks__wrp-card-face {
@@ -146,11 +148,8 @@
&stg {
position: fixed;
z-index: $z-hwin;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: vars.$z-hwin;
inset: 0;
width: 100vw;
height: 100vh;
@@ -177,7 +176,7 @@
}
50% {
filter: blur(1px) brightness(110%) contrast(75%) drop-shadow(0 0 5px white) hue-rotate(-5deg) opacity(75%) saturate(110%);
filter: blur(1px) brightness(110%) contrast(75%) drop-shadow(0 0 5px #fff) hue-rotate(-5deg) opacity(75%) saturate(110%);
}
100% {
@@ -239,10 +238,10 @@
}
}
padding: $spacer;
background: $rgb-name-red;
border-radius: $spacer;
box-shadow: 0 0 30px 10px transparentize($rgb-name-red, 0.7);
padding: vars.$spacer;
background: vars.$rgb-name-red;
border-radius: vars.$spacer;
box-shadow: 0 0 30px 10px color.adjust(vars.$rgb-name-red, $alpha: - 0.7);
scale: 0;
@@ -268,8 +267,8 @@
&img-card-back {
z-index: -1;
width: calc(100% - #{2 * $spacer});
height: calc(100% - #{2 * $spacer});
width: calc(100% - #{2 * vars.$spacer});
height: calc(100% - #{2 * vars.$spacer});
transform: rotateY(180deg);
@@ -300,12 +299,9 @@
&disp-glint {
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
inset: 0;
border-radius: $spacer;
border-radius: vars.$spacer;
}
&wrp-rhs {
@@ -336,8 +332,8 @@
}
&wrp-desc {
border-top: 3px solid $rgb-name-red;
border-bottom: 3px solid $rgb-name-red;
border-top: 3px solid vars.$rgb-name-red;
border-bottom: 3px solid vars.$rgb-name-red;
background-color: #e5c4ba;
font-size: 1em;
padding-top: 35px;
@@ -356,7 +352,7 @@
&wrp-card-rows {
&--list {
.decks__wrp-row {
border-color: $rgb-border-grey--night;
border-color: vars.$rgb-border-grey--night;
}
}
}
@@ -364,15 +360,15 @@
&-draw__ {
&wrp-card {
background-color: $rgb-name-red--night;
box-shadow: 0 0 30px 10px transparentize($rgb-name-red--night, 0.7);
color: rgba(255, 255, 255, 0.53);
background-color: vars.$rgb-name-red--night;
box-shadow: 0 0 30px 10px color.adjust(vars.$rgb-name-red--night, $alpha: - 0.7);
color: rgb(255 255 255 / 53%);
}
&wrp-desc {
border-color: $rgb-name-red--night;
border-color: vars.$rgb-name-red--night;
background-color: #574930;
box-shadow: 0 0 10px 0 black;
box-shadow: 0 0 10px 0 #000;
}
}
}