Template:Main Page - styles/styles.css: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) No edit summary |
Eloise Zomia (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* ============================================ */ | /* ============================================ */ | ||
/* MAIN PAGE | /* MAIN PAGE HERO */ | ||
/* ============================================ */ | /* ============================================ */ | ||
.lw-hero { | |||
. | margin: 0 0 8px; | ||
} | } | ||
.lw-hero__ident { | |||
. | display: flex; | ||
align-items: center; | |||
gap: 14px; | |||
margin: 0 0 6px; | |||
} | } | ||
.lw-hero__logo { | |||
. | width: 52px; | ||
height: 52px; | |||
flex-shrink: 0; | |||
} | } | ||
.lw-hero__logo img { | |||
. | display: block; | ||
width: 100% !important; | |||
height: auto !important; | |||
max-width: none !important; | |||
} | } | ||
.lw-hero__title { | |||
. | margin: 0; | ||
font-size: 1.6rem; | |||
font-weight: 700; | |||
color: #1a2612; | |||
line-height: 1.2; | |||
border: none; | |||
font-family: inherit; | |||
letter-spacing: 0; | |||
} | } | ||
.lw-hero__title::after { | |||
. | display: none; | ||
} | } | ||
.lw-hero__desc { | |||
. | margin: 0; | ||
font-size: .95rem; | |||
color: #34402d; | |||
line-height: 1.6; | |||
} | } | ||
.lw-hero__desc a { | |||
. | color: #2d6a4f; | ||
text-decoration: underline; | |||
} | } | ||
.lw-hero__desc a:hover { | |||
. | color: #40916c; | ||
} | |||
@media (max-width: 600px) { | |||
font- | .lw-hero__ident { | ||
gap: 10px; | |||
} | |||
.lw-hero__logo { | |||
width: 42px; | |||
height: 42px; | |||
} | |||
.lw-hero__title { | |||
font-size: 1.35rem; | |||
} | |||
.lw-hero__desc { | |||
font-size: .9rem; | |||
} | |||
} | } | ||
Revision as of 13:54, 1 April 2026
/* ============================================ */
/* MAIN PAGE HERO */
/* ============================================ */
.lw-hero {
margin: 0 0 8px;
}
.lw-hero__ident {
display: flex;
align-items: center;
gap: 14px;
margin: 0 0 6px;
}
.lw-hero__logo {
width: 52px;
height: 52px;
flex-shrink: 0;
}
.lw-hero__logo img {
display: block;
width: 100% !important;
height: auto !important;
max-width: none !important;
}
.lw-hero__title {
margin: 0;
font-size: 1.6rem;
font-weight: 700;
color: #1a2612;
line-height: 1.2;
border: none;
font-family: inherit;
letter-spacing: 0;
}
.lw-hero__title::after {
display: none;
}
.lw-hero__desc {
margin: 0;
font-size: .95rem;
color: #34402d;
line-height: 1.6;
}
.lw-hero__desc a {
color: #2d6a4f;
text-decoration: underline;
}
.lw-hero__desc a:hover {
color: #40916c;
}
@media (max-width: 600px) {
.lw-hero__ident {
gap: 10px;
}
.lw-hero__logo {
width: 42px;
height: 42px;
}
.lw-hero__title {
font-size: 1.35rem;
}
.lw-hero__desc {
font-size: .9rem;
}
}