drupal/core/themes/olivero/css/components/node-teaser.css

209 lines
4.0 KiB
CSS
Raw Normal View History

/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
/**
* @file
* Node Teaser specific styles.
*/
.node--view-mode-teaser {
position: relative; /* Anchor after pseudo-element. */
margin-bottom: 27px
}
.node--view-mode-teaser:after {
position: absolute;
bottom: 0;
width: 54px;
height: 0;
content: "";
/* Intentionally not using CSS logical properties. */
border-top: solid 2px #e7edf1;
}
.node--view-mode-teaser .node__meta {
margin-bottom: 18px
}
.node--view-mode-teaser .node__meta a {
color: #0d77b5;
font-weight: bold;
}
.node--view-mode-teaser .node__top-wrapper {
display: flex;
align-items: center;
margin: 0;
margin-bottom: 18px
}
@media (min-width: 1000px) {
.node--view-mode-teaser .node__top-wrapper {
position: relative; /* Anchor the image */
margin: 0
}
}
[dir="ltr"] .node--view-mode-teaser .field--name-field-image {
margin-right: 18px
}
[dir="rtl"] .node--view-mode-teaser .field--name-field-image {
margin-left: 18px
}
.node--view-mode-teaser .field--name-field-image {
flex-shrink: 0;
margin: 0
}
.node--view-mode-teaser .field--name-field-image img {
width: 63px;
height: 63px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%
}
@media (min-width: 1000px) {
.node--view-mode-teaser .field--name-field-image img {
width: calc(7.14286vw - 37.07143px);
height: calc(7.14286vw - 37.07143px)
}
}
@media (min-width: 1200px) {
.node--view-mode-teaser .field--name-field-image img {
width: calc(7.14286vw - 46.07143px);
height: calc(7.14286vw - 46.07143px)
}
}
@media (min-width: 1440px) {
.node--view-mode-teaser .field--name-field-image img {
width: 57.85714px;
height: 57.85714px
}
}
@media (min-width: 1000px) {
[dir="ltr"] .node--view-mode-teaser .field--name-field-image {
left: calc(-7.14286vw - -1.07143px)
}
[dir="rtl"] .node--view-mode-teaser .field--name-field-image {
right: calc(-7.14286vw - -1.07143px)
}
.node--view-mode-teaser .field--name-field-image {
position: absolute;
top: 0;
margin: 0
}
}
@media (min-width: 1200px) {
[dir="ltr"] .node--view-mode-teaser .field--name-field-image {
left: calc(-7.14286vw - -10.07143px)
}
[dir="rtl"] .node--view-mode-teaser .field--name-field-image {
right: calc(-7.14286vw - -10.07143px)
}
}
@media (min-width: 1440px) {
[dir="ltr"] .node--view-mode-teaser .field--name-field-image {
left: -93.85714px
}
[dir="rtl"] .node--view-mode-teaser .field--name-field-image {
right: -93.85714px
}
}
.node--view-mode-teaser .node__title {
margin: 0;
color: #0d1214;
font-size: 24px;
line-height: 27px
}
@media (min-width: 1000px) {
.node--view-mode-teaser .node__title {
margin-bottom: 18px;
font-size: 36px;
line-height: 54px
}
}
[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
margin-left: 0
}
[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
margin-right: 0
}
[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
margin-right: 0
}
[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
margin-left: 0
}
[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
padding-left: 0
}
[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
padding-right: 0
}
[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
padding-right: 0
}
[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
padding-left: 0
}
.node--view-mode-teaser .field--tag-ref {
margin-top: 18px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
background-color: transparent
}
@media (min-width: 1000px) {
.node--view-mode-teaser .field--tag-ref {
margin-top: 36px
}
}
@media (min-width: 1000px) {
.node--view-mode-teaser {
margin-bottom: 54px
}
}
.views-row:last-child .node--view-mode-teaser {
margin-bottom: 0;
}