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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | 1x 15x 1x 1x | // @flow
import styled, { type StyledComponent } from "styled-components"
import type { Theme } from "@bluframe/blublocks"
export const Bar: StyledComponent<{||}, Theme, HTMLSpanElement> = styled.span`
background: ${({ theme }: { theme: Theme }) => theme.palette.secondary.main};
display: block;
width: 24px;
height: 4px;
border-radius: 2px;
+ span {
margin-top: 4px;
}
`
export const Button: StyledComponent<
{||},
Theme,
HTMLButtonElement
> = styled.button`
position: relative;
float: right;
padding: 9px 10px;
margin-top: 18px;
margin-right: 0;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: none;
border-radius: 4px;
&:focus {
background-color: white;
outline: none;
}
`
export const ScreenReaderOnly: StyledComponent<
any,
mixed,
HTMLSpanElement
> = styled.span`
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
`
|