You are here

Home » API reference » Drupal 9

content-moderation.css in Drupal 9

Same filename in this branch
  1. 9 core/themes/olivero/css/components/content-moderation.css
  2. 9 core/profiles/demo_umami/themes/umami/css/components/forms/content-moderation.css

Styles for content moderation toolbar.

File

core/themes/olivero/css/components/content-moderation.css
View source 
  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.     }