mirror of
https://github.com/picocss/pico.git
synced 2025-02-24 00:39:20 -05:00
69 lines
1.8 KiB
SCSS
69 lines
1.8 KiB
SCSS
/**
|
||
* Document
|
||
* Content-box & Responsive typography
|
||
*/
|
||
|
||
|
||
// Reboot
|
||
// Based on normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
|
||
// ––––––––––––––––––––
|
||
|
||
// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
box-sizing: border-box; // 1
|
||
}
|
||
|
||
// 1. Correct the line height in all browsers.
|
||
// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
|
||
// 3. Change the default tap highlight to be completely transparent in iOS.
|
||
html {
|
||
-webkit-text-size-adjust: 100%; // 2
|
||
-webkit-tap-highlight-color: rgba(0,0,0,0); // 3
|
||
background: var(--background);
|
||
color: var(--text);
|
||
font-family: $sans-serif;
|
||
font-size: map-get($base-font, "xs");
|
||
font-weight: $text-weight;
|
||
line-height: $line-height; // 1
|
||
text-rendering: optimizeLegibility;
|
||
|
||
@if map-get($breakpoints, "sm") and
|
||
map-get($base-font, "sm") and
|
||
$enable-responsive-typography {
|
||
|
||
@media (min-width: map-get($breakpoints, "sm")) {
|
||
font-size: map-get($base-font, "sm");
|
||
}
|
||
}
|
||
|
||
@if map-get($breakpoints, "md") and
|
||
map-get($base-font, "md") and
|
||
$enable-responsive-typography {
|
||
|
||
@media (min-width: map-get($breakpoints, "md")) {
|
||
font-size: map-get($base-font, "md");
|
||
}
|
||
}
|
||
|
||
@if map-get($breakpoints, "lg") and
|
||
map-get($base-font, "lg") and
|
||
$enable-responsive-typography {
|
||
|
||
@media (min-width: map-get($breakpoints, "lg")) {
|
||
font-size: map-get($base-font, "lg");
|
||
}
|
||
}
|
||
|
||
@if map-get($breakpoints, "xl") and
|
||
map-get($base-font, "xl") and
|
||
$enable-responsive-typography {
|
||
|
||
@media (min-width: map-get($breakpoints, "xl")) {
|
||
font-size: map-get($base-font, "xl");
|
||
}
|
||
}
|
||
|
||
}
|