From 2ef7c0ec1ff976b807691fea23eaaf5ea1e93bc9 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Sun, 27 Mar 2022 19:19:28 -0700 Subject: init --- sass/include/_document.scss | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 sass/include/_document.scss (limited to 'sass/include/_document.scss') diff --git a/sass/include/_document.scss b/sass/include/_document.scss new file mode 100644 index 0000000..a5f91db --- /dev/null +++ b/sass/include/_document.scss @@ -0,0 +1,37 @@ +// Document: Content-box & Responsive typography + +// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border` +*, +*::before, +*::after { + box-sizing: border-box; // 1 +} + +// 1. Add text decoration inheritance in all browsers (opinionated) +// 2. Add vertical alignment inheritance in all browsers (opinionated) +//::before, +//::after { +// text-decoration: inherit; // 1 +// vertical-align: inherit; // 2 +//} + +// 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. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS +// 4. Change the default tap highlight to be completely transparent in iOS +// 5. Use the default cursor in all browsers (opinionated) +// 6. Use a 4-space tab width in all browsers (opinionated) +html { + text-rendering: optimizeLegibility; + background-color: var(--c1); + color: var(--f1); + font-family: var(--ff); + font-weight: var(--fw); + font-size: var(--fs); + line-height: var(--lh); // 1 +// -ms-text-size-adjust: 100%; // 2 +// -webkit-text-size-adjust: 100%; // 3 +// -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 4 +// cursor: default; // 5 +// tab-size: 4; // 6 +} -- cgit v1.3.1