123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291 |
- @use '../settings';
- /*!
- * ress.css • v2.0.4
- * MIT License
- * github.com/filipelinhares/ress
- */
- @if (settings.$reset) {
- /* # =================================================================
- # Global selectors
- # ================================================================= */
- html {
- box-sizing: border-box;
- overflow-y: scroll; /* All browsers without overlaying scrollbars */
- -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
- word-break: normal;
- -moz-tab-size: 4;
- tab-size: 4;
- }
- *,
- ::before,
- ::after {
- background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
- box-sizing: inherit;
- }
- ::before,
- ::after {
- text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
- vertical-align: inherit;
- }
- * {
- padding: 0; /* Reset `padding` and `margin` of all elements */
- margin: 0;
- }
- /* # =================================================================
- # General elements
- # ================================================================= */
- hr {
- overflow: visible; /* Show the overflow in Edge and IE */
- height: 0; /* Add the correct box sizing in Firefox */
- }
- details,
- main {
- display: block; /* Render the `main` element consistently in IE. */
- }
- summary {
- display: list-item; /* Add the correct display in all browsers */
- }
- small {
- font-size: 80%; /* Set font-size to 80% in `small` elements */
- }
- [hidden] {
- display: none; /* Add the correct display in IE */
- }
- abbr[title] {
- border-bottom: none; /* Remove the bottom border in Chrome 57 */
- /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
- text-decoration: underline;
- text-decoration: underline dotted;
- }
- a {
- background-color: transparent; /* Remove the gray background on active links in IE 10 */
- }
- a:active,
- a:hover {
- outline-width: 0; /* Remove the outline when hovering in all browsers */
- }
- code,
- kbd,
- pre,
- samp {
- font-family: monospace, monospace; /* Specify the font family of code elements */
- }
- pre {
- font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
- }
- b,
- strong {
- font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
- }
- /* https://gist.github.com/unruthless/413930 */
- sub,
- sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
- sub {
- bottom: -0.25em;
- }
- sup {
- top: -0.5em;
- }
- /* # =================================================================
- # Forms
- # ================================================================= */
- input {
- border-radius: 0;
- }
- /* Replace pointer cursor in disabled elements */
- [disabled] {
- cursor: default;
- }
- [type="number"]::-webkit-inner-spin-button,
- [type="number"]::-webkit-outer-spin-button {
- height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
- }
- [type="search"] {
- -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
- outline-offset: -2px; /* Correct the outline style in Safari */
- }
- [type="search"]::-webkit-search-cancel-button,
- [type="search"]::-webkit-search-decoration {
- -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
- }
- textarea {
- overflow: auto; /* Internet Explorer 11+ */
- resize: vertical; /* Specify textarea resizability */
- }
- button,
- input,
- optgroup,
- select,
- textarea {
- font: inherit; /* Specify font inheritance of form elements */
- }
- optgroup {
- font-weight: bold; /* Restore the font weight unset by the previous rule */
- }
- button {
- overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
- }
- button,
- select {
- text-transform: none; /* Firefox 40+, Internet Explorer 11- */
- }
- /* Apply cursor pointer to button elements */
- button,
- [type="button"],
- [type="reset"],
- [type="submit"],
- [role="button"] {
- cursor: pointer;
- color: inherit;
- }
- /* Remove inner padding and border in Firefox 4+ */
- button::-moz-focus-inner,
- [type="button"]::-moz-focus-inner,
- [type="reset"]::-moz-focus-inner,
- [type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
- }
- /* Replace focus style removed in the border reset above */
- button:-moz-focusring,
- [type="button"]::-moz-focus-inner,
- [type="reset"]::-moz-focus-inner,
- [type="submit"]::-moz-focus-inner {
- outline: 1px dotted ButtonText;
- }
- button,
- html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
- [type="reset"],
- [type="submit"] {
- -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
- }
- /* Remove the default button styling in all browsers */
- button,
- input,
- select,
- textarea {
- background-color: transparent;
- border-style: none;
- }
- /* Style select like a standard input */
- select {
- -moz-appearance: none; /* Firefox 36+ */
- -webkit-appearance: none; /* Chrome 41+ */
- }
- select::-ms-expand {
- display: none; /* Internet Explorer 11+ */
- }
- select::-ms-value {
- color: currentColor; /* Internet Explorer 11+ */
- }
- legend {
- border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
- color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
- display: table; /* Correct the text wrapping in Edge and IE */
- max-width: 100%; /* Correct the text wrapping in Edge and IE */
- white-space: normal; /* Correct the text wrapping in Edge and IE */
- max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
- }
- ::-webkit-file-upload-button {
- /* Correct the inability to style clickable types in iOS and Safari */
- -webkit-appearance: button;
- color: inherit;
- font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
- }
- // Remove default password icon in EdgeHTML (#537)
- ::-ms-clear,
- ::-ms-reveal {
- display: none
- }
- /* # =================================================================
- # Specify media element style
- # ================================================================= */
- img {
- border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
- }
- /* Add the correct vertical alignment in Chrome, Firefox, and Opera */
- progress {
- vertical-align: baseline;
- }
- /* # =================================================================
- # Accessibility
- # ================================================================= */
- /* Hide content from screens but not screenreaders */
- @media screen {
- [hidden~="screen"] {
- display: inherit;
- }
- [hidden~="screen"]:not(:active):not(:focus):not(:target) {
- position: absolute !important;
- clip: rect(0 0 0 0) !important;
- }
- }
- /* Specify the progress cursor of updating elements */
- [aria-busy="true"] {
- cursor: progress;
- }
- /* Specify the pointer cursor of trigger elements */
- [aria-controls] {
- cursor: pointer;
- }
- /* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
- [aria-disabled="true"] {
- cursor: default;
- }
- }
|