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

54
scss/includes/util-mobile.scss
View File

@@ -1,49 +1,13 @@
@use "vars";
// If it's anything less than full desktop size, enable these styles
.mobile-ish__ {
@media only screen and (min-width: vars.$width-screen-lg--min) {
@mixin mix-mobile-styles ($width-screen) {
@media screen and (width > #{$width-screen}) {
&visible {
display: none !important;
}
}
@media only screen and (max-width: vars.$width-screen-lg) {
&hidden {
display: none !important;
}
&ve-flex-col {
display: flex !important;
flex-direction: column !important;
}
&ve-flex-ai-start {
align-items: flex-start !important;
}
&w-100 {
width: 100% !important;
}
&mr-0 {
margin-right: 0 !important;
}
&mb-2 {
margin-bottom: (vars.$spacer * 0.5) !important;
}
}
}
.mobile__ {
@media only screen and (min-width: vars.$width-screen-sm--min) {
&visible {
display: none !important;
}
}
@media only screen and (max-width: vars.$width-screen-sm) {
@media screen and (width <= #{$width-screen}) {
&hidden {
display: none !important;
}
@@ -507,3 +471,15 @@
// endregion
}
}
.mobile-lg__ {
@include mix-mobile-styles(vars.$width-screen-lg);
}
.mobile-md__ {
@include mix-mobile-styles(vars.$width-screen-md);
}
.mobile__ {
@include mix-mobile-styles(vars.$width-screen-sm);
}