Change --border-radius-circle
to --border-radius-full
(#30936)
Percentage-based `border-radius` [creates undesirable ellipse](https://jsfiddle.net/silverwind/j9ko5wnt/4/) on non-square content. Instead, use pixel value and use same wording `full` like tailwind does, but increast to 99999px over their 9999px.
This commit is contained in:
parent
47e715a70f
commit
2ced31e81d
4 changed files with 5 additions and 5 deletions
|
@ -66,7 +66,7 @@ export default {
|
|||
'xl': '12px',
|
||||
'2xl': '16px',
|
||||
'3xl': '24px',
|
||||
'full': 'var(--border-radius-circle)', // 50%
|
||||
'full': 'var(--border-radius-full)',
|
||||
},
|
||||
fontFamily: {
|
||||
sans: 'var(--fonts-regular)',
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue