wp/wp-includes/blocks/cover/style-rtl.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
    38  */
    38  */
    39 /**
    39 /**
    40  * React Native specific.
    40  * React Native specific.
    41  * These variables do not appear to be used anywhere else.
    41  * These variables do not appear to be used anywhere else.
    42  */
    42  */
       
    43 /**
       
    44 *  Converts a hex value into the rgb equivalent.
       
    45 *
       
    46 * @param {string} hex - the hexadecimal value to convert
       
    47 * @return {string} comma separated rgb values
       
    48 */
    43 /**
    49 /**
    44  * Breakpoint mixins
    50  * Breakpoint mixins
    45  */
    51  */
    46 /**
    52 /**
    47  * Long content fade mixin
    53  * Long content fade mixin
    93 }
    99 }
    94 .wp-block-cover-image.has-parallax,
   100 .wp-block-cover-image.has-parallax,
    95 .wp-block-cover.has-parallax {
   101 .wp-block-cover.has-parallax {
    96   background-attachment: fixed;
   102   background-attachment: fixed;
    97 }
   103 }
    98 @supports (-webkit-overflow-scrolling: touch) {
   104 @supports (-webkit-touch-callout: inherit) {
    99   .wp-block-cover-image.has-parallax,
   105   .wp-block-cover-image.has-parallax,
   100 .wp-block-cover.has-parallax {
   106 .wp-block-cover.has-parallax {
   101     background-attachment: scroll;
   107     background-attachment: scroll;
   102   }
   108   }
   103 }
   109 }
   111 .wp-block-cover.is-repeated {
   117 .wp-block-cover.is-repeated {
   112   background-repeat: repeat;
   118   background-repeat: repeat;
   113   background-size: auto;
   119   background-size: auto;
   114 }
   120 }
   115 .wp-block-cover-image.has-background-dim:not([class*=-background-color]),
   121 .wp-block-cover-image.has-background-dim:not([class*=-background-color]),
   116 .wp-block-cover.has-background-dim:not([class*=-background-color]) {
   122 .wp-block-cover-image .has-background-dim:not([class*=-background-color]),
       
   123 .wp-block-cover.has-background-dim:not([class*=-background-color]),
       
   124 .wp-block-cover .has-background-dim:not([class*=-background-color]) {
   117   background-color: #000;
   125   background-color: #000;
       
   126 }
       
   127 .wp-block-cover-image .has-background-dim.has-background-gradient,
       
   128 .wp-block-cover .has-background-dim.has-background-gradient {
       
   129   background-color: transparent;
   118 }
   130 }
   119 .wp-block-cover-image.has-background-dim::before,
   131 .wp-block-cover-image.has-background-dim::before,
   120 .wp-block-cover.has-background-dim::before {
   132 .wp-block-cover.has-background-dim::before {
   121   content: "";
   133   content: "";
   122   background-color: inherit;
   134   background-color: inherit;
   123 }
   135 }
   124 .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
   136 .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
       
   137 .wp-block-cover-image .wp-block-cover__background,
   125 .wp-block-cover-image .wp-block-cover__gradient-background,
   138 .wp-block-cover-image .wp-block-cover__gradient-background,
   126 .wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
   139 .wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
       
   140 .wp-block-cover .wp-block-cover__background,
   127 .wp-block-cover .wp-block-cover__gradient-background {
   141 .wp-block-cover .wp-block-cover__gradient-background {
   128   position: absolute;
   142   position: absolute;
   129   top: 0;
   143   top: 0;
   130   right: 0;
   144   right: 0;
   131   bottom: 0;
   145   bottom: 0;
   132   left: 0;
   146   left: 0;
   133   z-index: 1;
   147   z-index: 1;
   134   opacity: 0.5;
   148   opacity: 0.5;
   135 }
   149 }
   136 .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
   150 .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
       
   151 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
   137 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
   152 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
   138 .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
   153 .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
       
   154 .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
   139 .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
   155 .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
   140   opacity: 0.1;
   156   opacity: 0.1;
   141 }
   157 }
   142 .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
   158 .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
       
   159 .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
   143 .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
   160 .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
   144 .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
   161 .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
       
   162 .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
   145 .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
   163 .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
   146   opacity: 0.2;
   164   opacity: 0.2;
   147 }
   165 }
   148 .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
   166 .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
       
   167 .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
   149 .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
   168 .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
   150 .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
   169 .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
       
   170 .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
   151 .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
   171 .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
   152   opacity: 0.3;
   172   opacity: 0.3;
   153 }
   173 }
   154 .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
   174 .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
       
   175 .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
   155 .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
   176 .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
   156 .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
   177 .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
       
   178 .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
   157 .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
   179 .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
   158   opacity: 0.4;
   180   opacity: 0.4;
   159 }
   181 }
   160 .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
   182 .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
       
   183 .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
   161 .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
   184 .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
   162 .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
   185 .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
       
   186 .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
   163 .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
   187 .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
   164   opacity: 0.5;
   188   opacity: 0.5;
   165 }
   189 }
   166 .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
   190 .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
       
   191 .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
   167 .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
   192 .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
   168 .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
   193 .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
       
   194 .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
   169 .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
   195 .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
   170   opacity: 0.6;
   196   opacity: 0.6;
   171 }
   197 }
   172 .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
   198 .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
       
   199 .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
   173 .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
   200 .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
   174 .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
   201 .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
       
   202 .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
   175 .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
   203 .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
   176   opacity: 0.7;
   204   opacity: 0.7;
   177 }
   205 }
   178 .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
   206 .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
       
   207 .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
   179 .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
   208 .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
   180 .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
   209 .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
       
   210 .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
   181 .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
   211 .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
   182   opacity: 0.8;
   212   opacity: 0.8;
   183 }
   213 }
   184 .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
   214 .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
       
   215 .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
   185 .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
   216 .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
   186 .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
   217 .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
       
   218 .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
   187 .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
   219 .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
   188   opacity: 0.9;
   220   opacity: 0.9;
   189 }
   221 }
   190 .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
   222 .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
       
   223 .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
   191 .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
   224 .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
   192 .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
   225 .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
       
   226 .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
   193 .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
   227 .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
   194   opacity: 1;
   228   opacity: 1;
       
   229 }
       
   230 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
       
   231 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
       
   232 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
       
   233 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
       
   234   opacity: 0;
       
   235 }
       
   236 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
       
   237 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
       
   238 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
       
   239 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 {
       
   240   opacity: 0.1;
       
   241 }
       
   242 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
       
   243 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
       
   244 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
       
   245 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 {
       
   246   opacity: 0.2;
       
   247 }
       
   248 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
       
   249 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
       
   250 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
       
   251 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 {
       
   252   opacity: 0.3;
       
   253 }
       
   254 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
       
   255 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
       
   256 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
       
   257 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 {
       
   258   opacity: 0.4;
       
   259 }
       
   260 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
       
   261 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
       
   262 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
       
   263 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 {
       
   264   opacity: 0.5;
       
   265 }
       
   266 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
       
   267 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
       
   268 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
       
   269 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 {
       
   270   opacity: 0.6;
       
   271 }
       
   272 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
       
   273 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
       
   274 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
       
   275 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 {
       
   276   opacity: 0.7;
       
   277 }
       
   278 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
       
   279 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
       
   280 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
       
   281 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 {
       
   282   opacity: 0.8;
       
   283 }
       
   284 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
       
   285 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
       
   286 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
       
   287 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 {
       
   288   opacity: 0.9;
       
   289 }
       
   290 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
       
   291 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
       
   292 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
       
   293 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 {
       
   294   opacity: 1;
       
   295 }
       
   296 .wp-block-cover-image .block-library-cover__padding-visualizer,
       
   297 .wp-block-cover .block-library-cover__padding-visualizer {
       
   298   z-index: 2;
   195 }
   299 }
   196 .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
   300 .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
   197 .wp-block-cover.alignleft,
   301 .wp-block-cover.alignleft,
   198 .wp-block-cover.alignright {
   302 .wp-block-cover.alignright {
   199   max-width: 420px;
   303   max-width: 420px;
   221 .wp-block-cover-image .wp-block-cover__inner-container,
   325 .wp-block-cover-image .wp-block-cover__inner-container,
   222 .wp-block-cover .wp-block-cover__inner-container {
   326 .wp-block-cover .wp-block-cover__inner-container {
   223   width: 100%;
   327   width: 100%;
   224   z-index: 1;
   328   z-index: 1;
   225   color: #fff;
   329   color: #fff;
       
   330 }
       
   331 .wp-block-cover-image.is-light .wp-block-cover__inner-container,
       
   332 .wp-block-cover.is-light .wp-block-cover__inner-container {
       
   333   color: #000;
   226 }
   334 }
   227 .wp-block-cover-image p:not(.has-text-color),
   335 .wp-block-cover-image p:not(.has-text-color),
   228 .wp-block-cover-image h1:not(.has-text-color),
   336 .wp-block-cover-image h1:not(.has-text-color),
   229 .wp-block-cover-image h2:not(.has-text-color),
   337 .wp-block-cover-image h2:not(.has-text-color),
   230 .wp-block-cover-image h3:not(.has-text-color),
   338 .wp-block-cover-image h3:not(.has-text-color),