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

Jump to navigation Jump to search
Content added Content deleted
No edit summary
No edit summary
Line 6: Line 6:
:root {
:root {
--byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%); // match --byline-color
--byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%); // match --byline-color
--tile-border-color: @BODY_BORDER;
--tile-border-color: @BODY_DARK;
--tile-background-color: @BODY_LIGHT;
--tile-background-color: @BODY_DARK;
--tile-link-button-color: #f5e9db;
--tile-link-button-color: #f5e9db;
--tile-link-button-highlight-color: saturate( darken( #e2d2ba, 2.5% ), 2% );
--tile-link-button-highlight-color: saturate( darken( #e2d2ba, 2.5% ), 2% );
--tile-dark-color: @white;
--tile-dark-color: @white;
--tile-dark-bg: @shuttle-gray;
--tile-dark-bg: @BODY_DARK;
--tile-dark-link-color: #ccc;
--tile-dark-link-color: #ccc;
--tile-dark-byline-color: fade( @white, 70% );
--tile-dark-byline-color: fade( @white, 70% );
Line 83: Line 83:
display: flex;
display: flex;
flex-flow: row wrap;
flex-flow: row wrap;
border: 1px solid var(--tile-border-color);
background: var(--tile-background-color);
background: var(--tile-background-color);
box-shadow: @box-shadow;
box-shadow: @box-shadow;
Line 108: Line 107:
display: flex;
display: flex;
align-items: center; // vertically center images
align-items: center; // vertically center images
background-color: var(--byline-color);
background-color: var(--body-light);
overflow: hidden;
overflow: hidden;
padding: 0;
padding: 0;
Line 137: Line 136:
.tile-bottom {
.tile-bottom {
background: var(--tile-background-color);
background: var(--tile-background-color);
border-top: 1px solid var(--tile-border-color);
width: 100%;
width: 100%;
padding: 1rem 1.5rem .6rem;
padding: 1rem 1.5rem .6rem;
h2 {
a {
color: @white;
}
}


&.link-button {
&.link-button {