social-icons.css
75 lines
| 1 | .jetpack_widget_social_icons ul, |
| 2 | .jetpack_widget_social_icons li { |
| 3 | list-style: none; |
| 4 | } |
| 5 | |
| 6 | .jetpack_widget_social_icons ul { |
| 7 | display: block; |
| 8 | margin: 0 0 1.5em; |
| 9 | padding: 0; |
| 10 | } |
| 11 | |
| 12 | .jetpack_widget_social_icons ul li { |
| 13 | border: 0; |
| 14 | display: inline-block; |
| 15 | line-height: 1; |
| 16 | margin: 0; |
| 17 | padding: 0; |
| 18 | } |
| 19 | |
| 20 | .jetpack_widget_social_icons ul li::before, |
| 21 | .jetpack_widget_social_icons ul li::after { |
| 22 | display: none; |
| 23 | } |
| 24 | |
| 25 | .jetpack_widget_social_icons a { |
| 26 | border: 0; |
| 27 | box-shadow: none; |
| 28 | display: block; |
| 29 | height: 24px; |
| 30 | text-decoration: none; |
| 31 | width: 24px; |
| 32 | } |
| 33 | |
| 34 | .jetpack_widget_social_icons svg { |
| 35 | color: inherit; |
| 36 | fill: currentColor; |
| 37 | height: inherit; |
| 38 | vertical-align: middle; |
| 39 | width: inherit; |
| 40 | } |
| 41 | |
| 42 | /* Sizes */ |
| 43 | |
| 44 | .jetpack_widget_social_icons ul.size-small a { |
| 45 | height: 24px; |
| 46 | width: 24px; |
| 47 | } |
| 48 | |
| 49 | .jetpack_widget_social_icons ul.size-medium a { |
| 50 | height: 32px; |
| 51 | width: 32px; |
| 52 | } |
| 53 | |
| 54 | .jetpack_widget_social_icons ul.size-large a { |
| 55 | height: 48px; |
| 56 | width: 48px; |
| 57 | } |
| 58 | |
| 59 | /* |
| 60 | Text meant only for screen readers. |
| 61 | Provides support for themes that do not bundle this CSS yet. |
| 62 | @see https://make.wordpress.org/accessibility/2015/02/09/hiding-text-for-screen-readers-with-wordpress-core/ |
| 63 | ***********************************/ |
| 64 | .screen-reader-text { |
| 65 | border: 0; |
| 66 | clip-path: inset(50%); |
| 67 | height: 1px; |
| 68 | margin: -1px; |
| 69 | overflow: hidden; |
| 70 | padding: 0; |
| 71 | position: absolute !important; |
| 72 | width: 1px; |
| 73 | overflow-wrap: normal !important; |
| 74 | } |
| 75 |