153 lines
3.4 KiB
CSS
153 lines
3.4 KiB
CSS
|
/*
|
||
|
* DO NOT EDIT THIS FILE.
|
||
|
* See the following change record for more information,
|
||
|
* https://www.drupal.org/node/3084859
|
||
|
* @preserve
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @file
|
||
|
* Field image field.
|
||
|
*/
|
||
|
|
||
|
[dir="ltr"] .page-node-type-article .field--name-field-image {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
|
||
|
[dir="rtl"] .page-node-type-article .field--name-field-image {
|
||
|
margin-right: 0
|
||
|
}
|
||
|
|
||
|
[dir="ltr"] .page-node-type-article .field--name-field-image {
|
||
|
margin-right: 0
|
||
|
}
|
||
|
|
||
|
[dir="rtl"] .page-node-type-article .field--name-field-image {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
|
||
|
.page-node-type-article .field--name-field-image {
|
||
|
margin-top: 9px;
|
||
|
margin-bottom: 36px
|
||
|
}
|
||
|
|
||
|
@media (min-width: 700px) {
|
||
|
|
||
|
[dir="ltr"] .page-node-type-article .field--name-field-image {
|
||
|
margin-left: calc(-1*((100vw - 504px)/14 + 36px))
|
||
|
}
|
||
|
|
||
|
[dir="rtl"] .page-node-type-article .field--name-field-image {
|
||
|
margin-right: calc(-1*((100vw - 504px)/14 + 36px))
|
||
|
}
|
||
|
|
||
|
.page-node-type-article .field--name-field-image {
|
||
|
width: calc(14*(100vw - 504px)/14 + 468px);
|
||
|
margin-top: 36px;
|
||
|
margin-bottom: 72px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 1000px) {
|
||
|
|
||
|
[dir="ltr"] .page-node-type-article .field--name-field-image {
|
||
|
margin-left: calc(-1*((100vw - 519px)/14 + 36px))
|
||
|
}
|
||
|
|
||
|
[dir="rtl"] .page-node-type-article .field--name-field-image {
|
||
|
margin-right: calc(-1*((100vw - 519px)/14 + 36px))
|
||
|
}
|
||
|
|
||
|
.page-node-type-article .field--name-field-image {
|
||
|
width: calc(12*(100vw - 519px)/14 + 396px)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 1200px) {
|
||
|
|
||
|
[dir="ltr"] .page-node-type-article .field--name-field-image {
|
||
|
margin-left: calc(-1*((100vw - 645px)/14 + 36px))
|
||
|
}
|
||
|
|
||
|
[dir="rtl"] .page-node-type-article .field--name-field-image {
|
||
|
margin-right: calc(-1*((100vw - 645px)/14 + 36px))
|
||
|
}
|
||
|
|
||
|
.page-node-type-article .field--name-field-image {
|
||
|
width: calc(12*(100vw - 645px)/14 + 396px)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 1440px) {
|
||
|
|
||
|
[dir="ltr"] .page-node-type-article .field--name-field-image {
|
||
|
margin-left: -93.85714px
|
||
|
}
|
||
|
|
||
|
[dir="rtl"] .page-node-type-article .field--name-field-image {
|
||
|
margin-right: -93.85714px
|
||
|
}
|
||
|
|
||
|
.page-node-type-article .field--name-field-image {
|
||
|
width: 1090.28571px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.page-node-type-article {
|
||
|
|
||
|
/* Ensure that image doesn't overlap sidebar. */
|
||
|
}
|
||
|
|
||
|
@media (min-width: 1000px) {
|
||
|
|
||
|
.page-node-type-article .sidebar-grid .field--name-field-image {
|
||
|
width: calc(9*(100vw - 519px)/14 + 288px)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 1200px) {
|
||
|
|
||
|
.page-node-type-article .sidebar-grid .field--name-field-image {
|
||
|
width: calc(9*(100vw - 645px)/14 + 288px)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 1300px) {
|
||
|
|
||
|
.page-node-type-article .sidebar-grid .field--name-field-image {
|
||
|
width: calc(10*(100vw - 645px)/14 + 324px)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 1440px) {
|
||
|
|
||
|
.page-node-type-article .sidebar-grid .field--name-field-image {
|
||
|
width: 902.57143px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.page-node-type-article {
|
||
|
|
||
|
/* Ensure that image doesn't overlap layout builder sections when editing layouts. */
|
||
|
}
|
||
|
|
||
|
[dir="ltr"] .page-node-type-article .layout-builder .field--name-field-image {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
|
||
|
[dir="rtl"] .page-node-type-article .layout-builder .field--name-field-image {
|
||
|
margin-right: 0
|
||
|
}
|
||
|
|
||
|
[dir="ltr"] .page-node-type-article .layout-builder .field--name-field-image {
|
||
|
margin-right: 0
|
||
|
}
|
||
|
|
||
|
[dir="rtl"] .page-node-type-article .layout-builder .field--name-field-image {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
|
||
|
.page-node-type-article .layout-builder .field--name-field-image {
|
||
|
max-width: 100%;
|
||
|
}
|