variables.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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: "Raleway", sans-serif;
  18. $font-size-base: 14px;
  19. $line-height-base: 1.6;
  20. $text-color: #636b6f;
  21. // Navbar
  22. $navbar-default-bg: #fff;
  23. // Buttons
  24. $btn-default-color: $text-color;
  25. $btn-font-size: 11px;
  26. $btn-font-weight: 600;
  27. // Inputs
  28. $input-border: lighten($text-color, 40%);
  29. $input-border-focus: lighten($brand-primary, 25%);
  30. $input-color-placeholder: lighten($text-color, 30%);
  31. // Dropdowns
  32. $dropdown-anchor-padding: 5px 20px;
  33. $dropdown-border: $laravel-border-color;
  34. $dropdown-divider-bg: lighten($laravel-border-color, 5%);
  35. $dropdown-header-color: darken($text-color, 10%);
  36. $dropdown-link-color: $text-color;
  37. $dropdown-link-hover-bg: #fff;
  38. $dropdown-padding: 10px 0;
  39. // Panels
  40. $panel-default-heading-bg: #fff;