sourav-das/stem-separator

1/*2  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)3  2. Remove default margins and padding4  3. Reset all borders.5*/6 7*,8::after,9::before,10::backdrop,11::file-selector-button {12  box-sizing: border-box; /* 1 */13  margin: 0; /* 2 */14  padding: 0; /* 2 */15  border: 0 solid; /* 3 */16}17 18/*19  1. Use a consistent sensible line-height in all browsers.20  2. Prevent adjustments of font size after orientation changes in iOS.21  3. Use a more readable tab size.22  4. Use the user's configured `sans` font-family by default.23  5. Use the user's configured `sans` font-feature-settings by default.24  6. Use the user's configured `sans` font-variation-settings by default.25  7. Disable tap highlights on iOS.26*/27 28html,29:host {30  line-height: 1.5; /* 1 */31  -webkit-text-size-adjust: 100%; /* 2 */32  tab-size: 4; /* 3 */33  font-family: --theme(34    --default-font-family,35    ui-sans-serif,36    system-ui,37    sans-serif,38    'Apple Color Emoji',39    'Segoe UI Emoji',40    'Segoe UI Symbol',41    'Noto Color Emoji'42  ); /* 4 */43  font-feature-settings: --theme(--default-font-feature-settings, normal); /* 5 */44  font-variation-settings: --theme(--default-font-variation-settings, normal); /* 6 */45  -webkit-tap-highlight-color: transparent; /* 7 */46}47 48/*49  1. Add the correct height in Firefox.50  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)51  3. Reset the default border style to a 1px solid border.52*/53 54hr {55  height: 0; /* 1 */56  color: inherit; /* 2 */57  border-top-width: 1px; /* 3 */58}59 60/*61  Add the correct text decoration in Chrome, Edge, and Safari.62*/63 64abbr:where([title]) {65  -webkit-text-decoration: underline dotted;66  text-decoration: underline dotted;67}68 69/*70  Remove the default font size and weight for headings.71*/72 73h1,74h2,75h3,76h4,77h5,78h6 {79  font-size: inherit;80  font-weight: inherit;81}82 83/*84  Reset links to optimize for opt-in styling instead of opt-out.85*/86 87a {88  color: inherit;89  -webkit-text-decoration: inherit;90  text-decoration: inherit;91}92 93/*94  Add the correct font weight in Edge and Safari.95*/96 97b,98strong {99  font-weight: bolder;100}101 102/*103  1. Use the user's configured `mono` font-family by default.104  2. Use the user's configured `mono` font-feature-settings by default.105  3. Use the user's configured `mono` font-variation-settings by default.106  4. Correct the odd `em` font sizing in all browsers.107*/108 109code,110kbd,111samp,112pre {113  font-family: --theme(114    --default-mono-font-family,115    ui-monospace,116    SFMono-Regular,117    Menlo,118    Monaco,119    Consolas,120    'Liberation Mono',121    'Courier New',122    monospace123  ); /* 1 */124  font-feature-settings: --theme(--default-mono-font-feature-settings, normal); /* 2 */125  font-variation-settings: --theme(--default-mono-font-variation-settings, normal); /* 3 */126  font-size: 1em; /* 4 */127}128 129/*130  Add the correct font size in all browsers.131*/132 133small {134  font-size: 80%;135}136 137/*138  Prevent `sub` and `sup` elements from affecting the line height in all browsers.139*/140 141sub,142sup {143  font-size: 75%;144  line-height: 0;145  position: relative;146  vertical-align: baseline;147}148 149sub {150  bottom: -0.25em;151}152 153sup {154  top: -0.5em;155}156 157/*158  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)159  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)160  3. Remove gaps between table borders by default.161*/162 163table {164  text-indent: 0; /* 1 */165  border-color: inherit; /* 2 */166  border-collapse: collapse; /* 3 */167}168 169/*170  Use the modern Firefox focus style for all focusable elements.171*/172 173:-moz-focusring {174  outline: auto;175}176 177/*178  Add the correct vertical alignment in Chrome and Firefox.179*/180 181progress {182  vertical-align: baseline;183}184 185/*186  Add the correct display in Chrome and Safari.187*/188 189summary {190  display: list-item;191}192 193/*194  Make lists unstyled by default.195*/196 197ol,198ul,199menu {200  list-style: none;201}202 203/*204  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)205  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)206      This can trigger a poorly considered lint error in some tools but is included by design.207*/208 209img,210svg,211video,212canvas,213audio,214iframe,215embed,216object {217  display: block; /* 1 */218  vertical-align: middle; /* 2 */219}220 221/*222  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)223*/224 225img,226video {227  max-width: 100%;228  height: auto;229}230 231/*232  1. Inherit font styles in all browsers.233  2. Remove border radius in all browsers.234  3. Remove background color in all browsers.235  4. Ensure consistent opacity for disabled states in all browsers.236*/237 238button,239input,240select,241optgroup,242textarea,243::file-selector-button {244  font: inherit; /* 1 */245  font-feature-settings: inherit; /* 1 */246  font-variation-settings: inherit; /* 1 */247  letter-spacing: inherit; /* 1 */248  color: inherit; /* 1 */249  border-radius: 0; /* 2 */250  background-color: transparent; /* 3 */251  opacity: 1; /* 4 */252}253 254/*255  Restore default font weight.256*/257 258:where(select:is([multiple], [size])) optgroup {259  font-weight: bolder;260}261 262/*263  Restore indentation.264*/265 266:where(select:is([multiple], [size])) optgroup option {267  padding-inline-start: 20px;268}269 270/*271  Restore space after button.272*/273 274::file-selector-button {275  margin-inline-end: 4px;276}277 278/*279  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)280*/281 282::placeholder {283  opacity: 1;284}285 286/*287  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not288  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)289*/290 291@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or292  (contain-intrinsic-size: 1px) /* Safari 17+ */ {293  ::placeholder {294    color: color-mix(in oklab, currentcolor 50%, transparent);295  }296}297 298/*299  Prevent resizing textareas horizontally by default.300*/301 302textarea {303  resize: vertical;304}305 306/*307  Remove the inner padding in Chrome and Safari on macOS.308*/309 310::-webkit-search-decoration {311  -webkit-appearance: none;312}313 314/*315  1. Ensure date/time inputs have the same height when empty in iOS Safari.316  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.317*/318 319::-webkit-date-and-time-value {320  min-height: 1lh; /* 1 */321  text-align: inherit; /* 2 */322}323 324/*325  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.326*/327 328::-webkit-datetime-edit {329  display: inline-flex;330}331 332/*333  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.334*/335 336::-webkit-datetime-edit-fields-wrapper {337  padding: 0;338}339 340::-webkit-datetime-edit,341::-webkit-datetime-edit-year-field,342::-webkit-datetime-edit-month-field,343::-webkit-datetime-edit-day-field,344::-webkit-datetime-edit-hour-field,345::-webkit-datetime-edit-minute-field,346::-webkit-datetime-edit-second-field,347::-webkit-datetime-edit-millisecond-field,348::-webkit-datetime-edit-meridiem-field {349  padding-block: 0;350}351 352/*353  Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)354*/355 356::-webkit-calendar-picker-indicator {357  line-height: 1;358}359 360/*361  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)362*/363 364:-moz-ui-invalid {365  box-shadow: none;366}367 368/*369  Correct the inability to style the border radius in iOS Safari.370*/371 372button,373input:where([type='button'], [type='reset'], [type='submit']),374::file-selector-button {375  appearance: button;376}377 378/*379  Correct the cursor style of increment and decrement buttons in Safari.380*/381 382::-webkit-inner-spin-button,383::-webkit-outer-spin-button {384  height: auto;385}386 387/*388  Make elements with the HTML hidden attribute stay hidden by default.389*/390 391[hidden]:where(:not([hidden='until-found'])) {392  display: none !important;393}394