1import { css } from '@emotion/react'; 2import { typography } from '@expo/styleguide'; 3import { palette } from '@expo/styleguide-base'; 4 5export const globalTippy = css` 6 div.tippy-box { 7 text-align: left; 8 background: ${palette.black}; 9 border-radius: 4px; 10 margin-bottom: 10px; 11 } 12 13 .tippy-box svg { 14 transform: rotate(180deg); 15 } 16 17 .tippy-box[data-theme~='expo'] .tippy-content { 18 ${typography.body.paragraph}; 19 color: ${palette.dark.gray12}; 20 font-weight: 400; 21 font-size: 16px; 22 line-height: 160%; 23 background: ${palette.black}; 24 padding: 18px; 25 margin-bottom: -10px; 26 border-radius: 4px; 27 } 28 29 .tippy-content a { 30 color: ${palette.dark.gray12}; 31 } 32`; 33