_forms.scss 905 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. fieldset {
  2. border: 0;
  3. padding: $content-padding;
  4. margin: 0 0 $leading-margin 0;
  5. }
  6. input,
  7. label,
  8. select {
  9. display: block;
  10. }
  11. label {
  12. margin-bottom: $leading-margin / 4;
  13. &.required:after {
  14. content: "*";
  15. }
  16. abbr {
  17. display: none;
  18. }
  19. }
  20. textarea, #{$all-text-inputs}, select[multiple=multiple] {
  21. @include transition(border-color);
  22. border-radius: $core-border-radius;
  23. margin-bottom: $leading-margin / 2;
  24. padding: ($leading-margin / 4) ($leading-margin / 4);
  25. width: 100%;
  26. &:focus {
  27. outline: none;
  28. }
  29. }
  30. textarea {
  31. resize: vertical;
  32. }
  33. input[type="checkbox"], input[type="radio"] {
  34. display: inline;
  35. margin-right: $leading-margin / 4;
  36. }
  37. input[type="file"] {
  38. width: 100%;
  39. }
  40. select {
  41. width: auto;
  42. max-width: 100%;
  43. margin-bottom: $leading-margin;
  44. }
  45. button,
  46. input[type="submit"] {
  47. cursor: pointer;
  48. user-select: none;
  49. vertical-align: middle;
  50. white-space: nowrap;
  51. border: inherit;
  52. }