Skip to content

Commit

Permalink
feat: more device pixel ratios for hairlines
Browse files Browse the repository at this point in the history
fixes #70
  • Loading branch information
nolimits4web committed Aug 10, 2022
1 parent 7fef0cc commit 196c05b
Showing 1 changed file with 25 additions and 0 deletions.
25 changes: 25 additions & 0 deletions src/config/plugin-base.js
Original file line number Diff line number Diff line change
Expand Up @@ -55,11 +55,36 @@ module.exports = (userConfig = {}) => {
'--k-hairline-color': 'rgba(0, 0, 0, 0.2)',
},
...darkProps,
'@media (min-resolution: 1.25dppx)': {
':root': {
'--k-device-pixel-ratio': '1.25',
},
},
'@media (min-resolution: 1.5dppx)': {
':root': {
'--k-device-pixel-ratio': '1.5',
},
},
'@media (min-resolution: 1.75dppx)': {
':root': {
'--k-device-pixel-ratio': '1.75',
},
},
'@media (min-resolution: 2dppx)': {
':root': {
'--k-device-pixel-ratio': '2',
},
},
'@media (min-resolution: 2.25dppx)': {
':root': {
'--k-device-pixel-ratio': '2.25',
},
},
'@media (min-resolution: 2.5dppx)': {
':root': {
'--k-device-pixel-ratio': '2.5',
},
},
'@media (min-resolution: 3dppx)': {
':root': {
'--k-device-pixel-ratio': '3',
Expand Down

0 comments on commit 196c05b

Please sign in to comment.