AltitudeWeb/frontend/src/app/rules/rules.component.scss
Peter 0652e5e55e Fixed all styling for rules page.
Reorganized SCSS files for better structure and maintainability. Updated layouts to ensure consistent spacing, alignment, and responsiveness across components. Note: "Show exceptions" still needs to be fixed.
Also fixed social icon spacing in the footer.
2025-04-06 10:11:23 +02:00

73 lines
1.0 KiB
SCSS

.paragraph {
width: 100%;
margin-bottom: -25px;
}
.highlighted-content {
width: 70%;
background: var(--color-quaternary);
padding: 20px;
margin: auto auto 30px;
text-align: center;
border-radius: 5px;
transition: 0.5s ease;
}
.highlighted-content p {
margin-bottom: 0 !important;
}
.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;
}
.full-page-list-2 {
margin-left: 70px;
font-family: 'opensans', sans-serif;
margin-bottom: 0;
}
.list > li {
margin-left: 70px;
font-family: 'opensans', sans-serif;
color: var(--font-color);
transition: 0.5s ease;
}
.hide {
display: none;
}
.copy-link {
cursor: pointer;
}
// Different resolution changes
@media (max-width: 1000px) {
main .container {
text-align: left;
}
.list {
text-align: left;
}
}
@media (max-width: 670px) {
main .container {
text-align: center;
}
.list {
margin-left: 50px;
}
}