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

no edit summary
No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 105:
padding-right: 1.75em;
max-width: 100%;
border: none;
}
 
Line 111 ⟶ 112:
margin-bottom: 0;
}
 
}
 
Line 118:
gap: 0.9rem
}
 
/* remove this when we get a 6th thing to add on the mainpage "events" */
.mainpage-contents.tile-row {
display: flex;
.tile-top {
height: 6.5rem;
}
}
/* remove until above this line */
 
// left column
Line 180 ⟶ 170:
wiki contents
-------------------- */
@mp-contents-height: 45.5rem;
 
.mainpage-contents {
grid-area: content;
grid-template-columns: repeat(65, 1fr);
 
.tile-halves {
flex: 1;
background: @discord-bg-darknone;
}
 
.tile-top {
height: 4.5rem@mp-contents-height;
position: relative; // needed for ribbon
&.tile-image img {
height: 6.5remauto;
}
}
 
Line 199 ⟶ 194:
padding: 0;
}
.tile-bottom {
box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
h2 {
background: var(--body-darker);
box-shadow: @infobox-card-shadow;
margin: 3px !important;
}
 
.tile-bottom &.link-button a {
padding: 0.75em65em 0.2em; // prevent grid gap misalignment
}
}
 
Line 241 ⟶ 246:
 
/* --------------------
discord server & twitter/X
-------------------- */
.mainpage-discordsocial {
border: none;
box-shadow: @box-shadow-dark;
Line 250 ⟶ 255:
display: flex;
align-items: center;
backgroundpadding: @discord-bg1em 1.5em;
padding: 1em 1.25em;
 
a {
flex: 1;
position: relative; // allow link to cover icon
text-decoration: none;
 
Line 267 ⟶ 271:
 
.tile-bottom {
background: @discord-bg-dark;
border: none;
padding: 1em 1.25em75em;
 
p {
Line 283 ⟶ 286:
}
 
.partnersocial-icon {
margin-right: .75em;
text-align: center;
Line 289 ⟶ 292:
}
 
.serversocial-nameheader {
color: @white;
font-weight: bold;
font-size: 1.25em15em;
margin: .5em 0 -0.15em;
}
Line 310 ⟶ 313:
transition: .3s ease-out;
}
// Discord colors
&.mainpage-discord {
 
.tile-top {
background: @discord-bg;
}
 
.tile-bottom {
background: @discord-bg-dark;
}
 
}
 
// X (Twitter) colors
&.mainpage-twitter {
 
.tile-top {
background: @twitter-bg;
}
 
.tile-bottom {
background: @twitter-bg-dark;
}
}
}
 
Line 322 ⟶ 349:
 
.tile-top {
background: @steelvar(-blue-body-darker);
}