1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- .input-control {
- padding: 16px 0;
-
- &:first-child {
- padding-top: 0;
- }
-
- &:last-child {
- padding-bottom: 0;
- }
-
- &__text {
- margin: 8px 0;
- font-size: 1em
- }
-
- &__label {
- font-size: 1em;
- font-weight: $labelFontWeight;
- }
-
- &__input {
- margin-bottom: 8px;
-
- &:last-child {
- margin-bottom: inherit;
- }
-
- &::selection {
- background-color: $defaultDarkSelectionColor;
- }
- }
-
- &__em {
- color: $inputControlEmColor;
- }
-
- &__hint {
- margin-top: 0;
- font-size: $hintFontSize;
-
- span {
- vertical-align: middle;
- }
- }
-
- &__container {
- position: relative;
- width: 100%;
- @include flex();
-
- .button-control {
- margin: 9px 0 9px 10px;
- }
- }
-
- &__right {
- position: absolute;
- right: 0;
- }
- }
-
- /**
- * Set a specific color for read only style.
- */
- input:read-only {
- color: $readOnlyInputColor;
- }
|