@atlaskit/css-reset
Version:
A base stylesheet for the Atlassian Design System.
12 lines (11 loc) • 3.69 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _evaluateInner = _interopRequireDefault(require("./utils/evaluate-inner"));
var _templateObject;
var scrollbarStyles = (0, _evaluateInner.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["/*\n * Feature-gated harmonised scrollbar appearance.\n * Visibility and width remain browser managed.\n */\n:root[data-scrollbar-harmonisation] {\n scrollbar-color: ", " ", ";\n}\n\n:root[data-scrollbar-harmonisation] * {\n scrollbar-color: ", " ", ";\n}\n\n:root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent],\n:root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent] * {\n scrollbar-color: ", " transparent;\n}\n\n:root[data-scrollbar-harmonisation]::-webkit-scrollbar-track,\n:root[data-scrollbar-harmonisation]::-webkit-scrollbar-corner,\n:root[data-scrollbar-harmonisation] *::-webkit-scrollbar-track,\n:root[data-scrollbar-harmonisation] *::-webkit-scrollbar-corner {\n background-color: ", ";\n border: 0;\n}\n\n:root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent]::-webkit-scrollbar-track,\n:root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent]::-webkit-scrollbar-corner,\n:root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent] *::-webkit-scrollbar-track,\n:root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent] *::-webkit-scrollbar-corner {\n background-color: transparent;\n}\n\n:root[data-scrollbar-harmonisation]::-webkit-scrollbar-thumb,\n:root[data-scrollbar-harmonisation] *::-webkit-scrollbar-thumb {\n background-color: ", ";\n}\n\n@media (forced-colors: active) {\n :root[data-scrollbar-harmonisation],\n :root[data-scrollbar-harmonisation] *,\n :root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent],\n :root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent] * {\n scrollbar-color: auto;\n }\n\n :root[data-scrollbar-harmonisation]::-webkit-scrollbar-track,\n :root[data-scrollbar-harmonisation]::-webkit-scrollbar-thumb,\n :root[data-scrollbar-harmonisation]::-webkit-scrollbar-corner,\n :root[data-scrollbar-harmonisation] *::-webkit-scrollbar-track,\n :root[data-scrollbar-harmonisation] *::-webkit-scrollbar-thumb,\n :root[data-scrollbar-harmonisation] *::-webkit-scrollbar-corner,\n :root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent]::-webkit-scrollbar-track,\n :root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent]::-webkit-scrollbar-thumb,\n :root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent]::-webkit-scrollbar-corner,\n :root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent] *::-webkit-scrollbar-track,\n :root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent] *::-webkit-scrollbar-thumb,\n :root[data-scrollbar-harmonisation][data-scrollbar-harmonisation-transparent] *::-webkit-scrollbar-corner {\n background-color: revert;\n border: revert;\n }\n}"])), "var(--ds-border-input, #8C8F97)", "var(--ds-elevation-surface-current, #FFFFFF)", "var(--ds-border-input, #8C8F97)", "var(--ds-elevation-surface-current, #FFFFFF)", "var(--ds-border-input, #8C8F97)", "var(--ds-elevation-surface-current, #FFFFFF)", "var(--ds-border-input, #8C8F97)");
var _default = exports.default = scrollbarStyles;