wp/wp-includes/blocks/social-links/editor-rtl.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  *
    70  */
    76  */
    71 .wp-block-social-links div.block-editor-url-input {
    77 .wp-block-social-links div.block-editor-url-input {
    72   display: inline-block;
    78   display: inline-block;
    73   margin-right: 8px;
    79   margin-right: 8px;
    74 }
    80 }
       
    81 .wp-block-social-links.wp-block-social-links {
       
    82   background: none;
       
    83 }
    75 
    84 
    76 .wp-social-link:hover {
    85 .wp-social-link:hover {
    77   transform: none;
    86   transform: none;
    78 }
    87 }
    79 
    88 
    95   visibility: hidden;
   104   visibility: hidden;
    96 }
   105 }
    97 .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
   106 .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
    98   display: flex;
   107   display: flex;
    99 }
   108 }
   100 .wp-block-social-links__social-placeholder + .block-list-appender,
       
   101 .wp-block-social-links__social-placeholder .wp-social-link {
   109 .wp-block-social-links__social-placeholder .wp-social-link {
   102   padding: 0.25em;
   110   padding: 0.25em;
   103 }
   111 }
   104 .is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender,
       
   105 .is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
   112 .is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
   106   padding-right: calc((2/3) * 1em);
   113   padding-right: calc((2/3) * 1em);
   107   padding-left: calc((2/3) * 1em);
   114   padding-left: calc((2/3) * 1em);
       
   115 }
       
   116 .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
       
   117   padding: 0;
   108 }
   118 }
   109 .wp-block-social-links__social-placeholder .wp-social-link::before {
   119 .wp-block-social-links__social-placeholder .wp-social-link::before {
   110   content: "";
   120   content: "";
   111   display: block;
   121   display: block;
   112   width: 1em;
   122   width: 1em;
   116 .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before {
   126 .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before {
   117   background: currentColor;
   127   background: currentColor;
   118 }
   128 }
   119 
   129 
   120 .wp-block-social-links .wp-block-social-links__social-prompt {
   130 .wp-block-social-links .wp-block-social-links__social-prompt {
       
   131   min-height: 24px;
   121   list-style: none;
   132   list-style: none;
   122   order: 2;
   133   order: 2;
   123   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   134   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   124   font-size: 13px;
   135   font-size: 13px;
   125   line-height: 24px;
   136   line-height: 24px;
   126   margin-top: auto;
   137   margin-top: auto;
   127   margin-bottom: auto;
   138   margin-bottom: auto;
   128   cursor: default;
   139   cursor: default;
   129   padding-left: 8px;
   140   padding-left: 8px;
   130 }
       
   131 .wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender {
       
   132   margin-left: 8px;
       
   133   padding: 0.25em;
       
   134 }
       
   135 
       
   136 .wp-block-social-links .block-list-appender {
       
   137   margin: 4px 0 4px auto;
       
   138   border-radius: 9999px;
       
   139 }
       
   140 .wp-block-social-links .block-list-appender .block-editor-inserter {
       
   141   display: flex;
       
   142   align-items: center;
       
   143   justify-content: center;
       
   144   font-size: inherit;
       
   145   width: 1em;
       
   146   height: 1em;
       
   147 }
       
   148 .has-small-icon-size .wp-block-social-links .block-list-appender {
       
   149   font-size: 16px;
       
   150 }
       
   151 .has-normal-icon-size .wp-block-social-links .block-list-appender {
       
   152   font-size: 24px;
       
   153 }
       
   154 .has-large-icon-size .wp-block-social-links .block-list-appender {
       
   155   font-size: 36px;
       
   156 }
       
   157 .has-huge-icon-size .wp-block-social-links .block-list-appender {
       
   158   font-size: 48px;
       
   159 }
       
   160 .wp-block-social-links .block-list-appender::before {
       
   161   content: none;
       
   162 }
   141 }
   163 
   142 
   164 .wp-block[data-align=center] > .wp-block-social-links {
   143 .wp-block[data-align=center] > .wp-block-social-links {
   165   justify-content: center;
   144   justify-content: center;
   166 }
   145 }