variables.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // Body
  2. $body-bg: #f5f8fa;
  3. // Base Border Color
  4. $laravel-border-color: darken($body-bg, 10%);
  5. // Set Common Borders
  6. $list-group-border: $laravel-border-color;
  7. $navbar-default-border: $laravel-border-color;
  8. $panel-default-border: $laravel-border-color;
  9. $panel-inner-border: $laravel-border-color;
  10. // Brands
  11. $brand-primary: #3097D1;
  12. $brand-info: #8eb4cb;
  13. $brand-success: #2ab27b;
  14. $brand-warning: #cbb956;
  15. $brand-danger: #bf5329;
  16. // Typography
  17. $font-family-sans-serif: "Open Sans", Helvetica, Arial, sans-serif;
  18. $font-size-base: 14px;
  19. $line-height-base: 1.6;
  20. $text-color: #636b6f;
  21. // Buttons
  22. $btn-default-color: $text-color;
  23. $btn-font-size: $font-size-base;
  24. // Inputs
  25. $input-border: lighten($text-color, 40%);
  26. $input-border-focus: lighten($brand-primary, 25%);
  27. $input-color-placeholder: lighten($text-color, 30%);
  28. // Dropdowns
  29. $dropdown-anchor-padding: 5px 20px;
  30. $dropdown-border: $laravel-border-color;
  31. $dropdown-divider-bg: lighten($laravel-border-color, 5%);
  32. $dropdown-header-color: darken($text-color, 10%);
  33. $dropdown-link-color: $text-color;
  34. $dropdown-link-hover-bg: #fff;
  35. $dropdown-padding: 10px 0;