133 lines
2.6 KiB
CSS
133 lines
2.6 KiB
CSS
.developer-feed {
|
|
grid-column: 1 / -1;
|
|
padding: 0;
|
|
border-top: 3px solid var(--theme-color);
|
|
}
|
|
|
|
.developer-feed_header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-sm);
|
|
padding: var(--space-md) var(--space-lg);
|
|
border-bottom: 1px solid var(--gray-200);
|
|
}
|
|
|
|
.developer-feed_header svg,
|
|
.developer-feed_icon svg {
|
|
width: 20px;
|
|
height: 20px;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.developer-feed_header svg {
|
|
color: var(--theme-color);
|
|
}
|
|
|
|
.developer-feed h2 {
|
|
margin: 0;
|
|
font-size: var(--font-size-md);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.developer-feed_group + .developer-feed_group {
|
|
border-top: 1px solid var(--gray-200);
|
|
}
|
|
|
|
.developer-feed_group h3 {
|
|
margin: 0;
|
|
padding: var(--space-sm) var(--space-lg);
|
|
color: var(--gray-700);
|
|
background: var(--gray-50);
|
|
font-size: var(--font-size-sm);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.developer-feed_group ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.developer-feed_group li + li {
|
|
border-top: 1px solid var(--gray-200);
|
|
}
|
|
|
|
.developer-feed a {
|
|
display: grid;
|
|
grid-template-columns: 42px minmax(0, 1fr);
|
|
gap: var(--space-md);
|
|
align-items: center;
|
|
padding: var(--space-md) var(--space-lg);
|
|
color: var(--gray-900);
|
|
text-decoration: none;
|
|
border-left: 3px solid transparent;
|
|
transition: background var(--transition-fast), border-color var(--transition-fast);
|
|
}
|
|
|
|
.developer-feed a:hover,
|
|
.developer-feed a:focus-visible {
|
|
background: var(--theme-light);
|
|
border-left-color: var(--theme-color);
|
|
}
|
|
|
|
.developer-feed_icon {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 42px;
|
|
height: 42px;
|
|
color: var(--theme-color);
|
|
background: var(--theme-light);
|
|
}
|
|
|
|
.developer-feed_message {
|
|
min-width: 0;
|
|
}
|
|
|
|
.developer-feed_message strong,
|
|
.developer-feed_description {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.developer-feed_message strong {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.developer-feed_description,
|
|
.developer-feed_meta {
|
|
margin-top: 2px;
|
|
color: var(--gray-600);
|
|
font-size: var(--font-size-sm);
|
|
}
|
|
|
|
.developer-feed_meta {
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
}
|
|
|
|
.developer-feed_empty {
|
|
margin: 0;
|
|
padding: var(--space-lg);
|
|
color: var(--gray-600);
|
|
}
|
|
|
|
.developer-feed_more {
|
|
width: 100%;
|
|
padding: var(--space-md);
|
|
border: 0;
|
|
border-top: 1px solid var(--gray-200);
|
|
background: #fff;
|
|
color: var(--theme-color);
|
|
font: inherit;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.developer-feed_more:hover,
|
|
.developer-feed_more:focus-visible {
|
|
background: var(--theme-light);
|
|
}
|