created layout component for concernement content cartouche, continued to integrate entites
This commit is contained in:
@@ -96,19 +96,23 @@ body{
|
||||
padding: 1rem 1rem 1rem;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
header, section{
|
||||
padding:0 0 2em 0;
|
||||
//
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
>header{
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
label{
|
||||
display: block;
|
||||
font-weight: 100;
|
||||
font-size: 0.882em;
|
||||
padding: 0 0 1em 0;
|
||||
>main{
|
||||
// flex: 1 0 auto;
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
ul, li{
|
||||
padding:0; margin:0;
|
||||
list-style: none;
|
||||
>footer{
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
>header{
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
>header{
|
||||
@@ -138,7 +142,7 @@ body{
|
||||
padding: 1em 0 1em 0;
|
||||
}
|
||||
}
|
||||
div.concernement-cartouche{
|
||||
div.concernement-cartouche-icons{
|
||||
h2{
|
||||
font-weight: 400;
|
||||
font-size: 1.323em;
|
||||
@@ -169,6 +173,37 @@ body{
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
>main{
|
||||
overflow-y: auto;
|
||||
|
||||
>section:not(:last-of-type),
|
||||
.multiple >section:not(:last-of-type){
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
figure{
|
||||
margin:0.5em 0;
|
||||
img{
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
>footer{
|
||||
section.infos{
|
||||
>p{
|
||||
font-size: 0.882em;
|
||||
font-weight: 100;
|
||||
|
||||
>span{
|
||||
>span{
|
||||
font-weight: 100;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h3{
|
||||
font-weight: 400;
|
||||
font-size: 1.2em;
|
||||
@@ -185,46 +220,15 @@ body{
|
||||
font-size: 1em;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
section.content-concernement{
|
||||
section.infos{
|
||||
>p{
|
||||
font-size: 0.882em;
|
||||
font-weight: 100;
|
||||
|
||||
>span{
|
||||
>span{
|
||||
font-weight: 100;
|
||||
}
|
||||
}
|
||||
span.author{
|
||||
span{
|
||||
|
||||
}
|
||||
}
|
||||
span.structure{
|
||||
span{
|
||||
|
||||
}
|
||||
}
|
||||
span.lieu{
|
||||
span{
|
||||
|
||||
}
|
||||
}
|
||||
span.created{
|
||||
span{
|
||||
|
||||
}
|
||||
}
|
||||
span.changed{
|
||||
span{
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
label{
|
||||
display: block;
|
||||
font-weight: 100;
|
||||
font-size: 0.882em;
|
||||
padding: 0 0 1em 0;
|
||||
}
|
||||
ul, li{
|
||||
padding:0; margin:0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
// PUISSANCE D'AGIR
|
||||
|
Reference in New Issue
Block a user