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: @ |
--tile-border-color: @BODY_DARK; |
||
--tile-background-color: @ |
--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: @ |
--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(-- |
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 { |