You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_input-control.scss 1.0KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. .input-control {
  2. padding: 16px 0;
  3. &:first-child {
  4. padding-top: 0;
  5. }
  6. &:last-child {
  7. padding-bottom: 0;
  8. }
  9. &__text {
  10. margin: 8px 0;
  11. font-size: 1em
  12. }
  13. &__label {
  14. font-size: 1em;
  15. font-weight: $labelFontWeight;
  16. }
  17. &__input {
  18. margin-bottom: 8px;
  19. &:last-child {
  20. margin-bottom: inherit;
  21. }
  22. &::selection {
  23. background-color: $defaultDarkSelectionColor;
  24. }
  25. }
  26. &__em {
  27. color: $inputControlEmColor;
  28. }
  29. &__hint {
  30. margin-top: 0;
  31. font-size: $hintFontSize;
  32. span {
  33. vertical-align: middle;
  34. }
  35. }
  36. &__container {
  37. position: relative;
  38. width: 100%;
  39. @include flex();
  40. .button-control {
  41. margin: 9px 0 9px 10px;
  42. }
  43. }
  44. &__right {
  45. position: absolute;
  46. right: 0;
  47. }
  48. }
  49. /**
  50. * Set a specific color for read only style.
  51. */
  52. input:read-only {
  53. color: $readOnlyInputColor;
  54. }