@chakra-ui/react
Version:
Responsive and accessible React UI components built with React and Emotion
38 lines (34 loc) • 775 B
JavaScript
"use strict";
'use strict';
var config = require('../../styled-system/config.cjs');
const skipNavLinkRecipe = config.defineRecipe({
className: "chakra-skip-nav",
base: {
display: "inline-flex",
bg: "bg.panel",
padding: "2.5",
borderRadius: "l2",
fontWeight: "semibold",
focusVisibleRing: "outside",
textStyle: "sm",
// visually hidden
userSelect: "none",
border: "0",
height: "1px",
width: "1px",
margin: "-1px",
outline: "0",
overflow: "hidden",
position: "absolute",
clip: "rect(0 0 0 0)",
_focusVisible: {
clip: "auto",
width: "auto",
height: "auto",
position: "fixed",
top: "6",
insetStart: "6"
}
}
});
exports.skipNavLinkRecipe = skipNavLinkRecipe;