diff options
Diffstat (limited to 'src/components/landing/Section.module.css')
-rw-r--r-- | src/components/landing/Section.module.css | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src/components/landing/Section.module.css b/src/components/landing/Section.module.css new file mode 100644 index 0000000..3f2bbdc --- /dev/null +++ b/src/components/landing/Section.module.css | |||
@@ -0,0 +1,38 @@ | |||
1 | /* | ||
2 | * SPDX-FileCopyrightText: 2023 Kristóf Marussy | ||
3 | * | ||
4 | * SPDX-License-Identifier: MIT | ||
5 | */ | ||
6 | |||
7 | .section { | ||
8 | display: flex; | ||
9 | flex-direction: column; | ||
10 | padding: 2rem; | ||
11 | } | ||
12 | |||
13 | @media (max-width: 996px) { | ||
14 | .section { | ||
15 | padding-left: 0; | ||
16 | padding-right: 0; | ||
17 | } | ||
18 | } | ||
19 | |||
20 | .section__title { | ||
21 | position: relative; | ||
22 | display: block; | ||
23 | --ifm-h2-font-size: 2rem; | ||
24 | margin: 0 auto 1rem auto; | ||
25 | padding-bottom: 0.25rem; | ||
26 | } | ||
27 | |||
28 | .section__title::after { | ||
29 | content: ' '; | ||
30 | position: absolute; | ||
31 | height: 0.25rem; | ||
32 | width: 100%; | ||
33 | bottom: 0; | ||
34 | left: 0; | ||
35 | right: 0; | ||
36 | background: var(--ifm-color-primary); | ||
37 | transform: skew(-30deg, 0); | ||
38 | } | ||