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 0.4rem 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);
}