Template:News feed item/styles.css: Difference between revisions
From WikiMSK
(Created page with ".news__item-card { margin: 0 0.2rem 0.4rem 0.2rem; min-width: 240px; max-width: 100%; display: flex; font-size: 0.875rem; flex-grow: 1; flex-direct...") |
No edit summary |
||
Line 1: | Line 1: | ||
.news__item-card { | .news__item-card { | ||
margin: 0 0.2rem | margin: 0 0.2rem 1.5rem 0.2rem; | ||
min-width: 240px; | min-width: 240px; | ||
max-width: 100%; | max-width: 100%; |
Latest revision as of 14:27, 2 April 2022
.news__item-card {
margin: 0 0.2rem 1.5rem 0.2rem;
min-width: 240px;
max-width: 100%;
display: flex;
font-size: 0.875rem;
flex-grow: 1;
flex-direction: column;
box-sizing: border-box;
border: 1px solid #eaecf0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.06);
transition: box-shadow 0.2s ease;
padding:1.2em;
border-radius:0;
height:100%;
}
.news__item-card:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.0475), 0 6px 6px rgba(0, 0, 0, 0.0575);
}