@morjs/runtime-web
Version:
mor runtime for web
68 lines (64 loc) • 1.56 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Styles = exports.DEFAULT_ITEM_STYLES = void 0;
const lit_element_1 = require("lit-element");
const rpx_1 = require("../../rpx");
const constants_1 = require("./constants");
// item 的默认样式
exports.DEFAULT_ITEM_STYLES = `
display: block;
text-align: center;
`;
exports.Styles = (0, lit_element_1.css) `
:host > section > div {
position: absolute;
left: 0;
right: 0;
height: ${(0, lit_element_1.unsafeCSS)((0, rpx_1.rpxToRem)(constants_1.ITEM_HEIGHT))};
box-sizing: border-box;
}
:host > section > p {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
margin: 0;
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.95),
rgba(255, 255, 255, 0.6)
),
linear-gradient(
to top,
rgba(255, 255, 255, 0.95),
rgba(255, 255, 255, 0.6)
);
background-position: top, bottom;
background-repeat: no-repeat;
}
.tiga-picker-column-container {
position: relative;
height: 100%;
box-sizing: border-box;
font-size: 16px;
}
.tiga-picker-column-indicator::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
border-top: 1px solid #e5e5e5;
}
.tiga-picker-column-indicator::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #e5e5e5;
}
`;
//# sourceMappingURL=index.style.js.map