@braineet/ui
Version:
Braineet design system
34 lines • 2.39 kB
JavaScript
import styled from 'styled-components';
export var Wrapper = styled.div.withConfig({
displayName: "styles__Wrapper",
componentId: "sc-6w2jo-0"
})(["white-space:normal;font-size:", "rem;line-height:", "rem;word-break:break-word;h1{font-size:", ";* line-height:", "rem;font-weight:600;margin-block-start:0.67em;margin-block-end:0.67em;margin-inline-start:0px;margin-inline-end:0px;}h2{font-size:", ";line-height:", "rem;font-weight:600;margin-block-start:0.83em;margin-block-end:0.83em;margin-inline-start:0px;margin-inline-end:0px;}h3{font-size:", ";line-height:", "rem;font-weight:600;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;}ol{list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px;}ul{list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px;ul{list-style-type:circle;ul{list-style-type:square;}}}ul,ol{ul,ol{margin-block-start:0em;margin-block-end:0em;}}img{max-width:100%;height:auto !important;}a{color:", ";background-color:transparent;border-radius:", ";padding:0 ", ";text-decoration:underline;transition:background-color 0.3s ease-in-out;cursor:pointer;&:active,&:hover,&:focus{background-color:", ";}}p{word-break:break-word;font-size:", "rem;font-weight:normal;font-style:normal;font-stretch:normal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;letter-spacing:normal;a *{text-decoration:underline;color:inherit;cursor:pointer;}strong{font-weight:bold;}i,em{font-style:italic;}}"], function (p) {
return 1 * p.zoomFont;
}, function (p) {
return 1.4 * p.zoomFont;
}, function (props) {
return props.theme.utils.fluid(20 * props.zoomFont);
}, function (p) {
return 1.4 * p.zoomFont;
}, function (props) {
return props.theme.utils.fluid(18 * props.zoomFont);
}, function (p) {
return 1.4 * p.zoomFont;
}, function (props) {
return props.theme.utils.fluid(16 * props.zoomFont);
}, function (p) {
return 1.4 * p.zoomFont;
}, function (p) {
return p.theme.colors.brand;
}, function (p) {
return p.theme.borderRadius.xs;
}, function (p) {
return p.theme.spaces.sm;
}, function (p) {
return p.theme.colors.brand10;
}, function (p) {
return 1 * p.zoomFont;
});
export default {
Wrapper: Wrapper
};