@activecollab/components
Version:
ActiveCollab Components
76 lines (75 loc) • 3.22 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledScrollShadowTop = exports.StyledScrollShadowRight = exports.StyledScrollShadowLeft = exports.StyledScrollShadowBottom = exports.StyledScrollShadow = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledScrollShadow = exports.StyledScrollShadow = _styledComponents.default.div.withConfig({
displayName: "Styles__StyledScrollShadow",
componentId: "sc-17pcaqo-0"
})(["", ""], {
"position": "relative"
});
var StyledScrollShadowTop = exports.StyledScrollShadowTop = _styledComponents.default.div.withConfig({
displayName: "Styles__StyledScrollShadowTop",
componentId: "sc-17pcaqo-1"
})(["", " background-image:linear-gradient( to top,", ",", " );"], {
"position": "absolute",
"left": "0px",
"right": "0px",
"top": "0px",
"height": "0.5rem"
}, function (props) {
return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
}, function (props) {
return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
});
var StyledScrollShadowBottom = exports.StyledScrollShadowBottom = _styledComponents.default.div.withConfig({
displayName: "Styles__StyledScrollShadowBottom",
componentId: "sc-17pcaqo-2"
})(["", " background-image:linear-gradient( to top,", ",", " );"], {
"position": "absolute",
"left": "0px",
"right": "0px",
"bottom": "0px",
"height": "0.5rem"
}, function (props) {
return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
}, function (props) {
return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
});
var StyledScrollShadowLeft = exports.StyledScrollShadowLeft = _styledComponents.default.div.withConfig({
displayName: "Styles__StyledScrollShadowLeft",
componentId: "sc-17pcaqo-3"
})(["", " background-image:linear-gradient( to left,", ",", " );"], {
"position": "absolute",
"top": "0px",
"bottom": "0px",
"left": "0px",
"width": "0.5rem"
}, function (props) {
return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
}, function (props) {
return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
});
var StyledScrollShadowRight = exports.StyledScrollShadowRight = _styledComponents.default.div.withConfig({
displayName: "Styles__StyledScrollShadowRight",
componentId: "sc-17pcaqo-4"
})(["", " background-image:linear-gradient( to right,", ",", " );"], {
"position": "absolute",
"top": "0px",
"bottom": "0px",
"right": "0px",
"width": "0.5rem"
}, function (props) {
return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
}, function (props) {
return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
});
StyledScrollShadow.displayName = "StyledScrollShadow";
StyledScrollShadowTop.displayName = "StyledScrollShadowTop";
StyledScrollShadowBottom.displayName = "StyledScrollShadowBottom";
StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
//# sourceMappingURL=Styles.js.map