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;
--white: #fbfbfb;
--font-size: 1.6rem;
--line-height: 2.4rem;
--font-size: 16px;
--line-height: 24px;
--font-sans: -apple-system, system-ui, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", sans-serif;
}
@ -62,8 +62,11 @@ body {
html {
/* default font-size: 16px -> 62.5% * 16px = 10px */
/* => 1rem = 10px*/
font-size: 62.5% !important;
font-size: 50% !important; // => 1rem = 8px
@screen md {
font-size: 62.5% !important; // => 1rem = 10px*/
}
scroll-behavior: smooth;
touch-action: manipulation;
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',
},
fontSize: {
base: ['1.6rem', '2.4rem'],
base: ['16px', '24px'],
},
borderRadius: {
rounded: '.8rem',