github.com/GenderDysphoria.fyi
1
0
Fork 1
mirror of https://github.com/GenderDysphoria/GenderDysphoria.fyi.git synced 2025-11-25 20:42:40 +00:00
Code Activity

Fix a bunch of css issues with printing the site

Browse Source
This commit is contained in:
Jocelyn Badgley (Twipped)
2021-02-10 14:24:24 -08:00
parent a0c96d4be4
commit ad4ca1c337
6 changed files with 121 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
scss/_card.scss
View File

@@ -52,54 +52,6 @@
}
}
@include media-breakpoint-up(md) {
&.left {
float: left;
margin-right: 10px;
}
&.right {
float: right;
margin-left: 10px;
page-break-inside: always;
}
&.center {
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
&.natural {
.card-img-top {
width: unset;
max-height: 50vh;
margin: 0 auto;
}
}
&.span2, &.span3, &.span4, &.span5, &.span6, &.span34 {
&.left { clear: left; }
&.right { clear: right; }
&:first-child {
margin-top: 0.5em;
}
}
&.hero { width: 35%; }
&.span1 { width: 100%; }
&.span2 { width: 50%; }
&.span3 { width: 33%; }
&.span4 { width: 25%; }
&.span5 { width: 20%; }
&.span6 { width: 15%; }
&.span34 { width: 75%; }
}
@include media-breakpoint-down(sm) {
margin-top: 0 !important;
margin-bottom: 5px;
@@ -185,3 +137,56 @@
}
}
}
@include media-breakpoint-up(md) {
.left {
float: left;
margin-right: 10px;
}
.right {
float: right;
margin-left: 10px;
page-break-inside: always;
}
.center {
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
.natural {
.card-img-top {
width: unset;
max-height: 50vh;
margin: 0 auto;
}
}
.span2,
.span3,
.span4,
.span5,
.span6,
.span34 {
&.left { clear: left; }
&.right { clear: right; }
&:first-child {
margin-top: 0.5em;
}
}
.hero { width: 35%; }
.span1 { width: 100%; }
.span2 { width: 50%; }
.span3 { width: 33%; }
.span4 { width: 25%; }
.span5 { width: 20%; }
.span6 { width: 15%; }
.span34 { width: 75%; }
}