kwikid-components-react
Version:
KwikID's Component Library in React
45 lines (44 loc) • 1.14 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.KwikUIStyleShape = exports.KwikUIStyleScrollbar = void 0;
var _styledComponents = require("styled-components");
var _Shape = require("../definitions/Shape");
const KwikUIStyleShape = exports.KwikUIStyleShape = (0, _styledComponents.css)`
${_ref => {
let {
shape
} = _ref;
switch (shape) {
case _Shape.IKwikUIShape.ROUNDED:
return (0, _styledComponents.css)`
border-radius: 2em;
`;
case _Shape.IKwikUIShape.CURVED:
return (0, _styledComponents.css)`
border-radius: 0.5em;
`;
case _Shape.IKwikUIShape.RECTANGLE:
return (0, _styledComponents.css)`
border-radius: 0em;
`;
}
}}
`;
const KwikUIStyleScrollbar = exports.KwikUIStyleScrollbar = (0, _styledComponents.css)`
&::-webkit-scrollbar {
width: 8px;
height: 8px;
}
&::-webkit-scrollbar-track {
background: "white";
}
&::-webkit-scrollbar-thumb {
background-color: lightgray;
border-radius: 2.5rem;
}
&::-webkit-scrollbar-thumb:hover {
background-color: gray;
}
`;