Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | 4x 2x 4x 2x | import styled, { css } from 'styled-components'; export const Container = styled.div` ${({ theme }) => css` width: 100%; height: 26rem; background-color: ${theme.colors.white}; color: ${theme.colors.bg}; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; position: relative; border-radius: ${theme.border.radius}; gap: ${theme.spacings.xsmall}; border: 1px solid ${theme.colors.white}; `} `; export const Label = styled.strong` ${({ theme }) => css` font-size: ${theme.font.sizes.large}; `} `; |