4610796392
Updated footer border-radius to include all corners instead of just top corners for improved visual appearance. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
61 lines
1 KiB
SCSS
61 lines
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;
|
|
|
|
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;
|
|
}
|
|
}
|
|
}
|