Issue #3079738 by lauriii, saschaeggi, webchick, xjm, andrewmacpherson, shimpy, effulgentsia, Wim Leers, DyanneNova, svettes, rainbreaw, fhaeberle, ckrina, AaronMcHale, justafish, catch, charlieweb82, AntoineH, lot007, pzajacz, kostyashupenko, jasonbarrie, antonellasevero, finnsky, worldlinemine, bnjmnm, RobLoach, Dennis Cohn, huzooka, Archita Arora, joachim, jrockowitz, benjifisher, shaal, Gábor Hojtsy, quiron, L2G2, ccasals, hampercm, if-jds, abhisekmazumdar, Kami Amiga, pivica, zrpnr, BrightBold, imalabya, jhedstrom, Neslee Canil Pinto, maliknaik, junaidmasoodi, Maithri Shetty, pranav73, mandclu, modulist, nod_, philosurfer, phenaproxima, mherchel, mlncn, rafuel92, leymannx, kiboman, Swapnil_Kotwal, anevins, evankay, rfmarcelino, thamas, brianperry, idebr, joelpittet, boulaffasae, alexpott, volkerk, DuneBL, Eli-T, Mahenkvyas22: Add Claro administration theme to core
2019-10-13 20:42:58 +00:00
|
|
|
/**
|
|
|
|
|
* @file
|
|
|
|
|
* Fieldset styles.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.fieldset {
|
|
|
|
|
min-width: 0;
|
|
|
|
|
margin: var(--space-m) 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
color: var(--color-text);
|
|
|
|
|
border: var(--details-border-size) solid var(--details-border-color);
|
|
|
|
|
border-radius: var(--base-border-radius);
|
|
|
|
|
background-color: var(--color-white);
|
|
|
|
|
box-shadow: var(--details-box-shadow);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset--group {
|
|
|
|
|
color: inherit;
|
|
|
|
|
border: 0;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
background: none;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Fieldset legend.
|
|
|
|
|
*/
|
|
|
|
|
.fieldset__legend {
|
|
|
|
|
display: contents; /* For Firefox. */
|
|
|
|
|
float: left; /* iOS Safari, Android Chrome, Edge. */
|
|
|
|
|
width: 100%; /* iOS Safari, Android Chrome, Edge. */
|
|
|
|
|
margin-bottom: var(--space-m);
|
2021-09-17 09:56:47 +00:00
|
|
|
color: var(--color-gray-800);
|
Issue #3079738 by lauriii, saschaeggi, webchick, xjm, andrewmacpherson, shimpy, effulgentsia, Wim Leers, DyanneNova, svettes, rainbreaw, fhaeberle, ckrina, AaronMcHale, justafish, catch, charlieweb82, AntoineH, lot007, pzajacz, kostyashupenko, jasonbarrie, antonellasevero, finnsky, worldlinemine, bnjmnm, RobLoach, Dennis Cohn, huzooka, Archita Arora, joachim, jrockowitz, benjifisher, shaal, Gábor Hojtsy, quiron, L2G2, ccasals, hampercm, if-jds, abhisekmazumdar, Kami Amiga, pivica, zrpnr, BrightBold, imalabya, jhedstrom, Neslee Canil Pinto, maliknaik, junaidmasoodi, Maithri Shetty, pranav73, mandclu, modulist, nod_, philosurfer, phenaproxima, mherchel, mlncn, rafuel92, leymannx, kiboman, Swapnil_Kotwal, anevins, evankay, rfmarcelino, thamas, brianperry, idebr, joelpittet, boulaffasae, alexpott, volkerk, DuneBL, Eli-T, Mahenkvyas22: Add Claro administration theme to core
2019-10-13 20:42:58 +00:00
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 48em) {
|
|
|
|
|
.fieldset__legend {
|
|
|
|
|
margin-bottom: var(--space-l);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset__legend--composite {
|
|
|
|
|
float: none;
|
|
|
|
|
width: auto;
|
2022-09-27 14:48:18 +00:00
|
|
|
margin-top: calc(var(--space-xs) / 2); /* 4px */
|
Issue #3079738 by lauriii, saschaeggi, webchick, xjm, andrewmacpherson, shimpy, effulgentsia, Wim Leers, DyanneNova, svettes, rainbreaw, fhaeberle, ckrina, AaronMcHale, justafish, catch, charlieweb82, AntoineH, lot007, pzajacz, kostyashupenko, jasonbarrie, antonellasevero, finnsky, worldlinemine, bnjmnm, RobLoach, Dennis Cohn, huzooka, Archita Arora, joachim, jrockowitz, benjifisher, shaal, Gábor Hojtsy, quiron, L2G2, ccasals, hampercm, if-jds, abhisekmazumdar, Kami Amiga, pivica, zrpnr, BrightBold, imalabya, jhedstrom, Neslee Canil Pinto, maliknaik, junaidmasoodi, Maithri Shetty, pranav73, mandclu, modulist, nod_, philosurfer, phenaproxima, mherchel, mlncn, rafuel92, leymannx, kiboman, Swapnil_Kotwal, anevins, evankay, rfmarcelino, thamas, brianperry, idebr, joelpittet, boulaffasae, alexpott, volkerk, DuneBL, Eli-T, Mahenkvyas22: Add Claro administration theme to core
2019-10-13 20:42:58 +00:00
|
|
|
margin-bottom: calc(var(--space-xs) / 2); /* 4px */
|
|
|
|
|
color: inherit;
|
|
|
|
|
font-size: var(--font-size-s); /* 14px */
|
|
|
|
|
line-height: calc(18rem / 16); /* 18px */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* This is used only on install configure form. */
|
|
|
|
|
.fieldset__legend--group {
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
color: inherit;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset__label {
|
|
|
|
|
display: block;
|
|
|
|
|
padding: var(--space-m);
|
|
|
|
|
line-height: var(--space-m);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 48em) {
|
|
|
|
|
.fieldset__label {
|
|
|
|
|
padding-right: var(--space-l);
|
|
|
|
|
padding-left: var(--space-l);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset__label--group {
|
|
|
|
|
padding: 0;
|
|
|
|
|
line-height: inherit;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset__label.is-disabled {
|
|
|
|
|
color: var(--input--disabled-fg-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset__label.has-error {
|
|
|
|
|
color: var(--input--error-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset__description {
|
|
|
|
|
margin-top: calc(6rem / 16); /* 6px */
|
|
|
|
|
margin-bottom: calc(6rem / 16); /* 6px */
|
|
|
|
|
color: var(--input-fg-color--description);
|
|
|
|
|
font-size: var(--font-size-xs); /* ~13px */
|
|
|
|
|
line-height: calc(17rem / 16); /* 17px */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset__description.is-disabled {
|
|
|
|
|
color: var(--input--disabled-fg-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Error message (Inline form errors). */
|
|
|
|
|
.fieldset__error-message {
|
|
|
|
|
margin-top: calc(6rem / 16); /* 6px */
|
|
|
|
|
margin-bottom: calc(6rem / 16); /* 6px */
|
|
|
|
|
color: var(--input--error-color);
|
|
|
|
|
font-size: var(--font-size-xs); /* ~13px */
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
line-height: calc(17rem / 16); /* 17px */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset__wrapper {
|
|
|
|
|
margin: var(--space-m);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 48em) {
|
|
|
|
|
.fieldset__wrapper {
|
|
|
|
|
margin: var(--space-l) var(--space-l) calc(var(--space-m) + var(--space-s));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset__legend--visible ~ .fieldset__wrapper {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fieldset__wrapper--group {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Remove the unnecessary extra padding of container-inline wrapper if it's used
|
|
|
|
|
* inside a fieldset.
|
|
|
|
|
*/
|
|
|
|
|
.fieldset__wrapper > .container-inline {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
