1/* 2 * DO NOT EDIT THIS FILE. 3 * See the following change record for more information, 4 * https://www.drupal.org/node/3084859 5 * @preserve 6 */ 7 8/** 9 * @file 10 * Styles for content moderation toolbar. 11 */ 12 13[dir="ltr"] .entity-moderation-form { 14 padding-left: 1.125rem 15} 16 17[dir="rtl"] .entity-moderation-form { 18 padding-right: 1.125rem 19} 20 21[dir="ltr"] .entity-moderation-form { 22 padding-right: 1.125rem 23} 24 25[dir="rtl"] .entity-moderation-form { 26 padding-left: 1.125rem 27} 28 29.entity-moderation-form { 30 flex-direction: column; 31 border: 1px solid #e7edf1; 32 background-color: #f7f9fa 33} 34 35.entity-moderation-form select, 36 .entity-moderation-form input:not([type="submit"]) { 37 background-color: #fff; 38 } 39 40@media (min-width: 43.75rem) { 41 42.entity-moderation-form { 43 flex-direction: row 44} 45 } 46 47[dir="ltr"] .entity-moderation-form__item { 48 margin-right: 1.125rem 49} 50 51[dir="rtl"] .entity-moderation-form__item { 52 margin-left: 1.125rem 53} 54 55.entity-moderation-form__item { 56 flex-basis: 0 57} 58 59[dir="ltr"] .entity-moderation-form__item:last-child { 60 margin-right: 0 61} 62 63[dir="rtl"] .entity-moderation-form__item:last-child { 64 margin-left: 0 65} 66 67.entity-moderation-form__item:last-child { 68 align-self: flex-start 69 } 70 71@media (min-width: 43.75rem) { 72 73.entity-moderation-form__item:last-child { 74 align-self: flex-end 75 } 76 } 77 78[dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"] .layout--content-medium .entity-moderation-form,[dir="ltr"] .layout--pass--content-medium > * .entity-moderation-form { 79 margin-left: 0 80} 81 82[dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"] .layout--content-medium .entity-moderation-form,[dir="rtl"] .layout--pass--content-medium > * .entity-moderation-form { 83 margin-right: 0 84} 85 86.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { 87 width: 100% 88 } 89 90@supports ((width: -webkit-max-content) or (width: max-content)) { 91 92.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { 93 width: -webkit-max-content; 94 width: max-content 95 } 96 } 97 98@media (min-width: 43.75rem) { 99 100[dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"] .layout--content-medium .entity-moderation-form,[dir="ltr"] .layout--pass--content-medium > * .entity-moderation-form { 101 margin-left: -14.28571vw 102 } 103 104[dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"] .layout--content-medium .entity-moderation-form,[dir="rtl"] .layout--pass--content-medium > * .entity-moderation-form { 105 margin-right: -14.28571vw 106 } 107 108.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { 109 width: calc(100vw - 2.25rem); 110 margin-top: 2.25rem; 111 margin-bottom: 4.5rem 112 } 113 } 114 115@media (min-width: 62.5rem) { 116 117[dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"] .layout--content-medium .entity-moderation-form,[dir="ltr"] .layout--pass--content-medium > * .entity-moderation-form { 118 margin-left: calc(-7.14286vw - -1.07143px) 119 } 120 121[dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"] .layout--content-medium .entity-moderation-form,[dir="rtl"] .layout--pass--content-medium > * .entity-moderation-form { 122 margin-right: calc(-7.14286vw - -1.07143px) 123 } 124 125.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { 126 width: calc(85.71429vw - 3.05357rem) 127 } 128 } 129 130@media (min-width: 75rem) { 131 132[dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"] .layout--content-medium .entity-moderation-form,[dir="ltr"] .layout--pass--content-medium > * .entity-moderation-form { 133 margin-left: calc(-7.14286vw - -0.62946rem) 134 } 135 136[dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"] .layout--content-medium .entity-moderation-form,[dir="rtl"] .layout--pass--content-medium > * .entity-moderation-form { 137 margin-right: calc(-7.14286vw - -0.62946rem) 138 } 139 140.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { 141 width: calc(85.71429vw - 9.80357rem) 142 } 143 } 144 145@media (min-width: 90rem) { 146 147[dir="ltr"] .layout--content-narrow .entity-moderation-form,[dir="ltr"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="ltr"] .layout--content-medium .entity-moderation-form,[dir="ltr"] .layout--pass--content-medium > * .entity-moderation-form { 148 margin-left: 0 149 } 150 151[dir="rtl"] .layout--content-narrow .entity-moderation-form,[dir="rtl"] .layout--pass--content-narrow > * .entity-moderation-form,[dir="rtl"] .layout--content-medium .entity-moderation-form,[dir="rtl"] .layout--pass--content-medium > * .entity-moderation-form { 152 margin-right: 0 153 } 154 155.layout--content-narrow .entity-moderation-form, .layout--pass--content-narrow > * .entity-moderation-form, .layout--content-medium .entity-moderation-form, .layout--pass--content-medium > * .entity-moderation-form { 156 width: 60.91071rem 157 } 158 } 159