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

Jump to navigation Jump to search
Content added Content deleted
No edit summary
(compensate for new margin)
Line 118: Line 118:
gap: 0.9rem
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: 5.5rem;
}
}
/* remove until above this line */


// left column
// left column
Line 180: Line 170:
wiki contents
wiki contents
-------------------- */
-------------------- */
@mp-contents-height: 4.5rem;
@mp-contents-height: 5.5rem;


.mainpage-contents {
.mainpage-contents {
grid-area: content;
grid-area: content;
grid-template-columns: repeat(6, 1fr);
grid-template-columns: repeat(5, 1fr);


.tile-halves {
.tile-halves {
flex: 1;
flex: 1;
background: none;
border-radius: @infobox-outer-radius;
overflow: hidden;
}
}


.tile-top {
.tile-top {
height: 4.5rem;
height: @mp-contents-height;
position: relative; // needed for ribbon
position: relative; // needed for ribbon
Line 202: Line 195:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
.tile-bottom {
box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
border-radius: 0 0 @infobox-outer-radius @infobox-outer-radius;
h2 {
background: var(--body-darker);
box-shadow: @infobox-card-shadow;
margin: 3px !important;
border-radius: @infobox-inner-radius;
}
}
}


.tile-bottom.link-button a {
.tile-bottom.link-button a {
padding: 0.75em 0.2em; // prevent grid gap misalignment
padding: 0.65em 0.2em; // prevent grid gap misalignment
}
}


Line 348: Line 353:


.tile-top {
.tile-top {
background: @steel-blue;
background: var(--body-dark);
}
}