equal
deleted
inserted
replaced
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 * |
67 */ |
73 */ |
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 .wp-block-social-links { |
77 .wp-block-social-links { |
72 display: flex; |
|
73 flex-wrap: wrap; |
|
74 padding-left: 0; |
78 padding-left: 0; |
75 padding-right: 0; |
79 padding-right: 0; |
76 text-indent: 0; |
80 text-indent: 0; |
77 margin-left: 0; |
81 margin-left: 0; |
|
82 background: none; |
78 } |
83 } |
79 .wp-block-social-links .wp-social-link a, |
84 .wp-block-social-links .wp-social-link a, |
80 .wp-block-social-links .wp-social-link a:hover { |
85 .wp-block-social-links .wp-social-link a:hover { |
81 text-decoration: none; |
86 text-decoration: none; |
82 border-bottom: 0; |
87 border-bottom: 0; |
83 box-shadow: none; |
88 box-shadow: none; |
84 } |
89 } |
85 .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { |
|
86 margin: 4px 8px 4px 0; |
|
87 } |
|
88 .wp-block-social-links .wp-social-link a { |
90 .wp-block-social-links .wp-social-link a { |
89 padding: 0.25em; |
91 padding: 0.25em; |
90 } |
92 } |
91 .wp-block-social-links .wp-social-link svg { |
93 .wp-block-social-links .wp-social-link svg { |
92 width: 1em; |
94 width: 1em; |
93 height: 1em; |
95 height: 1em; |
|
96 } |
|
97 .wp-block-social-links .wp-social-link span:not(.screen-reader-text) { |
|
98 margin-left: 0.5em; |
|
99 margin-right: 0.5em; |
|
100 font-size: 0.65em; |
94 } |
101 } |
95 .wp-block-social-links.has-small-icon-size { |
102 .wp-block-social-links.has-small-icon-size { |
96 font-size: 16px; |
103 font-size: 16px; |
97 } |
104 } |
98 .wp-block-social-links, .wp-block-social-links.has-normal-icon-size { |
105 .wp-block-social-links, .wp-block-social-links.has-normal-icon-size { |
123 transition-duration: 0s; |
130 transition-duration: 0s; |
124 transition-delay: 0s; |
131 transition-delay: 0s; |
125 } |
132 } |
126 } |
133 } |
127 .wp-block-social-link a { |
134 .wp-block-social-link a { |
128 display: block; |
135 align-items: center; |
|
136 display: flex; |
129 line-height: 0; |
137 line-height: 0; |
130 transition: transform 0.1s ease; |
138 transition: transform 0.1s ease; |
131 } |
139 } |
132 .wp-block-social-link:hover { |
140 .wp-block-social-link:hover { |
133 transform: scale(1.1); |
141 transform: scale(1.1); |
301 color: #fff; |
309 color: #fff; |
302 } |
310 } |
303 |
311 |
304 .wp-block-social-links.is-style-logos-only .wp-social-link { |
312 .wp-block-social-links.is-style-logos-only .wp-social-link { |
305 background: none; |
313 background: none; |
306 padding: 4px; |
314 } |
|
315 .wp-block-social-links.is-style-logos-only .wp-social-link a { |
|
316 padding: 0; |
|
317 } |
|
318 .wp-block-social-links.is-style-logos-only .wp-social-link svg { |
|
319 width: 1.25em; |
|
320 height: 1.25em; |
307 } |
321 } |
308 .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { |
322 .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { |
309 color: #f90; |
323 color: #f90; |
310 } |
324 } |
311 .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { |
325 .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { |