Template:NewsItem/styles.css: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) No edit summary |
Eloise Zomia (talk | contribs) No edit summary |
||
| Line 46: | Line 46: | ||
} | } | ||
.news- | .news-card__meta { | ||
margin: 0 0 8px 0; | |||
margin: 0 0 | |||
} | } | ||
.news-card__tag { | |||
.news- | |||
display: inline-block; | display: inline-block; | ||
padding: | font-size: 0.85rem; | ||
color: #555; | |||
background: #f7f7f7; | |||
border: 1px solid #e6e6e6; | |||
padding: 4px 10px; | |||
border-radius: 6px; | border-radius: 6px; | ||
margin-right: 6px; | |||
} | } | ||
.news- | .news-card__tag a { | ||
color: | color: #d14; | ||
text-decoration: none | text-decoration: none; | ||
} | } | ||
.news-card__tag a:hover { | |||
.news- | text-decoration: underline; | ||
} | } | ||
.news- | .news-card__summary { | ||
font-size: 0.95rem; | |||
line-height: 1.5; | |||
margin: 0 0 12px 0; | |||
color: #222; | |||
. | |||
color: # | |||
} | } | ||
Revision as of 07:19, 17 January 2026
.news-card {
border: 1px solid #e6e6e6;
border-left: 3px solid #b85b3a;
border-radius: 14px;
background: #fff;
padding: 14px 16px;
margin: 0 0 14px 0;
}
.news-card__header {
overflow: hidden;
margin: 0 0 8px 0;
}
.news-card__date {
float: left;
font-size: 0.85rem;
color: #444;
}
.news-card__category-badge {
float: right;
font-size: 0.75rem;
padding: 4px 10px;
border-radius: 999px;
border: 1px solid #e6e6e6;
background: #f7f7f7;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #222;
}
.news-card__region {
clear: both;
font-size: 0.85rem;
color: #555;
margin: 0 0 8px 0;
}
.news-card__title {
font-size: 1.1rem;
font-weight: bold;
line-height: 1.25;
margin: 0 0 8px 0;
color: #111;
}
.news-card__meta {
margin: 0 0 8px 0;
}
.news-card__tag {
display: inline-block;
font-size: 0.85rem;
color: #555;
background: #f7f7f7;
border: 1px solid #e6e6e6;
padding: 4px 10px;
border-radius: 6px;
margin-right: 6px;
}
.news-card__tag a {
color: #d14;
text-decoration: none;
}
.news-card__tag a:hover {
text-decoration: underline;
}
.news-card__summary {
font-size: 0.95rem;
line-height: 1.5;
margin: 0 0 12px 0;
color: #222;
}