MediaWiki:Minerva.less/tiles.less: Difference between revisions
(Created page with "// standard tile class // mainpage.less relies on this; check before changing anything →------------------ tile ------------------: .tile { padding: 1.5em 2em 1em; h2 { font-weight: 600; border: none; margin-top: .4em; } // reduce spacing when byline and heading appear together // (which should be the only way bylines appear) .byline + h2 { margin-top: -0.5em; } } /* ------------------...") |
No edit summary Tags: Mobile edit Mobile web edit |
||
(2 intermediate revisions by 2 users not shown) | |||
Line 26: | Line 26: | ||
halves |
halves |
||
------------------ */ |
------------------ */ |
||
⚫ | |||
background: var(--body-light) !important; |
|||
border: 1px solid var(--body-border); |
|||
⚫ | |||
// goes inside tile-halves |
// goes inside tile-halves |
||
Line 45: | Line 50: | ||
} |
} |
||
⚫ | |||
/* --------------------- |
|||
oswf tile |
|||
--------------------- */ |
|||
⚫ | |||
float: none !important; |
|||
padding: .5em 2em; |
|||
h2 { |
|||
margin-right: auto; |
|||
margin-left: auto; |
|||
margin-top: -0.5em; |
|||
} |
|||
} |
|||
.oswf-tile { |
|||
margin-bottom: 1em; |
|||
h2 { |
|||
clear: none !important; |
|||
margin-top: 0; |
|||
padding-top: f2em !important; |
|||
} |
|||
.oswf-img { |
|||
display: block; |
|||
max-width: 75px; |
|||
float: right; |
|||
img { |
|||
max-width: 100%; |
|||
height: auto !important; |
|||
} |
|||
} |
|||
} |
} |
Latest revision as of 01:27, 1 April 2024
// standard tile class
// mainpage.less relies on this; check before changing anything
/* ------------------
tile
------------------ */
.tile {
padding: 1.5em 2em 1em;
h2 {
font-weight: 600;
border: none;
margin-top: .4em;
}
// reduce spacing when byline and heading appear together
// (which should be the only way bylines appear)
.byline + h2 {
margin-top: -0.5em;
}
}
/* ------------------
halves
------------------ */
.tile-row {
background: var(--body-light) !important;
border: 1px solid var(--body-border);
}
// goes inside tile-halves
.tile-top {
padding: 1.3rem 1.5rem 2rem;
}
// goes inside tile-halves
.tile-bottom {
padding: 1rem 1.5rem 2rem;
&.read-more {
padding: 0;
a {
padding: 1em 1.75em;
}
}
}