_forms.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. form {
  2. .button-wrapper {
  3. margin-top: 0.75rem;
  4. margin-bottom: 1rem;
  5. }
  6. span.required {
  7. color: $error-color;
  8. font-weight: 700;
  9. font-size: 1.2rem;
  10. }
  11. .form-input[type=range] {
  12. appearance: slider-horizontal;
  13. &:focus {
  14. box-shadow: none;
  15. border: none;
  16. }
  17. }
  18. /** Reset some defaults for Quark Theme **/
  19. .form-group:not(.form-field-toggleable) {
  20. .checkboxes {
  21. display: inherit;
  22. label {
  23. display: inherit;
  24. padding: (($control-size-sm - $line-height) / 2) $control-padding-x (($control-size-sm - $line-height) / 2) ($control-icon-size + $control-padding-x);
  25. margin: inherit;
  26. &:before {
  27. display: none;
  28. }
  29. }
  30. }
  31. }
  32. }
  33. #grav-login {
  34. > form {
  35. margin: 2rem auto 0;
  36. max-width: 350px;
  37. }
  38. .form-label {
  39. display: none;
  40. }
  41. .form-data {
  42. margin: 1rem 0;
  43. }
  44. .form-input {
  45. text-align: center;
  46. }
  47. .button-wrapper {
  48. text-align: right;
  49. .form-data.rememberme {
  50. margin: 0;
  51. float: left;
  52. }
  53. }
  54. .login-form {
  55. button[type="submit"] {
  56. @include button-primary;
  57. }
  58. }
  59. .twofa-form {
  60. button[type="submit"]:first-child {
  61. @include button-primary;
  62. float: right;
  63. margin-left: 4px;
  64. }
  65. }
  66. }