_defaults.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. /* ==========================================================================
  2. Defaults
  3. This file is exclusively intended for setting up variables
  4. Never add styles directly to this file
  5. ========================================================================== */
  6. // Border radius
  7. // -------------------------
  8. $border-radius: 4px;
  9. // Forms
  10. // -------------------------
  11. %input-style {
  12. background-color: #fff;
  13. outline: none;
  14. width: 100%;
  15. *width: 95%;
  16. height: 30px;
  17. padding: 4px 10px;
  18. border: 1px solid $hr-border;
  19. border-radius: $border-radius;
  20. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  21. box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  22. -moz-box-sizing: border-box;
  23. -webkit-box-sizing: border-box;
  24. box-sizing: border-box;
  25. &:focus {
  26. border-color: $form-blue;
  27. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba($form-blue,.6);
  28. box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba($form-blue,.6);
  29. }
  30. }