studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

start hero styling

Browse source
This commit is contained in:
isUnknown 2024-07-30 12:07:47 +02:00
parent aa265db0d3
commit a5ec57959d
11 changed files with 139 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

27
assets/css/src/hero.css Normal file
View file

@ -0,0 +1,27 @@
.hero {
display: grid;
grid-template-columns: 2fr 3fr;
}
.hero__text {
padding: 2.5rem;
}
.hero__text h2 {
font-size: var(--font-size-h1);
width: 100%;
text-align: center;
margin-bottom: 2rem;
}
.hero__text h3 {
color: var(--color-salmon);
}
.hero__text p:not(:last-of-type) {
margin-bottom: 1rem;
}
.hero__text p:first-of-type {
margin-top: 2rem;
}

1
assets/css/src/nav.css
View file

@ -10,6 +10,7 @@
.main-nav .logo {
font-weight: normal;
transition: opacity 0.2s ease-in-out;
font-size: var(--font-size-h2);
}
.main-nav .logo > * {

18
assets/css/src/text.css
View file

@ -12,3 +12,21 @@ body {
font-family: "Joker";
font-size: var(--font-size-body);
}
h1,
.h1 {
font-size: var(--font-size-h1);
font-weight: normal;
}
h2,
.h2 {
font-size: var(--font-size-h2);
font-weight: normal;
}
h3,
.h3 {
font-size: var(--font-size-h3);
font-weight: normal;
}