Commit 65c6b577 authored by Julie Blanc's avatar Julie Blanc
Browse files

styles minimum pour impression (correction)

parent 905e57c5
......@@ -3,11 +3,7 @@ $height-chap-header-intermediaire: 300px;
#main-chapitre header{
background-color: $beige;
position: relative;
border-bottom: 1px solid $beige-border;
hgroup{
h1{
......@@ -32,6 +28,14 @@ $height-chap-header-intermediaire: 300px;
}
@media screen{
#main-chapitre header{
background-color: $beige;
position: relative;
border-bottom: 1px solid $beige-border;
}
}
@include for-size(desktop) {
......
@media screen{
#liste-notices{
background-color: $beige;
margin-top: $height-section-navigation;
......@@ -78,11 +81,12 @@
}
}
}/* end media screen*/
@include for-size(phone) {
#liste-notices{
......
......@@ -2,25 +2,94 @@
@page {
size: A4;
margin: 20mm 40mm;
margin: 20mm 20mm;
}
#main-header{ display: none; }
#main-header, #link-notices, #sommaire-part{ display: none; }
#main-chapitre header{
width: 100%;
background-color: red;
// background-color: red;
figure{
position: absolute;
left: 0;
top: 0;
width: 80mm;
width: 50mm;
img{ width:100%;}
}
hgoup{
margin-left: 85mm;
hgroup{
margin-left: 55mm;
width: calc(100% - 55mm);
min-height: 70mm;
h1{
@include bellaza-32();
small{
@include sserif-14();
line-height: 26px;
margin-top: $baseline*3;
margin-bottom: $baseline*3;
}
}
h2{
@include bellaza-24();
padding-top: $baseline*0.5;
padding-bottom: $baseline*2;
}
}
}
#main-content{
p, li{ @include labeur-print(); }
p{ margin-bottom: $p-line-height-phone; }
}
#liste-notices{
.title-liste-notices{
@include sserif-14-uppercase();
margin-top: $baseline*5;
padding-bottom: $baseline*1;
margin-bottom: $baseline*3;
border-bottom: 1px solid black;
small{
display: block;
@include bellaza-32();
padding-top: $baseline;
}
}
h2{
@include sserif-14-uppercase();
break-after: avoid;
margin-top: $baseline*5
}
.notice{
width: 30mm;
margin-bottom: 10mm;
margin-right: 6mm;
display: inline-block;
.num-inventaire{
@include sserif-14();
font-weight: 500;
margin-top: $baseline/2;
margin-bottom: $baseline;
}
.num-inventaire::before{ content: "[ "; }
.num-inventaire::after{ content: " ]";}
.num-inventaire::before, .num-inventaire::after{
position: relative;
top: -3px;
}
h1{ @include labeur-print(); }
figure{
width: 30mm;
img{ width: 100%;}
}
}
}
}
\ No newline at end of file
#content-notice{
margin-left: 50vw;
margin-right: $margin-notice-desktop*2;
margin-bottom: 30vh;
max-width: 880px;
p, li{
@include labeur-dektop();
}
p{
margin-bottom: $baseline*2;
}
@media screen {
#content-notice {
margin-left: 50vw;
margin-right: $margin-notice-desktop * 2;
margin-bottom: 30vh;
max-width: 880px;
dl{
margin-bottom: $p-line-height-desktop;
div{
border-top: 1px solid $text-color-very-light;
padding-top: $p-line-height-desktop*0.25;
padding-bottom: $p-line-height-desktop*0.25;
&:last-of-type{ border-bottom: 1px solid $text-color-very-light;}
}
dt, dd{
display: inline-block;
vertical-align: top;
@include sserif-18();
p, li {
@include labeur-dektop;
}
dt{
color: $text-color-very-light;
width: 30%;
}
dd{
width: 70%;
}
}/* dl */
.button-wiki-wource{
display: flex;
justify-content: flex-end;
margin-bottom: $p-line-height-desktop*2;
text-decoration: none;
& > button{
color: $text-color-very-light;
height: 2rem;
@include sserif-18();
padding-left: 1rem;
padding-right: 1rem;
border-radius: 1rem;
border: 1px solid currentColor;
p {
margin-bottom: $baseline * 2;
}
}/* .buttil-wiki-source*/
dl {
margin-bottom: $p-line-height-desktop;
div {
border-top: 1px solid $text-color-very-light;
padding-top: $p-line-height-desktop * 0.25;
padding-bottom: $p-line-height-desktop * 0.25;
}
\ No newline at end of file
&:last-of-type {
border-bottom: 1px solid $text-color-very-light;
}
}
dt, dd {
display: inline-block;
vertical-align: top;
@include sserif-18;
}
dt {
color: $text-color-very-light;
width: 30%;
}
dd {
width: 70%;
}
} /* dl */
.button-wiki-wource {
display: flex;
justify-content: flex-end;
margin-bottom: $p-line-height-desktop * 2;
text-decoration: none;
& > button {
color: $text-color-very-light;
height: 2rem;
@include sserif-18;
padding-left: 1rem;
padding-right: 1rem;
border-radius: 1rem;
border: 1px solid currentColor;
}
} /* .buttil-wiki-source*/
}
}
@media screen {
#main-notice {
header {
margin-left: 50vw;
margin-right: $margin-notice-desktop * 2;
margin-top: $height-section-navigation + $margin-notice-desktop;
max-width: 880px;
#main-notice{
header{
margin-left: 50vw;
margin-right: $margin-notice-desktop*2;
margin-top: $height-section-navigation + $margin-notice-desktop;
max-width: 880px;
h1 {
@include bellaza-48;
h1{
@include bellaza-48();
text-align: center;
padding-top: $p-font-size-desktop*1;
margin-bottom: $p-font-size-desktop*3;
text-align: center;
padding-top: $p-font-size-desktop * 1;
margin-bottom: $p-font-size-desktop * 3;
}
}
}
}
}
@media print {
@page {
size: A4;
margin: 20mm 25mm;
}
#main-header,
#all-buttons,
.notice-slider-360 #threesixty
{ display: none; }
#main-notice header h1{
@include bellaza-24;
margin-bottom: $baseline*3;
text-align: center;
}
#section-images #images-grid figure{
display: inline-block;
width: 30mm;
img{ width: 100%; }
}
#content-notice{
p, li{ @include labeur-print(); }
p{ margin-bottom: $p-line-height-phone; }
dl {
margin: $baseline*3 0;
div {
border-top: 1px solid $text-color-very-light;
padding-top: $p-line-height-desktop * 0.25;
padding-bottom: $p-line-height-desktop * 0.25;
&:last-of-type {
border-bottom: 1px solid $text-color-very-light;
}
}
dt, dd {
display: inline-block;
vertical-align: top;
@include sserif-14;
}
dt {
color: $text-color-very-light;
width: 30%;
}
dd { width: 70%; }
} /* dl */
.button-wiki-wource { display: none; }
}
}
\ No newline at end of file
#section-images{
@media screen{
#section-images{
position: fixed;
width: calc(50vw - #{$margin-notice-desktop}*2);
height: calc(100vh - #{$height-section-navigation});
......@@ -136,11 +137,6 @@
#radio-360viewer:checked ~ #threesixty,
#radio-360viewer:checked ~ #threesixty #threesixty_images{
cursor: ew-resize!important;
......@@ -182,7 +178,8 @@
&:hover{ background-color: $beige!important; }
}
}
......
......@@ -18,4 +18,5 @@
@import 'parts/notice/header-notice';
@import 'parts/notice/section-images';
@import 'parts/notice/content-notice';
\ No newline at end of file
@import 'parts/notice/content-notice';
@import 'parts/notice/notice-print';
\ No newline at end of file
......@@ -12,6 +12,8 @@ $p-line-height-desktop: $baseline*2.5;
$p-font-size-phone: 17px;
$p-line-height-phone: $baseline*2;
$p-font-size-print: 15px;
$p-line-height-print: $baseline*2;
body{
font-size: 10px;
......@@ -126,3 +128,11 @@ body{
line-height: $p-line-height-phone;
}
@mixin labeur-print(){
font-family: $font-labeur;
font-weight: 400;
font-size: $p-font-size-print;
line-height: $p-line-height-print;
}
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment