_form.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. form label{
  2. display: block;
  3. margin: 0px 0px 15px 0px;
  4. }
  5. form span[required]{
  6. color:red;
  7. }
  8. input,
  9. textarea,
  10. select {
  11. box-sizing: border-box;
  12. -webkit-box-sizing: border-box;
  13. -moz-box-sizing: border-box;
  14. border: 1px solid #C2C2C2;
  15. box-shadow: 1px 1px 4px #EBEBEB;
  16. -moz-box-shadow: 1px 1px 4px #EBEBEB;
  17. -webkit-box-shadow: 1px 1px 4px #EBEBEB;
  18. border-radius: 0.5rem;
  19. -webkit-border-radius: 0.5rem;
  20. -moz-border-radius: 0.5rem;
  21. padding: 7px;
  22. outline: none;
  23. }
  24. input:focus,
  25. textarea:focus,
  26. select:focus {
  27. border: 1px solid $theme;
  28. }
  29. textarea{
  30. height:100px;
  31. }
  32. input[type=submit],
  33. input[type=button],
  34. button{
  35. border: none;
  36. padding: 8px 15px 8px 15px;
  37. background: $theme;
  38. color: #fff;
  39. box-shadow: 1px 1px 4px #DADADA;
  40. -moz-box-shadow: 1px 1px 4px #DADADA;
  41. -webkit-box-shadow: 1px 1px 4px #DADADA;
  42. border-radius: 0.5rem;
  43. -webkit-border-radius: 0.5rem;
  44. -moz-border-radius: 0.5rem;
  45. }
  46. input[type=submit]:hover,
  47. input[type=button]:hover,
  48. button:hover{
  49. background: $theme;
  50. color: #fff;
  51. }
  52. form, input, textarea, button, select {
  53. font-size: inherit;
  54. }