crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-03 19:51:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles: fonsize in screen md and sm are the same in px

Browse Source
This commit is contained in:
lytrankieio123 2021-08-23 16:47:24 +07:00
parent 5fc910baa9
commit 9e7f931c53
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/styles/_base.scss
View File

@ -32,8 +32,8 @@
--background: #f8f8f8; --background: #f8f8f8;
--white: #fbfbfb; --white: #fbfbfb;
--font-size: 1.6rem; --font-size: 16px;
--line-height: 2.4rem; --line-height: 24px;
--font-sans: -apple-system, system-ui, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", sans-serif; --font-sans: -apple-system, system-ui, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", sans-serif;
} }
@ -62,8 +62,11 @@ body {
html { html {
/* default font-size: 16px -> 62.5% * 16px = 10px */ /* default font-size: 16px -> 62.5% * 16px = 10px */
/* => 1rem = 10px*/ font-size: 50% !important; // => 1rem = 8px
font-size: 62.5% !important;
@screen md {
font-size: 62.5% !important; // => 1rem = 10px*/
}
scroll-behavior: smooth; scroll-behavior: smooth;
touch-action: manipulation; touch-action: manipulation;
font-feature-settings: "case" 1, "rlig" 1, "calt" 0; font-feature-settings: "case" 1, "rlig" 1, "calt" 0;

2
tailwind.config.js
View File

@ -92,7 +92,7 @@ module.exports = {
'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px', 'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px',
}, },
fontSize: { fontSize: {
base: ['1.6rem', '2.4rem'], base: ['16px', '24px'],
}, },
borderRadius: { borderRadius: {
rounded: '.8rem', rounded: '.8rem',