element.style {
}
:root {
–blue: #007bff;
–indigo: #6610f2;
–purple: #6f42c1;
–pink: #e83e8c;
–red: #dc3545;
–orange: #fd7e14;
–yellow: #ffc107;
–green: #28a745;
–teal: #20c997;
–cyan: #17a2b8;
–white: #fff;
–gray: #6c757d;
–gray-dark: #343a40;
–primary: #007bff;
–secondary: #6c757d;
–success: #28a745;
–info: #17a2b8;
–warning: #ffc107;
–danger: #dc3545;
–light: #f8f9fa;
–dark: #343a40;
–breakpoint-xs: 0;
–breakpoint-sm: 576px;
–breakpoint-md: 768px;
–breakpoint-lg: 992px;
–breakpoint-xl: 1200px;
–font-family-sans-serif: “Source Sans Pro”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”;
–font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, “Liberation Mono”, “Courier New”, monospace;
}
.wrapper, body, html {
min-height: 100%;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
*, ::after, ::before {
box-sizing: border-box;
}
html[Attributes Style] {
-webkit-locale: “en”;
}
user agent stylesheet
:root {
view-transition-name: root;
}
user agent stylesheet
html {
display: block;
}
*, ::after, ::before {
box-sizing: border-box;
}
*, ::after, ::before {
box-sizing: border-box;
}