drupal/core/themes/olivero/css/components/feed.css

62 lines
1.0 KiB
CSS

/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
/**
* @file
* RSS feed.
*/
.feed-icon {
display: flex;
align-items: center;
-webkit-text-decoration: none;
text-decoration: none;
color: var(--color-text-neutral-soft);
}
.feed-icon:hover {
color: var(--color--primary-50);
}
@media (max-width: 75rem) {
.feed-icon {
flex-direction: row-reverse;
justify-content: flex-end;
}
}
.feed-icon__label {
flex-shrink: 0;
letter-spacing: 0.08em;
font-size: var(--font-size-xxs);
font-weight: 600;
}
.feed-icon__icon {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: var(--sp1-5);
height: var(--sp1-5);
margin-inline-start: var(--sp0-5);
color: var(--color--white);
border-radius: 2px;
background-color: var(--color--primary-50);
}
.feed-icon__icon svg {
vertical-align: top;
fill: currentColor;
}
@media (max-width: 75rem) {
.feed-icon__icon {
margin-inline: 0 var(--sp0-5);
}
}