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

Change how page/post classes are applied

Browse Source
This commit is contained in:
Jocelyn Badgley (Twipped)
2020-03-02 20:25:39 -08:00
parent d5c15ebde4
commit 5a87f64e9d
21 changed files with 95 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
scss/_page.scss
View File

@@ -9,6 +9,20 @@ body.page {
&.active { background: white; }
}
}
body.post {
#body {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 5px;
}
}
body.gdb {
#body {
background-color: $gutter-bg;
@@ -49,56 +63,54 @@ body.page {
}
}
}
h1, h2, h3, h4, h5 { a {
color: inherit;
overflow: hidden;
} }
h1, h2, h3, h4, h5 { a {
color: inherit;
overflow: hidden;
} }
.gutter {
@media (min-width: 800px) {
position: relative;
height: 0;
left: calc(100% + 1em);
width: 400px;
padding: 0 1em;
.gutter {
@media (min-width: 800px) {
position: relative;
height: 0;
left: calc(100% + 1em);
width: 400px;
padding: 0 1em;
@media (max-width: 1000px) {
width: 300px;
}
}
@media (max-width: 1000px) {
@media (min-width: 500px) and (max-width: 800px) {
float: right;
width: 300px;
margin-left: 1em;
zoom: 0.9;
}
// outline: 1px solid red;
&.flex, .flex {
display: flex;
flex-direction: column;
align-items: center;
}
> a > img:not(.card-img-top), > img {
max-width: 100%;
margin-bottom: 5px;
}
}
@media (min-width: 500px) and (max-width: 800px) {
float: right;
width: 300px;
margin-left: 1em;
zoom: 0.9;
}
.full-wide {
width: calc(100vw - 4em);
background-color: darken($content-bg, 1%);
border: 1px solid $gutter-border;
border-radius: 0.3em;
padding: 1.2em 1.2em 1em;
// outline: 1px solid red;
&.flex, .flex {
display: flex;
flex-direction: column;
align-items: center;
}
> a > img:not(.card-img-top), > img {
max-width: 100%;
margin-bottom: 5px;
box-shadow: 0 1px 3px rgba($gray-600, 0.5);
margin-bottom: 1em;
}
}
.full-wide {
width: calc(100vw - 4em);
background-color: darken($content-bg, 1%);
border: 1px solid $gutter-border;
border-radius: 0.3em;
padding: 1.2em 1.2em 1em;
box-shadow: 0 1px 3px rgba($gray-600, 0.5);
margin-bottom: 1em;
}
}