basic media print rules

This commit is contained in:
infeeeee
2019-10-04 22:57:30 +02:00
parent 98e962b7e8
commit 2709f6bfa7
4 changed files with 248 additions and 97 deletions

View File

@@ -505,6 +505,9 @@ $v-unit-6: 24rem;
background-image: url(../img/#{$iconname}-black.png);
background-image: url(../img/#{$iconname}-black.svg);
}
@media print {
background-image: url(../img/#{$iconname}-black.png);
}
}
.facebook-icon {
@@ -568,7 +571,7 @@ $v-unit-6: 24rem;
.events-link {
margin: 0 2rem 0 0;
&.hidden {
display: none !important;
display: none;
}
@media #{$tablet} {
margin: 0;
@@ -2717,7 +2720,7 @@ body.page {
//metadata on mobile
.metadata {
@media #{$only-mobile} {
@media #{$only-mobile}, print {
color: $color !important;
.vr {
background-color: $color !important;
@@ -2728,7 +2731,7 @@ body.page {
color: $color !important;
}
@media #{$only-mobile} {
@media #{$only-mobile}, print {
&::before,
&::after {
border-color: $color !important;
@@ -2736,7 +2739,7 @@ body.page {
}
}
h2 {
@media #{$only-mobile} {
@media #{$only-mobile}, print {
border-top-color: $color !important;
}
}