wp/wp-includes/css/dist/list-reusable-blocks/style.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
    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 /**
    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 */
       
    49 /**
    44  * Breakpoint mixins
    50  * Breakpoint mixins
    45  */
    51  */
    46 /**
    52 /**
    47  * Long content fade mixin
    53  * Long content fade mixin
    48  *
    54  *
    68 /**
    74 /**
    69  * Reset the WP Admin page styles for Gutenberg-like pages.
    75  * Reset the WP Admin page styles for Gutenberg-like pages.
    70  */
    76  */
    71 :root {
    77 :root {
    72   --wp-admin-theme-color: #007cba;
    78   --wp-admin-theme-color: #007cba;
       
    79   --wp-admin-theme-color--rgb: 0, 124, 186;
    73   --wp-admin-theme-color-darker-10: #006ba1;
    80   --wp-admin-theme-color-darker-10: #006ba1;
       
    81   --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
    74   --wp-admin-theme-color-darker-20: #005a87;
    82   --wp-admin-theme-color-darker-20: #005a87;
       
    83   --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
    75   --wp-admin-border-width-focus: 2px;
    84   --wp-admin-border-width-focus: 2px;
    76 }
    85 }
    77 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    86 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    78   :root {
    87   :root {
    79     --wp-admin-border-width-focus: 1.5px;
    88     --wp-admin-border-width-focus: 1.5px;
   113   height: 26px;
   122   height: 26px;
   114 }
   123 }
   115 
   124 
   116 body.admin-color-light {
   125 body.admin-color-light {
   117   --wp-admin-theme-color: #0085ba;
   126   --wp-admin-theme-color: #0085ba;
       
   127   --wp-admin-theme-color--rgb: 0, 133, 186;
   118   --wp-admin-theme-color-darker-10: #0073a1;
   128   --wp-admin-theme-color-darker-10: #0073a1;
       
   129   --wp-admin-theme-color-darker-10--rgb: 0, 115, 161;
   119   --wp-admin-theme-color-darker-20: #006187;
   130   --wp-admin-theme-color-darker-20: #006187;
       
   131   --wp-admin-theme-color-darker-20--rgb: 0, 97, 135;
   120   --wp-admin-border-width-focus: 2px;
   132   --wp-admin-border-width-focus: 2px;
   121 }
   133 }
   122 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   134 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   123   body.admin-color-light {
   135   body.admin-color-light {
   124     --wp-admin-border-width-focus: 1.5px;
   136     --wp-admin-border-width-focus: 1.5px;
   125   }
   137   }
   126 }
   138 }
   127 
   139 
   128 body.admin-color-modern {
   140 body.admin-color-modern {
   129   --wp-admin-theme-color: #3858e9;
   141   --wp-admin-theme-color: #3858e9;
       
   142   --wp-admin-theme-color--rgb: 56, 88, 233;
   130   --wp-admin-theme-color-darker-10: #2145e6;
   143   --wp-admin-theme-color-darker-10: #2145e6;
       
   144   --wp-admin-theme-color-darker-10--rgb: 33, 69, 230;
   131   --wp-admin-theme-color-darker-20: #183ad6;
   145   --wp-admin-theme-color-darker-20: #183ad6;
       
   146   --wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
   132   --wp-admin-border-width-focus: 2px;
   147   --wp-admin-border-width-focus: 2px;
   133 }
   148 }
   134 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   149 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   135   body.admin-color-modern {
   150   body.admin-color-modern {
   136     --wp-admin-border-width-focus: 1.5px;
   151     --wp-admin-border-width-focus: 1.5px;
   137   }
   152   }
   138 }
   153 }
   139 
   154 
   140 body.admin-color-blue {
   155 body.admin-color-blue {
   141   --wp-admin-theme-color: #096484;
   156   --wp-admin-theme-color: #096484;
       
   157   --wp-admin-theme-color--rgb: 9, 100, 132;
   142   --wp-admin-theme-color-darker-10: #07526c;
   158   --wp-admin-theme-color-darker-10: #07526c;
       
   159   --wp-admin-theme-color-darker-10--rgb: 7, 82, 108;
   143   --wp-admin-theme-color-darker-20: #064054;
   160   --wp-admin-theme-color-darker-20: #064054;
       
   161   --wp-admin-theme-color-darker-20--rgb: 6, 64, 84;
   144   --wp-admin-border-width-focus: 2px;
   162   --wp-admin-border-width-focus: 2px;
   145 }
   163 }
   146 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   164 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   147   body.admin-color-blue {
   165   body.admin-color-blue {
   148     --wp-admin-border-width-focus: 1.5px;
   166     --wp-admin-border-width-focus: 1.5px;
   149   }
   167   }
   150 }
   168 }
   151 
   169 
   152 body.admin-color-coffee {
   170 body.admin-color-coffee {
   153   --wp-admin-theme-color: #46403c;
   171   --wp-admin-theme-color: #46403c;
       
   172   --wp-admin-theme-color--rgb: 70, 64, 60;
   154   --wp-admin-theme-color-darker-10: #383330;
   173   --wp-admin-theme-color-darker-10: #383330;
       
   174   --wp-admin-theme-color-darker-10--rgb: 56, 51, 48;
   155   --wp-admin-theme-color-darker-20: #2b2724;
   175   --wp-admin-theme-color-darker-20: #2b2724;
       
   176   --wp-admin-theme-color-darker-20--rgb: 43, 39, 36;
   156   --wp-admin-border-width-focus: 2px;
   177   --wp-admin-border-width-focus: 2px;
   157 }
   178 }
   158 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   179 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   159   body.admin-color-coffee {
   180   body.admin-color-coffee {
   160     --wp-admin-border-width-focus: 1.5px;
   181     --wp-admin-border-width-focus: 1.5px;
   161   }
   182   }
   162 }
   183 }
   163 
   184 
   164 body.admin-color-ectoplasm {
   185 body.admin-color-ectoplasm {
   165   --wp-admin-theme-color: #523f6d;
   186   --wp-admin-theme-color: #523f6d;
       
   187   --wp-admin-theme-color--rgb: 82, 63, 109;
   166   --wp-admin-theme-color-darker-10: #46365d;
   188   --wp-admin-theme-color-darker-10: #46365d;
       
   189   --wp-admin-theme-color-darker-10--rgb: 70, 54, 93;
   167   --wp-admin-theme-color-darker-20: #3a2c4d;
   190   --wp-admin-theme-color-darker-20: #3a2c4d;
       
   191   --wp-admin-theme-color-darker-20--rgb: 58, 44, 77;
   168   --wp-admin-border-width-focus: 2px;
   192   --wp-admin-border-width-focus: 2px;
   169 }
   193 }
   170 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   194 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   171   body.admin-color-ectoplasm {
   195   body.admin-color-ectoplasm {
   172     --wp-admin-border-width-focus: 1.5px;
   196     --wp-admin-border-width-focus: 1.5px;
   173   }
   197   }
   174 }
   198 }
   175 
   199 
   176 body.admin-color-midnight {
   200 body.admin-color-midnight {
   177   --wp-admin-theme-color: #e14d43;
   201   --wp-admin-theme-color: #e14d43;
       
   202   --wp-admin-theme-color--rgb: 225, 77, 67;
   178   --wp-admin-theme-color-darker-10: #dd382d;
   203   --wp-admin-theme-color-darker-10: #dd382d;
       
   204   --wp-admin-theme-color-darker-10--rgb: 221, 56, 45;
   179   --wp-admin-theme-color-darker-20: #d02c21;
   205   --wp-admin-theme-color-darker-20: #d02c21;
       
   206   --wp-admin-theme-color-darker-20--rgb: 208, 44, 33;
   180   --wp-admin-border-width-focus: 2px;
   207   --wp-admin-border-width-focus: 2px;
   181 }
   208 }
   182 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   209 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   183   body.admin-color-midnight {
   210   body.admin-color-midnight {
   184     --wp-admin-border-width-focus: 1.5px;
   211     --wp-admin-border-width-focus: 1.5px;
   185   }
   212   }
   186 }
   213 }
   187 
   214 
   188 body.admin-color-ocean {
   215 body.admin-color-ocean {
   189   --wp-admin-theme-color: #627c83;
   216   --wp-admin-theme-color: #627c83;
       
   217   --wp-admin-theme-color--rgb: 98, 124, 131;
   190   --wp-admin-theme-color-darker-10: #576e74;
   218   --wp-admin-theme-color-darker-10: #576e74;
       
   219   --wp-admin-theme-color-darker-10--rgb: 87, 110, 116;
   191   --wp-admin-theme-color-darker-20: #4c6066;
   220   --wp-admin-theme-color-darker-20: #4c6066;
       
   221   --wp-admin-theme-color-darker-20--rgb: 76, 96, 102;
   192   --wp-admin-border-width-focus: 2px;
   222   --wp-admin-border-width-focus: 2px;
   193 }
   223 }
   194 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   224 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   195   body.admin-color-ocean {
   225   body.admin-color-ocean {
   196     --wp-admin-border-width-focus: 1.5px;
   226     --wp-admin-border-width-focus: 1.5px;
   197   }
   227   }
   198 }
   228 }
   199 
   229 
   200 body.admin-color-sunrise {
   230 body.admin-color-sunrise {
   201   --wp-admin-theme-color: #dd823b;
   231   --wp-admin-theme-color: #dd823b;
       
   232   --wp-admin-theme-color--rgb: 221, 130, 59;
   202   --wp-admin-theme-color-darker-10: #d97426;
   233   --wp-admin-theme-color-darker-10: #d97426;
       
   234   --wp-admin-theme-color-darker-10--rgb: 217, 116, 38;
   203   --wp-admin-theme-color-darker-20: #c36922;
   235   --wp-admin-theme-color-darker-20: #c36922;
       
   236   --wp-admin-theme-color-darker-20--rgb: 195, 105, 34;
   204   --wp-admin-border-width-focus: 2px;
   237   --wp-admin-border-width-focus: 2px;
   205 }
   238 }
   206 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   239 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   207   body.admin-color-sunrise {
   240   body.admin-color-sunrise {
   208     --wp-admin-border-width-focus: 1.5px;
   241     --wp-admin-border-width-focus: 1.5px;