Skip to content

Commit e75f4d5

Browse files
author
Dyrits
committed
.main-title added.
1 parent a98b0b6 commit e75f4d5

4 files changed

Lines changed: 48 additions & 49 deletions

File tree

styles/_components.scss

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,4 +34,26 @@
3434
}
3535
&:hover:before { transform: translateX(0); }
3636
}
37-
}
37+
}
38+
39+
.main-title {
40+
text-align: center;
41+
h2 {
42+
position: relative;
43+
text-transform: uppercase;
44+
font-size: 4rem;
45+
font-weight: 700;
46+
span { color: var(--color-secondary); }
47+
.bg-text {
48+
position: absolute;
49+
top: 50%;
50+
left: 50%;
51+
color: var(--color-grey-5);
52+
transition: all .4s ease-in-out;
53+
z-index: -1;
54+
transform: translate(-50%, -50%);
55+
font-weight: 800;
56+
font-size: 6.3rem;
57+
}
58+
}
59+
}

styles/styles.css

Lines changed: 24 additions & 24 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

styles/styles.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

styles/styles.scss

Lines changed: 0 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -458,27 +458,4 @@ section.container {
458458
}
459459
}
460460
}
461-
462-
.main-title {
463-
text-align: center;
464-
h2 {
465-
position: relative;
466-
text-transform: uppercase;
467-
font-size: 4rem;
468-
font-weight: 700;
469-
span { color: var(--color-secondary); }
470-
.bg-text {
471-
position: absolute;
472-
top: 50%;
473-
left: 50%;
474-
color: var(--color-grey-5);
475-
transition: all .4s ease-in-out;
476-
z-index: -1;
477-
transform: translate(-50%, -50%);
478-
font-weight: 800;
479-
font-size: 6.3rem;
480-
}
481-
}
482-
}
483-
484461
@import './media';

0 commit comments

Comments
 (0)