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

no edit summary
No edit summary
No edit summary
 
(13 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 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: auto;
}
}
 
Line 189 ⟶ 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 231 ⟶ 246:
 
/* --------------------
discord server & twitter/X
-------------------- */
.mainpage-discordsocial {
border: none;
box-shadow: @box-shadow-dark;
Line 240 ⟶ 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 257 ⟶ 271:
 
.tile-bottom {
background: @discord-bg-dark;
border: none;
padding: 1em 1.25em75em;
 
p {
Line 273 ⟶ 286:
}
 
.partnersocial-icon {
margin-right: .75em;
text-align: center;
Line 279 ⟶ 292:
}
 
.serversocial-nameheader {
color: @white;
font-weight: bold;
font-size: 1.25em15em;
margin: .5em 0 -0.15em;
}
Line 300 ⟶ 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 312 ⟶ 349:
 
.tile-top {
background: @steelvar(-blue-body-darker);
}