Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

_input-control.scss 1.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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. &:last-child {
  19. margin-bottom: inherit;
  20. }
  21. &::selection {
  22. background-color: $defaultDarkSelectionColor;
  23. }
  24. }
  25. &__em {
  26. color: $inputControlEmColor;
  27. }
  28. &__hint {
  29. margin-top: 0;
  30. font-size: $hintFontSize;
  31. span {
  32. vertical-align: middle;
  33. }
  34. }
  35. &__container {
  36. position: relative;
  37. width: 100%;
  38. margin-top: 5px;
  39. margin-bottom: 5px;
  40. @include flex();
  41. .button-control {
  42. margin: 1px 0 1px 10px;
  43. }
  44. }
  45. &__right {
  46. position: absolute;
  47. right: 0;
  48. }
  49. }
  50. /**
  51. * Set a specific color for read only style.
  52. */
  53. input:read-only {
  54. color: $readOnlyInputColor;
  55. }