2018-03-19 19:31:13 +02:00
|
|
|
import styled from 'styled-components';
|
2018-03-21 19:35:51 +02:00
|
|
|
import remcalc from 'remcalc';
|
2018-03-19 19:31:13 +02:00
|
|
|
|
|
|
|
export default styled.span`
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
& [data-ui-button='true'] {
|
|
|
|
margin-left: 0 !important; /* remove when we remove margins */
|
|
|
|
}
|
|
|
|
|
|
|
|
& [data-ui-button='true']:not(:first-child) {
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
& [data-ui-button='true']:not(:last-child) {
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
border-bottom-right-radius: 0;
|
2018-03-21 19:35:51 +02:00
|
|
|
margin-right: ${remcalc(-1)};
|
2018-03-19 19:31:13 +02:00
|
|
|
}
|
|
|
|
`;
|