@aws-amplify/ui
Version:
`@aws-amplify/ui` contains low-level logic & styles for stand-alone usage or re-use in framework-specific implementations.
39 lines (38 loc) • 1.55 kB
CSS
@layer amplify.components {
.amplify-fieldset {
background-color: var(--amplify-components-fieldset-background-color);
border-radius: var(--amplify-components-fieldset-border-radius);
flex-direction: var(--amplify-components-fieldset-flex-direction);
gap: var(--amplify-components-fieldset-gap);
/* Sizes */
/* Variations */
}
.amplify-fieldset--small {
gap: var(--amplify-components-fieldset-small-gap);
}
.amplify-fieldset--large {
gap: var(--amplify-components-fieldset-large-gap);
}
.amplify-fieldset--outlined {
border: var(--amplify-components-fieldset-outlined-border-width) var(--amplify-components-fieldset-outlined-border-style) var(--amplify-components-fieldset-outlined-border-color);
padding: var(--amplify-components-fieldset-outlined-padding);
}
.amplify-fieldset--outlined.amplify-fieldset--small {
padding: var(--amplify-components-fieldset-outlined-small-padding);
}
.amplify-fieldset--outlined.amplify-fieldset--large {
padding: var(--amplify-components-fieldset-outlined-large-padding);
}
.amplify-fieldset__legend {
color: var(--amplify-components-fieldset-legend-color);
font-weight: var(--amplify-components-fieldset-legend-font-weight);
line-height: var(--amplify-components-fieldset-legend-line-height);
font-size: var(--amplify-components-fieldset-legend-font-size);
}
.amplify-fieldset__legend--small {
font-size: var(--amplify-components-fieldset-legend-small-font-size);
}
.amplify-fieldset__legend--large {
font-size: var(--amplify-components-fieldset-legend-large-font-size);
}
}