mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-29 00:31:09 +00:00
969cd787d6
The same font weight do not provide the same contrast in different themes. We should be able to change the scaling
127 lines
2.1 KiB
Plaintext
127 lines
2.1 KiB
Plaintext
.citizen-footer {
|
|
padding: var( --space-xl ) var( --padding-page );
|
|
margin-top: var( --space-xl );
|
|
// Reserve space for header
|
|
margin-bottom: var( --header-size );
|
|
background-color: var( --color-surface-2 );
|
|
clear: both;
|
|
color: var( --color-base--subtle );
|
|
direction: ltr;
|
|
font-size: 0.875rem;
|
|
|
|
&__container {
|
|
max-width: var( --width-layout--extended );
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
&__content,
|
|
&__bottom {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: var( --space-md ) 0;
|
|
gap: var( --space-md );
|
|
}
|
|
|
|
&__bottom {
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
border-top: 1px solid var( --border-color-base );
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
&__siteinfo {
|
|
display: flex;
|
|
max-width: 90ch;
|
|
flex-direction: column;
|
|
gap: var( --space-sm );
|
|
|
|
p {
|
|
margin: 0;
|
|
line-height: var( --line-height );
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: var( --color-base--emphasized );
|
|
font-weight: var( --font-weight-medium );
|
|
}
|
|
|
|
ul {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 0;
|
|
}
|
|
|
|
li {
|
|
list-style: none;
|
|
}
|
|
}
|
|
|
|
#footer {
|
|
&-sitetitle {
|
|
color: var( --color-base--emphasized );
|
|
font-size: 1.25rem;
|
|
|
|
img.mw-logo-wordmark {
|
|
width: auto;
|
|
height: 54px;
|
|
filter: invert( 1 ) hue-rotate( 180deg );
|
|
}
|
|
}
|
|
|
|
&-places {
|
|
ul {
|
|
flex-direction: column;
|
|
}
|
|
|
|
a {
|
|
display: block;
|
|
padding: var( --space-sm ) var( --space-md );
|
|
border-radius: var( --border-radius--small );
|
|
|
|
&:hover {
|
|
background-color: var( --background-color-quiet--hover );
|
|
}
|
|
|
|
&:active {
|
|
background-color: var( --background-color-quiet--active );
|
|
}
|
|
}
|
|
}
|
|
|
|
&-tagline {
|
|
padding: @margin-side / 2 0;
|
|
}
|
|
|
|
&-icons {
|
|
display: flex;
|
|
|
|
ul {
|
|
gap: var( --space-sm );
|
|
}
|
|
|
|
li {
|
|
display: flex; // Horizontally aligned with there are two icons in the same li
|
|
}
|
|
|
|
a {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media ( min-width: @width-breakpoint-desktop ) {
|
|
.citizen-footer {
|
|
padding-right: ~'calc( var(--padding-page ) * 2 )';
|
|
padding-left: ~'calc( var(--padding-page ) * 2 )';
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#footer-sitetitle {
|
|
font-size: 2rem;
|
|
}
|
|
}
|