c88f625485
- Increase footer font size from small to medium for better readability - Ensure all footer text is properly centered including disclaimer - Add explicit text-align: center and display: block for disclaimer small text - Maintain responsive design with smaller font on mobile but still readable - Update mobile disclaimer font size to small instead of extra small
61 lines
1.1 KiB
SCSS
61 lines
1.1 KiB
SCSS
// Import variables and mixins
|
|
@use '../variables' as *;
|
|
@use '../mixins' as *;
|
|
|
|
// Shared footer styles
|
|
footer {
|
|
margin-top: $spacing-xl;
|
|
padding: $spacing-lg;
|
|
background-color: var(--bg-secondary);
|
|
border-top: 1px solid var(--border-color);
|
|
border-radius: $border-radius-md $border-radius-md 0 0;
|
|
|
|
p {
|
|
margin: $spacing-sm 0;
|
|
color: var(--text-color);
|
|
text-align: center;
|
|
font-size: $font-size-md;
|
|
line-height: 1.6;
|
|
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: var(--link-color);
|
|
text-decoration: underline;
|
|
|
|
&:hover {
|
|
color: var(--link-hover);
|
|
}
|
|
}
|
|
|
|
.disclaimer {
|
|
margin-top: $spacing-md;
|
|
text-align: center;
|
|
|
|
small {
|
|
color: var(--text-secondary);
|
|
font-size: $font-size-md;
|
|
line-height: 1.5;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
@include mobile {
|
|
padding: $spacing-md;
|
|
|
|
p {
|
|
font-size: $font-size-sm;
|
|
}
|
|
|
|
.disclaimer small {
|
|
font-size: $font-size-sm;
|
|
}
|
|
}
|
|
}
|