MediaWiki:Minerva.less/mainpage.less: Difference between revisions

Jump to navigation Jump to search
Browse history interactively
Content added Content deleted
(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
Line 216: Line 216:


/* --------------------
/* --------------------
discord server
social
-------------------- */
-------------------- */


.mainpage-discord {
.mainpage-social {
border: none;
⚫
margin-bottom: 0;


.tile-top {
.tile-top {
⚫
display: flex;
⚫
padding: 1em 2em;
align-items: center;
⚫
height: 70px; // not in em because the server icon is a fixed size
justify-content: center;
⚫
padding: 1em 2em;
⚫
height: 70px; // not in em because the server icon is a fixed size


.partner-icon {
.social-icon {
margin-right: 1em;
float: left;
margin: 0 1em 0 -1em;
width: 60px;
text-align: center;
}
}


.server-name {
.social-header {
color: @white;
font-weight: bold;
font-size: 1.25em;
margin: 0;
margin: 0;
}
}


.server-tagline {
.social-tagline {
color: @mp-text-light;
margin: 0;
margin: 0;
}
}
Line 239: Line 251:
}
}


.tile-bottom {
}
border: none;
⚫
padding: 1em 2em;


⚫
p {
/* --------------------
twitter
.uppercase-heading();
color: @white;
-------------------- */
font-size: .9em;
text-align: center;
margin: 0;
}


}
⚫
.mainpage-twitter {
⚫
margin-bottom: 0;
// Discord colors
&.mainpage-discord {


.tile-top {
.tile-top {
background: @discord-bg;
⚫
padding: 1em 2em;
}
height: 70px; // not in em because the server icon is a fixed size


.twitter-logo {
.tile-bottom {
margin-right: 1em;
background: @discord-bg-dark;
}
}


}
⚫
.twitter-name {

⚫
margin: 0;
// X (Twitter) colors
⚫
&.mainpage-twitter {

.tile-top {
background: @twitter-bg;
}
}


.twitter-tagline {
.tile-bottom {
margin: 0;
background: @twitter-bg-dark;
}
}


Retrieved from ‘https://brightershoreswiki.org/w/MediaWiki:Minerva.less/mainpage.less’