Update lara cosmetics
parent
792f02f9b5
commit
30d1cb4e84
|
@ -361,7 +361,7 @@ export default {
|
||||||
focusColor: 'rgba(255,255,255,.87)'
|
focusColor: 'rgba(255,255,255,.87)'
|
||||||
},
|
},
|
||||||
mask: {
|
mask: {
|
||||||
background: 'rgba(0,0,0,0.4)',
|
background: 'rgba(0,0,0,0.6)',
|
||||||
color: '{surface.200}'
|
color: '{surface.200}'
|
||||||
},
|
},
|
||||||
formField: {
|
formField: {
|
||||||
|
|
|
@ -3,17 +3,17 @@ export default {
|
||||||
borderRadius: '{form.field.border.radius}',
|
borderRadius: '{form.field.border.radius}',
|
||||||
roundedBorderRadius: '2rem',
|
roundedBorderRadius: '2rem',
|
||||||
gap: '0.5rem',
|
gap: '0.5rem',
|
||||||
paddingX: '{form.field.padding.x}',
|
paddingX: '1rem',
|
||||||
paddingY: '{form.field.padding.y}',
|
paddingY: '{form.field.padding.y}',
|
||||||
iconOnlyWidth: '2.75rem',
|
iconOnlyWidth: '2.75rem',
|
||||||
sm: {
|
sm: {
|
||||||
fontSize: '0.875rem',
|
fontSize: '0.875rem',
|
||||||
paddingX: '0.625rem',
|
paddingX: '0.875rem',
|
||||||
paddingY: '0.5rem'
|
paddingY: '0.5rem'
|
||||||
},
|
},
|
||||||
lg: {
|
lg: {
|
||||||
fontSize: '1.125rem',
|
fontSize: '1.125rem',
|
||||||
paddingX: '0.875rem',
|
paddingX: '1.125rem',
|
||||||
paddingY: '0.75rem'
|
paddingY: '0.75rem'
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
|
|
|
@ -9,7 +9,7 @@ export default {
|
||||||
borderColor: '{content.border.color}',
|
borderColor: '{content.border.color}',
|
||||||
borderWidth: '0 0 1px 0',
|
borderWidth: '0 0 1px 0',
|
||||||
padding: '0.875rem 1.125rem',
|
padding: '0.875rem 1.125rem',
|
||||||
borderRadius: '3px 3px 0 0'
|
borderRadius: '5px 5px 0 0'
|
||||||
},
|
},
|
||||||
content: {
|
content: {
|
||||||
background: '{content.background}',
|
background: '{content.background}',
|
||||||
|
@ -17,7 +17,7 @@ export default {
|
||||||
borderColor: 'transparent',
|
borderColor: 'transparent',
|
||||||
borderWidth: '0',
|
borderWidth: '0',
|
||||||
padding: '0',
|
padding: '0',
|
||||||
borderRadius: '3px'
|
borderRadius: '5px'
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
background: '{content.background}',
|
background: '{content.background}',
|
||||||
|
@ -25,7 +25,7 @@ export default {
|
||||||
borderColor: '{content.border.color}',
|
borderColor: '{content.border.color}',
|
||||||
borderWidth: '1px 0 0 0',
|
borderWidth: '1px 0 0 0',
|
||||||
padding: '0.875rem 1.125rem',
|
padding: '0.875rem 1.125rem',
|
||||||
borderRadius: '0 0 3px 3px'
|
borderRadius: '0 0 5px 5px'
|
||||||
},
|
},
|
||||||
paginatorTop: {
|
paginatorTop: {
|
||||||
borderColor: '{content.border.color}',
|
borderColor: '{content.border.color}',
|
||||||
|
|
|
@ -9,7 +9,7 @@ export default {
|
||||||
borderWidth: '0 0 1px 0',
|
borderWidth: '0 0 1px 0',
|
||||||
borderColor: '{content.border.color}',
|
borderColor: '{content.border.color}',
|
||||||
padding: '1.125rem',
|
padding: '1.125rem',
|
||||||
borderRadius: '3px 3px 0 0',
|
borderRadius: '5px 5px 0 0',
|
||||||
gap: '0.5rem'
|
gap: '0.5rem'
|
||||||
},
|
},
|
||||||
content: {
|
content: {
|
||||||
|
|
|
@ -145,7 +145,7 @@ export default {
|
||||||
formField: {
|
formField: {
|
||||||
paddingX: '0.75rem',
|
paddingX: '0.75rem',
|
||||||
paddingY: '0.625rem',
|
paddingY: '0.625rem',
|
||||||
borderRadius: '{border.radius.sm}',
|
borderRadius: '{border.radius.md}',
|
||||||
focusRing: {
|
focusRing: {
|
||||||
width: '{focus.ring.width}',
|
width: '{focus.ring.width}',
|
||||||
style: '{focus.ring.style}',
|
style: '{focus.ring.style}',
|
||||||
|
@ -170,7 +170,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
content: {
|
content: {
|
||||||
borderRadius: '{border.radius.sm}'
|
borderRadius: '{border.radius.md}'
|
||||||
},
|
},
|
||||||
navigation: {
|
navigation: {
|
||||||
list: {
|
list: {
|
||||||
|
@ -192,16 +192,16 @@ export default {
|
||||||
},
|
},
|
||||||
overlay: {
|
overlay: {
|
||||||
select: {
|
select: {
|
||||||
borderRadius: '{border.radius.sm}',
|
borderRadius: '{border.radius.md}',
|
||||||
shadow: '0 2px 12px 0 rgba(0, 0, 0, 0.1)'
|
shadow: '0 2px 12px 0 rgba(0, 0, 0, 0.1)'
|
||||||
},
|
},
|
||||||
popover: {
|
popover: {
|
||||||
borderRadius: '{border.radius.sm}',
|
borderRadius: '{border.radius.md}',
|
||||||
padding: '1rem',
|
padding: '1rem',
|
||||||
shadow: '0 1px 3px rgba(0, 0, 0, 0.1)'
|
shadow: '0 1px 3px rgba(0, 0, 0, 0.1)'
|
||||||
},
|
},
|
||||||
modal: {
|
modal: {
|
||||||
borderRadius: '{border.radius.lg}',
|
borderRadius: '{border.radius.xl}',
|
||||||
padding: '1.5rem',
|
padding: '1.5rem',
|
||||||
shadow: '0 1px 3px rgba(0, 0, 0, 0.3)'
|
shadow: '0 1px 3px rgba(0, 0, 0, 0.3)'
|
||||||
},
|
},
|
||||||
|
@ -366,7 +366,7 @@ export default {
|
||||||
shadow: '0 0 0 0.2rem color-mix(in srgb, {primary.color}, transparent 80%)'
|
shadow: '0 0 0 0.2rem color-mix(in srgb, {primary.color}, transparent 80%)'
|
||||||
},
|
},
|
||||||
mask: {
|
mask: {
|
||||||
background: 'rgba(0,0,0,0.4)',
|
background: 'rgba(0,0,0,0.6)',
|
||||||
color: '{surface.200}'
|
color: '{surface.200}'
|
||||||
},
|
},
|
||||||
formField: {
|
formField: {
|
||||||
|
|
|
@ -9,7 +9,7 @@ export default {
|
||||||
borderWidth: '0 0 1px 0',
|
borderWidth: '0 0 1px 0',
|
||||||
borderColor: '{content.border.color}',
|
borderColor: '{content.border.color}',
|
||||||
padding: '1.125rem',
|
padding: '1.125rem',
|
||||||
borderRadius: '3px 3px 0 0'
|
borderRadius: '5px 5px 0 0'
|
||||||
},
|
},
|
||||||
toggleableHeader: {
|
toggleableHeader: {
|
||||||
padding: '0.25rem 1.125rem'
|
padding: '0.25rem 1.125rem'
|
||||||
|
|
Loading…
Reference in New Issue