variables.scss in Block Animations, Motion & Scroll Effects – Ghost Kit 3.3.2, at gutenberg/blocks/twitter/styles/variables.scss
| 1 | /** |
| 2 | * Block Variables |
| 3 | */ |
| 4 | @import "../../../variables"; |
| 5 | |
| 6 | .ghostkit-twitter { |
| 7 | // Verified Badge. |
| 8 | --gkt-twitter--verified-badge__width: 14px; |
| 9 | --gkt-twitter--verified-badge__height: 14px; |
| 10 | // stylelint-disable-next-line function-url-quotes |
| 11 | --gkt-twitter--verified-badge__background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path class="st0" fill="%231DA1F2" d="M512,268c0,17.9-4.3,34.5-12.9,49.7c-8.6,15.2-20.1,27.1-34.6,35.4c0.4,2.7,0.6,6.9,0.6,12.6 c0,27.1-9.1,50.1-27.1,69.1c-18.1,19.1-39.9,28.6-65.4,28.6c-11.4,0-22.3-2.1-32.6-6.3c-8,16.4-19.5,29.6-34.6,39.7 C290.4,507,273.9,512,256,512c-18.3,0-34.9-4.9-49.7-14.9c-14.9-9.9-26.3-23.2-34.3-40c-10.3,4.2-21.1,6.3-32.6,6.3 c-25.5,0-47.4-9.5-65.7-28.6c-18.3-19-27.4-42.1-27.4-69.1c0-3,0.4-7.2,1.1-12.6c-14.5-8.4-26-20.2-34.6-35.4 C4.3,302.5,0,285.9,0,268c0-19,4.8-36.5,14.3-52.3c9.5-15.8,22.3-27.5,38.3-35.1c-4.2-11.4-6.3-22.9-6.3-34.3 c0-27,9.1-50.1,27.4-69.1c18.3-19,40.2-28.6,65.7-28.6c11.4,0,22.3,2.1,32.6,6.3c8-16.4,19.5-29.6,34.6-39.7 C221.6,5.1,238.1,0,256,0c17.9,0,34.4,5.1,49.4,15.1c15,10.1,26.6,23.3,34.6,39.7c10.3-4.2,21.1-6.3,32.6-6.3 c25.5,0,47.3,9.5,65.4,28.6c18.1,19.1,27.1,42.1,27.1,69.1c0,12.6-1.9,24-5.7,34.3c16,7.6,28.8,19.3,38.3,35.1 C507.2,231.5,512,249,512,268z M245.1,345.1l105.7-158.3c2.7-4.2,3.5-8.8,2.6-13.7c-1-4.9-3.5-8.8-7.7-11.4 c-4.2-2.7-8.8-3.6-13.7-2.9c-5,0.8-9,3.2-12,7.4l-93.1,140L184,263.4c-3.8-3.8-8.2-5.6-13.1-5.4c-5,0.2-9.3,2-13.1,5.4 c-3.4,3.4-5.1,7.7-5.1,12.9c0,5.1,1.7,9.4,5.1,12.9l58.9,58.9l2.9,2.3c3.4,2.3,6.9,3.4,10.3,3.4 C236.6,353.7,241.7,350.9,245.1,345.1z"/></svg>'); |
| 12 | |
| 13 | // Profile. |
| 14 | --gkt-twitter--profile__margin-bottom: 2.5em; |
| 15 | --gkt-twitter--profile-avatar__border-radius: 50%; |
| 16 | --gkt-twitter--profile-avatar__offset: 1.5em; |
| 17 | --gkt-twitter--profile-name__font-size: 1.4em; |
| 18 | --gkt-twitter--profile-username__font-size: 1em; |
| 19 | --gkt-twitter--profile-username__font-weight: 400; |
| 20 | --gkt-twitter--profile-username__font-opacity: 0.7; |
| 21 | --gkt-twitter--profile-stats__gap: 1.2em; |
| 22 | --gkt-twitter--profile-elements__gap: 1.2em; |
| 23 | |
| 24 | // Tweet. |
| 25 | --gkt-twitter--tweet__margin-bottom: 1.5em; |
| 26 | --gkt-twitter--tweet-content-img__margin-top: 1em; |
| 27 | --gkt-twitter--tweet-content-img__border-width: 1px; |
| 28 | --gkt-twitter--tweet-content-img__border-color: rgba(0, 0, 0, 10%); |
| 29 | --gkt-twitter--tweet-content-img__border-radius: var(--gkt-border-radius); |
| 30 | --gkt-twitter--tweet-avatar__margin-right: 1.2em; |
| 31 | --gkt-twitter--tweet-avatar__border-radius: 50%; |
| 32 | --gkt-twitter--tweet-retweeted__font-size: 0.8em; |
| 33 | --gkt-twitter--tweet-retweeted__opacity: 0.7; |
| 34 | --gkt-twitter--tweet-retweeted-icon__margin-right: 0.5em; |
| 35 | --gkt-twitter--tweet-name__text-decoration: none; |
| 36 | --gkt-twitter--tweet-name-hover__text-decoration: underline; |
| 37 | --gkt-twitter--tweet-username__opacity: 0.7; |
| 38 | --gkt-twitter--tweet-date-separator__content: "\00b7"; |
| 39 | --gkt-twitter--tweet-date-separator__margin-v: 0; |
| 40 | --gkt-twitter--tweet-date-separator__margin-h: 0.5em; |
| 41 | --gkt-twitter--tweet-date-separator__font-size: 0.7em; |
| 42 | --gkt-twitter--tweet-date__opacity: 0.7; |
| 43 | --gkt-twitter--tweet-date__text-decoration: none; |
| 44 | --gkt-twitter--tweet-date-hover__text-decoration: underline; |
| 45 | --gkt-twitter--tweet-actions__font-size: 0.9em; |
| 46 | --gkt-twitter--tweet-actions__gap: 1.2em; |
| 47 | --gkt-twitter--tweet-actions-link__opacity: 0.7; |
| 48 | --gkt-twitter--tweet-actions-link-hover__opacity: 1; |
| 49 | --gkt-twitter--tweet-actions-label__offset: 0.3em; |
| 50 | --gkt-twitter--tweet-elements__gap: 0.5em; |
| 51 | } |
| 52 |