Improve footer typography and alignment
- 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
This commit is contained in:
parent
dbf7b8e282
commit
c88f625485
3 changed files with 11 additions and 5 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -14,7 +14,7 @@ footer {
|
|||
margin: $spacing-sm 0;
|
||||
color: var(--text-color);
|
||||
text-align: center;
|
||||
font-size: $font-size-sm;
|
||||
font-size: $font-size-md;
|
||||
line-height: 1.6;
|
||||
|
||||
&:first-child {
|
||||
|
@ -37,11 +37,13 @@ footer {
|
|||
|
||||
.disclaimer {
|
||||
margin-top: $spacing-md;
|
||||
text-align: center;
|
||||
|
||||
small {
|
||||
color: var(--text-secondary);
|
||||
font-size: $font-size-xs;
|
||||
font-size: $font-size-md;
|
||||
line-height: 1.5;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -49,7 +51,11 @@ footer {
|
|||
padding: $spacing-md;
|
||||
|
||||
p {
|
||||
font-size: $font-size-xs;
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
.disclaimer small {
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue