@atlaskit/css-reset
Version:
A base stylesheet for the Atlassian Design System.
5 lines • 3.4 kB
JavaScript
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
var _templateObject;
import evaluateInner from './utils/evaluate-inner';
var scrollbarStyles = evaluateInner(_templateObject || (_templateObject = _taggedTemplateLiteral(["/*\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)");
export default scrollbarStyles;