EXPORT CONFIG ! fin du centre de ressource
This commit is contained in:
@@ -768,7 +768,9 @@ body{
|
||||
position: relative;
|
||||
background-color: white;
|
||||
font-size: $labeur-font-size-mobile;
|
||||
//padding-bottom: $modale-bottom-padding;
|
||||
&:has(#centre-de-ressource, #ressource-item-header) {
|
||||
left: 5vw;
|
||||
}
|
||||
@media screen and (min-width: $desktop-min-width) {
|
||||
font-size: $labeur-font-size-desktop;
|
||||
width: $modale-width-desktop;
|
||||
@@ -929,7 +931,12 @@ body{
|
||||
padding-bottom: 5vh;
|
||||
box-sizing: border-box;
|
||||
&:has(#ressource-item-header) {
|
||||
padding-right: 50%;
|
||||
// padding-right: 50%;
|
||||
margin-bottom: 3rem;
|
||||
@media screen and (min-width: $desktop-min-width) {
|
||||
margin-bottom: 6rem;
|
||||
padding: 0 calc($modale-x-padding * 4);
|
||||
}
|
||||
}
|
||||
> .partie,
|
||||
> #equipe {
|
||||
@@ -1102,10 +1109,14 @@ body{
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
> .images-grid {
|
||||
margin-top: 3rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
column-gap: 5rem;
|
||||
row-gap: 2rem;
|
||||
@media screen and (min-width: $desktop-min-width) {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
figure {
|
||||
margin: 0;
|
||||
@@ -1144,6 +1155,47 @@ body{
|
||||
}
|
||||
}
|
||||
}
|
||||
> .document-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: auto auto;
|
||||
column-gap: 2rem;
|
||||
> figure {
|
||||
grid-column: 1 / 2;
|
||||
grid-row: 1 / 3;
|
||||
margin: 0;
|
||||
background-color: var(--couleur);
|
||||
img {
|
||||
padding: 0.6rem;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
transform: scale(1);
|
||||
transition: transform 0.2s ease-in-out;
|
||||
&:hover {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
@media screen and (min-width: $desktop-min-width) {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
> .infos {
|
||||
> p {
|
||||
margin: 0;
|
||||
margin-bottom: 0.8rem;
|
||||
&:first-of-type {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
> .download {
|
||||
align-self: end;
|
||||
justify-self: end;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.caption {
|
||||
@@ -1228,12 +1280,36 @@ body{
|
||||
}
|
||||
}
|
||||
#centre-de-ressource {
|
||||
.filters {
|
||||
margin: 3rem 0;
|
||||
margin-top: 5rem;
|
||||
> .search-bar{
|
||||
margin-right: 2rem;
|
||||
border: solid 1px var(--couleur);
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 1rem;
|
||||
font-size: $sm-font-size-mobile;
|
||||
font-family: 'Marianne', sans-serif;
|
||||
}
|
||||
> select {
|
||||
appearance: none;
|
||||
border: solid 1px var(--couleur);
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: $sm-font-size-mobile;
|
||||
font-family: 'Marianne', sans-serif;
|
||||
border-radius: 1rem;
|
||||
background-color: white;
|
||||
background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='rgba(128, 200, 191)' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
|
||||
background-position: calc(100% - 1rem) center !important;
|
||||
padding-right: 2.5rem !important;
|
||||
}
|
||||
}
|
||||
> .intro {
|
||||
font-size: $sm-font-size-mobile;
|
||||
width: 66%;
|
||||
margin-bottom: 4rem;
|
||||
@media screen and (min-width: $desktop-min-width) {
|
||||
font-size: $sm-font-size-desktop;
|
||||
width: 66%;
|
||||
}
|
||||
}
|
||||
> .type-section {
|
||||
@@ -1376,13 +1452,19 @@ body{
|
||||
background-size: 300px;
|
||||
background-size: repeat;
|
||||
}
|
||||
.related-etape-label {
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1rem;
|
||||
padding-left: calc($modale-x-padding / 2);
|
||||
font-size: $sm-font-size-mobile;
|
||||
@media screen and (min-width: $desktop-min-width) {
|
||||
font-size: $sm-font-size-desktop;
|
||||
> div:has(.related-etape-label) {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
.related-etape-label {
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1rem;
|
||||
padding-left: calc($modale-x-padding / 2);
|
||||
font-size: $sm-font-size-mobile;
|
||||
margin-bottom: 1.5rem;
|
||||
@media screen and (min-width: $desktop-min-width) {
|
||||
margin-bottom: 0;
|
||||
font-size: $sm-font-size-desktop;
|
||||
}
|
||||
}
|
||||
}
|
||||
.related-etape-links {
|
||||
@@ -1489,17 +1571,26 @@ body{
|
||||
.ressource-list > div:not(.ressource-item),
|
||||
.ressource-list.sm-ressource-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-columns: 1fr;
|
||||
align-items: start;
|
||||
gap: 2rem;
|
||||
margin-bottom: 2.5rem;
|
||||
@media screen and (min-width: $tablet-min-width) {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
@media screen and (min-width: $desktop-min-width) {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
&.sm-ressource-list {
|
||||
margin-top: 2rem;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
> .ressource-item > div {
|
||||
display: flex;
|
||||
gap: 1.5rem;
|
||||
gap: 0.8rem;
|
||||
@media screen and (min-width: $desktop-min-width) {
|
||||
gap: 1.2rem;
|
||||
}
|
||||
cursor: pointer;
|
||||
transform: scale(1);
|
||||
transition: transform 0.2s ease-in-out;
|
||||
|
||||
Reference in New Issue
Block a user