Skip to content
Snippets Groups Projects
Select Git revision
  • e80ece70d09ef16a03cebe06c20da8a6a0c72361
  • main default protected
  • renovate/django-5.x
  • koma/feature/preference-polling-form
4 results

_reboot.scss

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    _reboot.scss 12.02 KiB
    // stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
    
    
    // Reboot
    //
    // Normalization of HTML elements, manually forked from Normalize.css to remove
    // styles targeting irrelevant browsers while applying new styles.
    //
    // Normalize is licensed MIT. https://github.com/necolas/normalize.css
    
    
    // Document
    //
    // Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
    
    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }
    
    
    // Root
    //
    // Ability to the value of the root font sizes, affecting the value of `rem`.
    // null by default, thus nothing is generated.
    
    :root {
      @if $font-size-root != null {
        @include font-size(var(--#{$prefix}root-font-size));
      }
    
      @if $enable-smooth-scroll {
        @media (prefers-reduced-motion: no-preference) {
          scroll-behavior: smooth;
        }
      }
    }
    
    
    // Body
    //
    // 1. Remove the margin in all browsers.
    // 2. As a best practice, apply a default `background-color`.
    // 3. Prevent adjustments of font size after orientation changes in iOS.
    // 4. Change the default tap highlight to be completely transparent in iOS.
    
    // scss-docs-start reboot-body-rules
    body {
      margin: 0; // 1
      font-family: var(--#{$prefix}body-font-family);
      @include font-size(var(--#{$prefix}body-font-size));
      font-weight: var(--#{$prefix}body-font-weight);
      line-height: var(--#{$prefix}body-line-height);
      color: var(--#{$prefix}body-color);
      text-align: var(--#{$prefix}body-text-align);
      background-color: var(--#{$prefix}body-bg); // 2
      -webkit-text-size-adjust: 100%; // 3
      -webkit-tap-highlight-color: rgba($black, 0); // 4
    }
    // scss-docs-end reboot-body-rules
    
    
    // Content grouping
    //
    // 1. Reset Firefox's gray color
    
    hr {
      margin: $hr-margin-y 0;
      color: $hr-color; // 1