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.202.0

Browse Source
This commit is contained in:
TheGiddyLimit
2024-03-24 23:47:02 +00:00
parent 84065a027d
commit 12f34a38f8
153 changed files with 90818 additions and 1900 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
scss/bestiary.scss
View File

@@ -1,5 +1,111 @@
@use "includes/vars";
.mon__ {
&wrp-size-type-align--token,
&wrp-avoid-token {
max-width: calc(100% - 11rem);
}
&wrp-token {
display: block;
position: absolute;
z-index: vars.$z-token-image;
top: 0;
right: 0.5rem;
width: auto;
max-width: 11rem;
height: auto;
transition:
opacity vars.$time-2-frames,
max-width vars.$time-2-frames,
right vars.$time-2-frames;
&:hover {
max-width: 100%;
right: 0;
opacity: 1 !important;
transition:
opacity vars.$time-2-frames,
max-width vars.$time-2-frames,
right vars.$time-2-frames;
.mon__btn-token-cycle {
opacity: 1;
transition: opacity vars.$time-2-frames;
}
.mon__wrp-token-footer {
opacity: 1;
transition: opacity vars.$time-2-frames;
}
}
}
&token {
width: 100%;
height: 100%;
}
&btn-token-cycle {
position: absolute;
top: 50%;
bottom: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: vars.$rgb-shadow-grey--dark;
cursor: pointer;
color: #fff;
border: 1px solid vars.$rgb-border-grey--trans;
opacity: 0;
transition: opacity vars.$time-2-frames;
&--left {
left: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 1px solid vars.$rgb-border-grey--trans-muted;
}
&--right {
right: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-left: 1px solid vars.$rgb-border-grey--trans-muted;
}
&:hover {
color: #ddd;
}
}
&wrp-token-footer {
display: flex;
position: absolute;
height: 22px;
right: 5px;
bottom: 0;
left: 5px;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity vars.$time-2-frames;
}
&token-footer {
background: vars.$rgb-shadow-grey--dark;
color: #fff;
font-family: "Times New Roman", serif;
font-variant: small-caps;
font-size: 16px;
border-radius: 5px;
padding: 1px 5px;
border: 1px solid vars.$rgb-border-grey--trans;
}
}
// region Token
img.token {
font-size: 1.6em;