2017-08-08 13:07:18 +03:00
|
|
|
import is from 'styled-is';
|
|
|
|
import P from '../text/p';
|
|
|
|
|
2017-09-05 23:21:44 +03:00
|
|
|
export default P.extend`
|
2017-08-08 13:07:18 +03:00
|
|
|
display: inline-block;
|
|
|
|
margin: 0;
|
|
|
|
|
|
|
|
${is('up')`
|
|
|
|
transform: rotate(-90deg);
|
|
|
|
`};
|
|
|
|
|
|
|
|
${is('down')`
|
|
|
|
transform: rotate(90deg);
|
|
|
|
`};
|
|
|
|
|
|
|
|
${is('left')`
|
|
|
|
transform: rotate(180deg);
|
|
|
|
`};
|
|
|
|
|
|
|
|
&:before {
|
2017-08-28 22:21:08 +03:00
|
|
|
content: '\\003e';
|
2017-08-08 13:07:18 +03:00
|
|
|
}
|
|
|
|
`;
|