You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.3 KiB
73 lines
1.3 KiB
/*----------------------------------------*/ |
|
/* 06. TITLE CSS START |
|
/*----------------------------------------*/ |
|
|
|
|
|
.sec { |
|
&-title { |
|
font-size: 48px; |
|
line-height: 1; |
|
font-weight: 600; |
|
letter-spacing: 0.16px; |
|
text-transform: capitalize; |
|
color: var(--black-3); |
|
padding-bottom: 25px; |
|
|
|
@media #{$xl} { |
|
font-size: 45px; |
|
} |
|
|
|
@media #{$lg} { |
|
font-size: 40px; |
|
} |
|
|
|
@media #{$md} { |
|
font-size: 32px; |
|
} |
|
|
|
@media #{$sm} { |
|
font-size: 30px; |
|
} |
|
} |
|
|
|
|
|
|
|
&-subtitle { |
|
font-weight: 500; |
|
font-size: 18px; |
|
line-height: 1.3; |
|
letter-spacing: 1.8px; |
|
text-transform: capitalize; |
|
color: var(--main-color-one); |
|
margin-bottom: 15px; |
|
position: relative; |
|
|
|
span { |
|
font-size: 48px; |
|
line-height: 1; |
|
font-weight: 600; |
|
-webkit-text-stroke: 2px var(--main-color-one); |
|
color: transparent; |
|
position: absolute; |
|
left: 0; |
|
top: 50%; |
|
transform: translateY(-52%); |
|
opacity: 0.1; |
|
|
|
@media #{$sm} { |
|
font-size: 36px; |
|
} |
|
} |
|
|
|
&-2 { |
|
font-weight: 500; |
|
font-size: 18px; |
|
line-height: 1.3; |
|
letter-spacing: 1.8px; |
|
color: var(--main-color-one); |
|
text-transform: uppercase; |
|
text-decoration-line: underline; |
|
padding-bottom: 15px; |
|
} |
|
} |
|
} |