taille carte (variables)

master
LAPTOP-LJ9LM6JH\franc 4 years ago
parent 03e7b5b45b
commit 4ae879b09d

@ -12,6 +12,9 @@
--colorfour : #E6DA27; --colorfour : #E6DA27;
--colorfive : #2E6DB4; --colorfive : #2E6DB4;
--colorsix : #E6792F; --colorsix : #E6792F;
/*Tailles cartes*/
--tailleTablette : 14vh;
--taille: 10vw;
/*Les formes*/ /*Les formes*/
--u: calc(var(--x) / 2.75); --u: calc(var(--x) / 2.75);
--v: calc(var(--y) / 2.75); --v: calc(var(--y) / 2.75);

@ -1,10 +1,6 @@
/*Ecran*/ /*Ecran*/
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
:root {
--taille: 10vw;
}
/*PARTIE FORMES*/ /*PARTIE FORMES*/
.containform3 { .containform3 {
position: relative; position: relative;

@ -1,10 +1,6 @@
/*DemTéléphone 1i Ecran*/ /*DemTéléphone 1i Ecran*/
@media screen and (min-width: 669px) and (max-width: 992px) { @media screen and (min-width: 669px) and (max-width: 992px) {
:root{
--taille : 14vh;
}
.containform3 { .containform3 {
position: relative; position: relative;
height: calc(1.25*var(--x)); height: calc(1.25*var(--x));
@ -280,7 +276,7 @@
.flex-item { .flex-item {
flex-grow: 1; flex-grow: 1;
background: var(--lightsedonca); background: var(--lightsedonca);
width: var(--taille); width: var(--tailleTablette);
border-radius: 0.75vw; border-radius: 0.75vw;
padding-right: 0.15vw; padding-right: 0.15vw;
padding-left: 0.15vw; padding-left: 0.15vw;

Loading…
Cancel
Save