← All changes
|
modules/theme-tools/social-menu/social-menu.css
+51
-42
12.0.3
→
16.3-a.1
View file →
| @@ -33,9 +33,9 @@ | ||
| 33 | 33 | |
| 34 | 34 | /*-------------------------------------------------------------- |
| 35 | 35 | Genericons |
| 36 | 36 | --------------------------------------------------------------*/ |
| 37 | -.jetpack-social-navigation-genericons a:before { | |
| 37 | +.jetpack-social-navigation-genericons a::before { | |
| 38 | 38 | -webkit-font-smoothing: antialiased; |
| 39 | 39 | -moz-osx-font-smoothing: grayscale; |
| 40 | 40 | display: inline-block; |
| 41 | 41 | font-family: Genericons; |
| @@ -40,9 +40,9 @@ | ||
| 40 | 40 | display: inline-block; |
| 41 | 41 | font-family: Genericons; |
| 42 | 42 | font-size: 1em; |
| 43 | 43 | font-style: normal; |
| 44 | - font-weight: normal; | |
| 44 | + font-weight: 400; | |
| 45 | 45 | height: 1em; |
| 46 | 46 | line-height: 1; |
| 47 | 47 | speak: none; |
| 48 | 48 | text-decoration: inherit; |
| @@ -47,151 +47,160 @@ | ||
| 47 | 47 | speak: none; |
| 48 | 48 | text-decoration: inherit; |
| 49 | 49 | vertical-align: top; |
| 50 | 50 | width: 1em; |
| 51 | + | |
| 52 | + /* Default */ | |
| 53 | + content: "\f415"; | |
| 51 | 54 | } |
| 52 | 55 | |
| 53 | -/* Default */ | |
| 54 | -.jetpack-social-navigation-genericons a:before { | |
| 55 | - content: "\f415"; | |
| 56 | +/* Bluesky */ | |
| 57 | +.jetpack-social-navigation-genericons a[href*="bsky.app"]::before { | |
| 58 | + content: "\f10f"; | |
| 56 | 59 | } |
| 57 | 60 | |
| 58 | 61 | /* CodePen */ |
| 59 | -.jetpack-social-navigation-genericons a[href*="codepen.io"]:before { | |
| 62 | +.jetpack-social-navigation-genericons a[href*="codepen.io"]::before { | |
| 60 | 63 | content: "\f216"; |
| 61 | 64 | } |
| 62 | 65 | |
| 63 | 66 | /* Digg */ |
| 64 | -.jetpack-social-navigation-genericons a[href*="digg.com"]:before { | |
| 67 | +.jetpack-social-navigation-genericons a[href*="digg.com"]::before { | |
| 65 | 68 | content: "\f221"; |
| 66 | 69 | } |
| 67 | 70 | |
| 68 | 71 | /* Dribbble */ |
| 69 | -.jetpack-social-navigation-genericons a[href*="dribbble.com"]:before { | |
| 72 | +.jetpack-social-navigation-genericons a[href*="dribbble.com"]::before { | |
| 70 | 73 | content: "\f201"; |
| 71 | 74 | } |
| 72 | 75 | |
| 73 | 76 | /* Dropbox */ |
| 74 | -.jetpack-social-navigation-genericons a[href*="dropbox.com"]:before { | |
| 77 | +.jetpack-social-navigation-genericons a[href*="dropbox.com"]::before { | |
| 75 | 78 | content: "\f225"; |
| 76 | 79 | } |
| 77 | 80 | |
| 78 | 81 | /* Email */ |
| 79 | -.jetpack-social-navigation-genericons a[href*="mailto:"]:before { | |
| 82 | +.jetpack-social-navigation-genericons a[href*="mailto:"]::before { | |
| 80 | 83 | content: "\f410"; |
| 81 | 84 | } |
| 82 | 85 | |
| 83 | 86 | /* Facebook */ |
| 84 | -.jetpack-social-navigation-genericons a[href*="facebook.com"]:before { | |
| 87 | +.jetpack-social-navigation-genericons a[href*="facebook.com"]::before { | |
| 85 | 88 | content: "\f203"; |
| 86 | 89 | } |
| 87 | 90 | |
| 88 | 91 | /* Flickr */ |
| 89 | -.jetpack-social-navigation-genericons a[href*="flickr.com"]:before { | |
| 92 | +.jetpack-social-navigation-genericons a[href*="flickr.com"]::before { | |
| 90 | 93 | content: "\f211"; |
| 91 | 94 | } |
| 92 | 95 | |
| 93 | 96 | /* Foursquare */ |
| 94 | -.jetpack-social-navigation-genericons a[href*="foursquare.com"]:before { | |
| 97 | +.jetpack-social-navigation-genericons a[href*="foursquare.com"]::before { | |
| 95 | 98 | content: "\f226"; |
| 96 | 99 | } |
| 97 | 100 | |
| 98 | 101 | /* GitHub */ |
| 99 | -.jetpack-social-navigation-genericons a[href*="github.com"]:before { | |
| 102 | +.jetpack-social-navigation-genericons a[href*="github.com"]::before { | |
| 100 | 103 | content: "\f200"; |
| 101 | 104 | } |
| 102 | 105 | |
| 103 | 106 | /* Google Plus */ |
| 104 | -.jetpack-social-navigation-genericons a[href*="plus.google.com"]:before { | |
| 107 | +.jetpack-social-navigation-genericons a[href*="plus.google.com"]::before { | |
| 105 | 108 | content: "\f206"; |
| 106 | 109 | } |
| 107 | 110 | |
| 108 | 111 | /* Instagram */ |
| 109 | -.jetpack-social-navigation-genericons a[href*="instagram.com"]:before { | |
| 112 | +.jetpack-social-navigation-genericons a[href*="instagram.com"]::before { | |
| 110 | 113 | content: "\f215"; |
| 111 | 114 | } |
| 112 | 115 | |
| 113 | 116 | /* LinkedIn */ |
| 114 | -.jetpack-social-navigation-genericons a[href*="linkedin.com"]:before { | |
| 117 | +.jetpack-social-navigation-genericons a[href*="linkedin.com"]::before { | |
| 115 | 118 | content: "\f208"; |
| 116 | 119 | } |
| 117 | 120 | |
| 121 | +/* Nextdoor */ | |
| 122 | +.jetpack-social-navigation-genericons a[href*="nextdoor.com"]::before { | |
| 123 | + content: "\f10c"; | |
| 124 | +} | |
| 125 | + | |
| 118 | 126 | /* Path */ |
| 119 | -.jetpack-social-navigation-genericons a[href*="path.com"]:before { | |
| 127 | +.jetpack-social-navigation-genericons a[href*="path.com"]::before { | |
| 120 | 128 | content: "\f219"; |
| 121 | 129 | } |
| 122 | 130 | |
| 123 | 131 | /* Pinterest */ |
| 124 | -.jetpack-social-navigation-genericons a[href*="pinterest."]:before { | |
| 132 | +.jetpack-social-navigation-genericons a[href*="pinterest."]::before { | |
| 125 | 133 | content: "\f210"; |
| 126 | 134 | } |
| 127 | 135 | |
| 128 | -/* Pocket */ | |
| 129 | -.jetpack-social-navigation-genericons a[href*="getpocket.com"]:before { | |
| 130 | - content: "\f224"; | |
| 131 | -} | |
| 132 | - | |
| 133 | 136 | /* Polldaddy */ |
| 134 | -.jetpack-social-navigation-genericons a[href*="polldaddy.com"]:before { | |
| 137 | +.jetpack-social-navigation-genericons a[href*="polldaddy.com"]::before { | |
| 135 | 138 | content: "\f217"; |
| 136 | 139 | } |
| 137 | 140 | |
| 138 | 141 | /* Reddit */ |
| 139 | -.jetpack-social-navigation-genericons a[href*="reddit.com"]:before { | |
| 142 | +.jetpack-social-navigation-genericons a[href*="reddit.com"]::before { | |
| 140 | 143 | content: "\f222"; |
| 141 | 144 | } |
| 142 | 145 | |
| 143 | 146 | /* RSS Feed */ |
| 144 | -.jetpack-social-navigation-genericons a[href$="/feed/"]:before { | |
| 147 | +.jetpack-social-navigation-genericons a[href$="/feed/"]::before { | |
| 145 | 148 | content: "\f413"; |
| 146 | 149 | } |
| 147 | 150 | |
| 148 | -/* Skype */ | |
| 149 | -.jetpack-social-navigation-genericons a[href*="skype:"]:before { | |
| 150 | - content: "\f220"; | |
| 151 | +/* SMS */ | |
| 152 | +.jetpack-social-navigation-genericons a[href*="sms:"]::before { | |
| 153 | + content: "\f110"; | |
| 151 | 154 | } |
| 152 | 155 | |
| 153 | 156 | /* Spotify */ |
| 154 | -.jetpack-social-navigation-genericons a[href*="spotify.com"]:before { | |
| 157 | +.jetpack-social-navigation-genericons a[href*="spotify.com"]::before { | |
| 155 | 158 | content: "\f515"; |
| 156 | 159 | } |
| 157 | 160 | |
| 158 | 161 | /* StumbleUpon */ |
| 159 | -.jetpack-social-navigation-genericons a[href*="stumbleupon.com"]:before { | |
| 162 | +.jetpack-social-navigation-genericons a[href*="stumbleupon.com"]::before { | |
| 160 | 163 | content: "\f223"; |
| 161 | 164 | } |
| 162 | 165 | |
| 166 | +/* Threads */ | |
| 167 | +.jetpack-social-navigation-genericons a[href*="threads.net"]::before { | |
| 168 | + content: "\f10d"; | |
| 169 | +} | |
| 170 | + | |
| 163 | 171 | /* Tumblr */ |
| 164 | -.jetpack-social-navigation-genericons a[href*="tumblr.com"]:before { | |
| 172 | +.jetpack-social-navigation-genericons a[href*="tumblr.com"]::before { | |
| 165 | 173 | content: "\f214"; |
| 166 | 174 | } |
| 167 | 175 | |
| 168 | 176 | /* Twitch */ |
| 169 | -.jetpack-social-navigation-genericons a[href*="twitch.tv"]:before { | |
| 177 | +.jetpack-social-navigation-genericons a[href*="twitch.tv"]::before { | |
| 170 | 178 | content: "\f516"; |
| 171 | 179 | } |
| 172 | 180 | |
| 173 | -/* Twitter */ | |
| 174 | -.jetpack-social-navigation-genericons a[href*="twitter.com"]:before { | |
| 175 | - content: "\f202"; | |
| 181 | +/* Twitter, X */ | |
| 182 | +.jetpack-social-navigation-genericons a[href*="twitter.com"]::before, | |
| 183 | +.jetpack-social-navigation-genericons a[href*="x.com"]::before { | |
| 184 | + content: "\f10e"; | |
| 176 | 185 | } |
| 177 | 186 | |
| 178 | 187 | /* Vimeo */ |
| 179 | -.jetpack-social-navigation-genericons a[href*="vimeo.com"]:before { | |
| 188 | +.jetpack-social-navigation-genericons a[href*="vimeo.com"]::before { | |
| 180 | 189 | content: "\f212"; |
| 181 | 190 | } |
| 182 | 191 | |
| 183 | 192 | /* Vine */ |
| 184 | -.jetpack-social-navigation-genericons a[href*="vine.co"]:before { | |
| 193 | +.jetpack-social-navigation-genericons a[href*="vine.co"]::before { | |
| 185 | 194 | content: "\f517"; |
| 186 | 195 | } |
| 187 | 196 | |
| 188 | 197 | /* WordPress */ |
| 189 | -.jetpack-social-navigation-genericons a[href*="wordpress.com"]:before, | |
| 190 | -.jetpack-social-navigation-genericons a[href*="wordpress.org"]:before { | |
| 198 | +.jetpack-social-navigation-genericons a[href*="wordpress.com"]::before, | |
| 199 | +.jetpack-social-navigation-genericons a[href*="wordpress.org"]::before { | |
| 191 | 200 | content: "\f205"; |
| 192 | 201 | } |
| 193 | 202 | |
| 194 | 203 | /* YouTube */ |
| 195 | -.jetpack-social-navigation-genericons a[href*="youtube.com"]:before { | |
| 204 | +.jetpack-social-navigation-genericons a[href*="youtube.com"]::before { | |
| 196 | 205 | content: "\f213"; |
| 197 | 206 | } |