homogéénéistion css bouton noir

This commit is contained in:
2025-11-13 11:09:54 +01:00
parent 442fc4431a
commit 5f68e33f3d
5 changed files with 17 additions and 77 deletions

View File

@@ -111,7 +111,7 @@
h6{
display: flex;
justify-content: center;
flex: 0 0 40%;
// flex: 0 0 40%;
margin-top: 1rem;
margin-bottom: 2rem !important;
width: fit-content;
@@ -127,7 +127,7 @@
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
font-size: 0.5rem;
padding-left: 0.5rem;
svg{
display: none;

View File

@@ -279,7 +279,7 @@
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
font-size: 0.5rem;
margin-bottom: 0.5rem;
svg{
@@ -337,7 +337,7 @@
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
font-size: 0.5rem;
margin-bottom: 0.5rem;
svg{
display: none;

View File

@@ -1,6 +1,6 @@
// /* TIMELINE
// */
// Calendrier
#home{
* { box-sizing: border-box; }
@@ -19,18 +19,14 @@
height: fit-content;
padding-top: 4rem;
padding-bottom: 3rem;
// padding-top: 3rem;
.field_field_title{
width: fit-content;
margin: auto;
// margin-top: 3.5rem;
// padding-top: 4rem;
font-size: 1.7rem;
padding-left: 0.5rem;
width: fit-content;
font-family: "gilroy-semibold";
padding-bottom: 0.5rem;
}
.field_field_phase{
height: 100%;
@@ -48,11 +44,6 @@
height: fit-content;
}
&.__paragraphs{
// ::before{
// content: '\002022';
// }
}
.paragraph--type--phase-deroulement::after {
content: '';
position: absolute;
@@ -76,54 +67,12 @@
flex-direction: row;
align-items: center;
padding-right: 1rem;
// padding-bottom: 1rem;
@media(max-width:1100px){
flex-direction: column;
align-items: baseline;
padding-bottom: 1rem;
padding-left: 4rem;
}
// .border-symbol{
// align-self: end;
// font-size: 2.5rem;
// display: inline-block; /* Permet d'utiliser height */
// line-height: 0; /* Assure que la hauteur est minimale */
// transform: translateX(1rem);
// @media(max-width:1100px){
// transform: translateY(18.6rem);
// }
// @media(max-width:1080px){
// transform: translateY(18.3rem);
// }
// @media(min-width:809px){
// transform: translateY(20.7rem);
// }
// @media(max-width:770px){
// align-self: center;
// font-size: 2.5rem;
// display: inline-block;
// line-height: 0;
// transform: translateY(21.2rem);
// padding-right: 3rem;
// }
// // @media(max-width:290px){
// // transform: translateY(22.2rem);
// // }
// }
// border-bottom: solid black 1px;
// &:before{
// content:".";
// font-size: 4rem;
// position: absolute;
// top: 50%;
// transform: translateY(-50%); /* Centrer parfaitement verticalement */
// @media(max-width:550px){
// display: none;
// }
// }
.date{
width: fit-content !important;
@@ -153,11 +102,8 @@
&::after{
content: '.';
}
}
}
.annee{
display: flex;
@@ -275,7 +221,7 @@
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.6rem;
font-size: 0.5rem;
width: max-content;
svg{