Template:NewsItem/styles.css: Difference between revisions

Revision as of 13:27, 16 January 2026

/* Hide SMW annotation block */
.lw-news-smw { display:none; }

/* Card */
.lw-news-card{
  border:1px solid var(--border-color-base, #e5e5e5);
  background:var(--background-color-base, #fff);
  border-radius:16px;
  padding:20px;
  margin:0 0 18px 0;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}

/* Header row */
.lw-news-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.lw-news-date{
  font-size:0.95em;
  color:var(--color-base--subtle, #555);
}

/* Badge */
.lw-news-badge{
  font-size:0.85em;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid var(--border-color-base, #e5e5e5);
  background:var(--background-color-neutral-subtle, #f7f7f7);
  white-space:nowrap;
}

/* Title */
.lw-news-title{
  margin:0 0 10px 0;
  font-size:1.35em;
  line-height:1.25;
}

/* Meta chips */
.lw-news-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px 0;
}

.lw-news-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--border-color-base, #e5e5e5);
  background:var(--background-color-neutral-subtle, #f7f7f7);
  font-size:0.92em;
}

/* Summary */
.lw-news-summary{
  margin:0 0 14px 0;
  line-height:1.55;
}

/* Source link as button-ish */
.lw-news-actions{
  margin-top:8px;
}

.lw-news-source{
  display:inline-block;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--border-color-base, #e5e5e5);
  background:var(--background-color-neutral-subtle, #f7f7f7);
  text-decoration:none;
}

.lw-news-source:hover{
  filter:brightness(0.98);
}