MediaWiki:Minerva.less/mainpage.less: Difference between revisions
no edit summary
(Created page with "→=================== MAIN PAGE ===================: // preview the mobile main page at <https://brightershoreswiki.org/?useformat=mobile> →=================== mixins ===================: .uppercase-heading(@text-color: var(--byline-color)) { color: @text-color; font-weight: bold; text-transform: uppercase; letter-spacing: .025em; } @keyframes slide-up { from { opacity: 0; transform: translateY(1rem)...") |
No edit summary |
||
| (8 intermediate revisions by the same user not shown) | |||
Line 4:
// preview the mobile main page at <https://brightershoreswiki.org/?useformat=mobile>
/* ===================
variables
=================== */
@mp-text-light: fade( @white, 90% );
@mp-gutter-width: .9rem;
/* ===================
Line 55 ⟶ 62:
// common does width: 100%
width: inherit;
border: none;
}
}
Line 61 ⟶ 70:
.tile {
padding:
h2 {
Line 179 ⟶ 188:
.tile-top {
padding: 0;
height:
}
.tile-bottom {
border: none;
▲ h2 {
width: 100%;▼
}
}
Line 216 ⟶ 221:
/* --------------------
-------------------- */
.mainpage-
border: none;
display: flex;
padding: 1em 2em;▼
align-items: center;
height: 70px; // not in em because the server icon is a fixed size▼
justify-content: center;
.
margin: 0 1em 0 -1em;▼
text-align: center;
}
.
color: @white;
font-weight: bold;
font-size: 1.25em;
margin: 0;
}
.
color: @mp-text-light;
margin: 0;
}
Line 239 ⟶ 256:
}
.tile-bottom {
border: none;
color: @white;
font-size: .9em;
text-align: center;
margin: 0;
}
}
.mainpage-twitter {▼
▲ margin-bottom: 0;
// Discord colors
&.mainpage-discord {
background: @discord-bg;
▲ padding: 1em 2em;
}
.
}
}
▲ .twitter-name {
▲ margin: 0;
// X (Twitter) colors
▲ &.mainpage-twitter {
.tile-top {
background: @twitter-bg;
}
.
}
| |||