mirror of
https://github.com/GenderDysphoria/GenderDysphoria.fyi.git
synced 2025-11-25 12:32:42 +00:00
Addressing some print bug
This commit is contained in:
Jocelyn Badgley (Twipped)
187
scss/print.scss
Normal file
187
scss/print.scss
Normal file
@@ -0,0 +1,187 @@
|
||||
|
||||
|
||||
|
||||
$body-bg: white;
|
||||
$content-bg: white;
|
||||
$gutter-bg: #f0f0f0;
|
||||
$gutter-border: #e2e2e2;
|
||||
$font-primary: 'Lato', Arial, sans-serif;
|
||||
$font-secondary: 'Gothic A1', 'Helvetica Neue', Helvetica, serif;
|
||||
$font-brand: 'Sriracha', Geneva, monospace;
|
||||
$font-family-sans-serif: $font-primary;
|
||||
$font-family-base: $font-primary;
|
||||
|
||||
$grid-breakpoints: (
|
||||
xs: 0,
|
||||
sm: 500px,
|
||||
md: 800px,
|
||||
lg: 1000px,
|
||||
xl: 1200px
|
||||
) !default;
|
||||
|
||||
$line-height-base: 1.6;
|
||||
|
||||
$headings-font-family: 'Roboto', 'Helvetica Neue', Helvetica, serif;
|
||||
$headings-font-weight: 300;
|
||||
|
||||
$font-size-base: 1rem;
|
||||
$h1-font-size: $font-size-base * 2.2;
|
||||
$h2-font-size: $font-size-base * 1.8;
|
||||
$h3-font-size: $font-size-base * 1.5;
|
||||
$h4-font-size: $font-size-base * 1.2;
|
||||
$h5-font-size: $font-size-base * 1.15;
|
||||
$h6-font-size: $font-size-base;
|
||||
|
||||
h1, h2, .h1, .h2 { font-weight: 300; }
|
||||
h3, .h3 { font-weight: 400; }
|
||||
h4, h5, .h4, .h5 { font-weight: 600; }
|
||||
|
||||
$trans-white: #fff;
|
||||
$trans-pink: #F7A8B8;
|
||||
$trans-blue: #55CDFC;
|
||||
$trans-pink-lightest: #fef6f7;
|
||||
$trans-pink-light: #fde6eb;
|
||||
$trans-blue-light: #b9eafe;
|
||||
$trans-blue-lightest: #f0f8ff;
|
||||
$trans-pink-dark: #ee4b6c;
|
||||
$trans-blue-dark: #0377a4;
|
||||
$trans-pink-darkest: #ea1c46;
|
||||
$trans-blue-darkest: #025372;
|
||||
$primary: #fc0a7e;
|
||||
|
||||
$header-bg-1: #E81179;
|
||||
$header-bg-2: #281362;
|
||||
$header-bg-mid: mix($header-bg-1, $header-bg-2);
|
||||
$header-full-height: 100px;
|
||||
|
||||
@import "bootstrap/scss/functions";
|
||||
@import "bootstrap/scss/variables";
|
||||
@import "bootstrap/scss/mixins";
|
||||
|
||||
|
||||
@import "bootstrap/scss/root";
|
||||
@import "bootstrap/scss/reboot";
|
||||
@import "bootstrap/scss/type";
|
||||
// @import "bootstrap/scss/images";
|
||||
// @import "bootstrap/scss/code";
|
||||
// @import "bootstrap/scss/grid";
|
||||
// @import "bootstrap/scss/tables";
|
||||
// @import "bootstrap/scss/forms";
|
||||
// @import "bootstrap/scss/buttons";
|
||||
// @import "bootstrap/scss/transitions";
|
||||
// @import "bootstrap/scss/dropdown";
|
||||
// @import "bootstrap/scss/button-group";
|
||||
// @import "bootstrap/scss/input-group";
|
||||
// @import "bootstrap/scss/custom-forms";
|
||||
// @import "bootstrap/scss/nav";
|
||||
// @import "bootstrap/scss/navbar";
|
||||
@import "bootstrap/scss/card";
|
||||
// @import "bootstrap/scss/breadcrumb";
|
||||
// @import "bootstrap/scss/pagination";
|
||||
// @import "bootstrap/scss/badge";
|
||||
// @import "bootstrap/scss/jumbotron";
|
||||
// @import "bootstrap/scss/alert";
|
||||
// @import "bootstrap/scss/progress";
|
||||
// @import "bootstrap/scss/media";
|
||||
// @import "bootstrap/scss/list-group";
|
||||
// @import "bootstrap/scss/close";
|
||||
// @import "bootstrap/scss/toasts";
|
||||
// @import "bootstrap/scss/modal";
|
||||
// @import "bootstrap/scss/tooltip";
|
||||
// @import "bootstrap/scss/popover";
|
||||
// @import "bootstrap/scss/carousel";
|
||||
// @import "bootstrap/scss/spinners";
|
||||
@import "bootstrap/scss/utilities";
|
||||
// @import "bootstrap/scss/print";
|
||||
|
||||
@import "./global";
|
||||
// @import "./header";
|
||||
@import "./footer";
|
||||
@import "./tweet";
|
||||
// @import "./index";
|
||||
@import "./page";
|
||||
@import "./card";
|
||||
@import "./grid-row";
|
||||
@import "./markup";
|
||||
// @import "./pager";
|
||||
|
||||
header {
|
||||
.top-nav { display: none; }
|
||||
.top-brand {
|
||||
display: block;
|
||||
font-size: $h2-font-size;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
body.page, body.post {
|
||||
|
||||
|
||||
header {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.disclaimer { display: none; }
|
||||
|
||||
#body {
|
||||
background: unset;
|
||||
max-width: unset;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.tweet {
|
||||
max-width: 660px;
|
||||
margin: 2em auto;
|
||||
}
|
||||
|
||||
article {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.card {
|
||||
&.span34 {
|
||||
width: 50vw;
|
||||
margin: 1em auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-link { display: none; }
|
||||
|
||||
.front-page {
|
||||
blockquote {
|
||||
max-width: 600px;
|
||||
margin: 1em auto;
|
||||
|
||||
padding: 1em;
|
||||
border-radius: 0.5em;
|
||||
|
||||
background: $gray-200;
|
||||
border: 1px solid $gray-600;
|
||||
color: $gray-800;
|
||||
|
||||
color-adjust: exact;
|
||||
-webkit-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#body {
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
.pager { display: none; }
|
||||
footer .patreon-support { display: none; }
|
||||
footer .foot-nav { display: none; }
|
||||
Reference in New Issue
Block a user