Template:NewsItem/styles.css: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) Undo revision 2425 by Eloise Zomia (talk) Tag: Undo |
Eloise Zomia (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
.news-card{ | .news-card{ | ||
border:1px solid var(--border-color, #e6e6e6); | |||
border-radius:14px; | |||
background:var(--background-color, #fff); | |||
padding:18px 18px 16px 18px; | |||
max-width:920px; | |||
} | } | ||
.news-card__header{ | .news-card__header{ | ||
display:flex; | |||
align-items:center; | |||
justify-content:space-between; | |||
gap:12px; | |||
margin-bottom:10px; | |||
} | } | ||
.news-card__date{ | .news-card__date{ | ||
font-size:0.95em; | |||
font-weight:600; | |||
opacity:0.9; | |||
} | } | ||
.news-card__badge{ | |||
.news- | font-size:0.78em; | ||
font-weight:700; | |||
letter-spacing:0.04em; | |||
text-transform:uppercase; | |||
padding:6px 10px; | |||
border-radius:999px; | |||
border:1px solid var(--border-color, #e6e6e6); | |||
background:rgba(0,0,0,0.03); | |||
} | } | ||
.news-card__title{ | .news-card__title{ | ||
font-size:1.25em; | |||
font-weight:700; | |||
line-height:1.2; | |||
margin:2px 0 10px 0; | |||
} | |||
.news-card__titlelink{ | |||
text-decoration:none; | |||
} | |||
.news-card__titlelink:hover{ | |||
text-decoration:underline; | |||
} | } | ||
.news-card__meta{ | .news-card__meta{ | ||
display:flex; | |||
flex-wrap:wrap; | |||
gap:8px; | |||
margin:0 0 12px 0; | |||
} | } | ||
.news-card__tag{ | .news-card__tag{ | ||
font-size:0.9em; | |||
padding:6px 10px; | |||
border-radius:999px; | |||
border:1px solid var(--border-color, #e6e6e6); | |||
background:rgba(0,0,0,0.02); | |||
} | |||
.news-card__taglink{ | |||
text-decoration:none; | |||
} | |||
.news-card__taglink:hover{ | |||
text-decoration:underline; | |||
} | } | ||
.news-card__summary{ | .news-card__summary{ | ||
font-size:1em; | |||
line-height:1.55; | |||
margin:0 0 14px 0; | |||
} | } | ||
.news-card__footer{ | .news-card__footer{ | ||
display:flex; | |||
justify-content:flex-start; | |||
} | |||
.news-card__sourcebtn{ | |||
display:inline-block; | |||
padding:10px 14px; | |||
border-radius:12px; | |||
border:1px solid var(--border-color, #e6e6e6); | |||
background:rgba(0,0,0,0.02); | |||
text-decoration:none; | |||
font-weight:700; | |||
} | } | ||
.news-card__sourcebtn:hover{ | |||
.news- | text-decoration:underline; | ||
} | } | ||
Revision as of 15:40, 16 January 2026
.news-card{
border:1px solid var(--border-color, #e6e6e6);
border-radius:14px;
background:var(--background-color, #fff);
padding:18px 18px 16px 18px;
max-width:920px;
}
.news-card__header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
.news-card__date{
font-size:0.95em;
font-weight:600;
opacity:0.9;
}
.news-card__badge{
font-size:0.78em;
font-weight:700;
letter-spacing:0.04em;
text-transform:uppercase;
padding:6px 10px;
border-radius:999px;
border:1px solid var(--border-color, #e6e6e6);
background:rgba(0,0,0,0.03);
}
.news-card__title{
font-size:1.25em;
font-weight:700;
line-height:1.2;
margin:2px 0 10px 0;
}
.news-card__titlelink{
text-decoration:none;
}
.news-card__titlelink:hover{
text-decoration:underline;
}
.news-card__meta{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 12px 0;
}
.news-card__tag{
font-size:0.9em;
padding:6px 10px;
border-radius:999px;
border:1px solid var(--border-color, #e6e6e6);
background:rgba(0,0,0,0.02);
}
.news-card__taglink{
text-decoration:none;
}
.news-card__taglink:hover{
text-decoration:underline;
}
.news-card__summary{
font-size:1em;
line-height:1.55;
margin:0 0 14px 0;
}
.news-card__footer{
display:flex;
justify-content:flex-start;
}
.news-card__sourcebtn{
display:inline-block;
padding:10px 14px;
border-radius:12px;
border:1px solid var(--border-color, #e6e6e6);
background:rgba(0,0,0,0.02);
text-decoration:none;
font-weight:700;
}
.news-card__sourcebtn:hover{
text-decoration:underline;
}