chore: Moved reusable CSS classes to shared stylesheet
This commit is contained in:
@ -21,18 +21,6 @@
|
|||||||
.content > p:not(:first-child) {
|
.content > p:not(:first-child) {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
.alternating-background-container > :nth-child(2n-1) {
|
|
||||||
background-color: var(--primary-alternating-color);
|
|
||||||
}
|
|
||||||
.alternating-background-container > :nth-child(2n) {
|
|
||||||
background-color: var(--secondary-alternating-color);
|
|
||||||
}
|
|
||||||
.alternating-background-container > div {
|
|
||||||
padding: 2rem 0;
|
|
||||||
}
|
|
||||||
.alternating-primary-brown {
|
|
||||||
--primary-alternating-color: rgba(var(--brown), .21);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
.title {
|
.title {
|
||||||
|
|||||||
@ -61,6 +61,14 @@ footer {
|
|||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 3rem;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.h-100 {
|
.h-100 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
@ -153,6 +161,19 @@ footer {
|
|||||||
max-width: 100px;
|
max-width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.alternating-background-container > :nth-child(2n-1) {
|
||||||
|
background-color: var(--primary-alternating-color);
|
||||||
|
}
|
||||||
|
.alternating-background-container > :nth-child(2n) {
|
||||||
|
background-color: var(--secondary-alternating-color);
|
||||||
|
}
|
||||||
|
.alternating-background-container > div {
|
||||||
|
padding: 2rem 0;
|
||||||
|
}
|
||||||
|
.alternating-primary-brown {
|
||||||
|
--primary-alternating-color: rgba(var(--brown), .21);
|
||||||
|
}
|
||||||
|
|
||||||
.mobile-nav {
|
.mobile-nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
Reference in New Issue
Block a user