*, *:before, *:after { box-sizing: border-box; } html { // Sets a specific default `font-size` for user with `rem` type scales. font-size: $font-size-root; -ms-overflow-style: scrollbar; // Changes the default tap highlight to be completely transparent in iOS. -webkit-tap-highlight-color: rgba(0,0,0,0); } body { // Make the `body` use the `font-size-root` font-family: $font-family-base; font-size: $font-size-base; line-height: $line-height-base; font-weight: 400; // Go easy on the eyes and use something other than `#000` for text color: map-deep-get($colors, 'base'); // By default, `` has no `background-color` so we set one as a best practice. background-color: #ffffff; &.ui-normalize { font-size: 15px; // font-weight: 300; } } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; .ui-normalize & { line-height: 30px; letter-spacing: .035rem; font-weight: 300; // font-weight: 100; } } // // Links // a { color: $link-color; text-decoration: $link-decoration; font-weight: $link-weight; &:hover { color: $link-hover-color; text-decoration: $link-hover-decoration; cursor: pointer; } &:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } & > .ui-action { margin-right: 10px; } &:hover > .ui-action { @extend .ui-action:hover !optional; } } label { display: inline-block; margin-bottom: .8rem; }