5a792463cc
Refactored multiple components to improve responsive design, ensuring better usability on smaller screens. Standardized class names for clarity and consistency, and adjusted layouts and styles to enhance overall alignment and accessibility.
67 lines
931 B
SCSS
67 lines
931 B
SCSS
.full-page-list {
|
|
margin-left: 70px;
|
|
font-family: 'opensans', sans-serif;
|
|
margin-bottom: 30px;
|
|
color: var(--font-color);
|
|
transition: 0.5s ease;
|
|
}
|
|
|
|
.full-page-list li {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.highlightedContent {
|
|
width: 70%;
|
|
margin: auto;
|
|
background: var(--color-quinary);
|
|
padding: 20px;
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
transition: 0.5s ease;
|
|
}
|
|
|
|
.highlightedContent p {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
.paragraph {
|
|
width: 100%;
|
|
margin-bottom: -20px;
|
|
}
|
|
|
|
.paragraph p {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
li {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.hide {
|
|
display: none !important;
|
|
}
|
|
|
|
@media (max-width: 1000px) {
|
|
main .container {
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 670px) {
|
|
main .container {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
.full-page-list {
|
|
text-align: left;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.visLagLimiter {
|
|
height: 150px;
|
|
}
|
|
}
|