bootswatch.less 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. // Cerulean 3.1.1
  2. // Bootswatch
  3. // -----------------------------------------------------
  4. .btn-shadow(@color) {
  5. #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));
  6. filter: none;
  7. border-bottom: 1px solid darken(@color, 10%);
  8. }
  9. // Navbar =====================================================================
  10. .navbar {
  11. .btn-shadow(@navbar-default-bg);
  12. filter: none;
  13. .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
  14. .navbar-nav > li > a,
  15. &-brand {
  16. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  17. }
  18. }
  19. .navbar-inverse {
  20. #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%));
  21. filter: none;
  22. border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
  23. }
  24. // Buttons ====================================================================
  25. .btn {
  26. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  27. .caret {
  28. border-top-color: #fff;
  29. }
  30. }
  31. .btn-default {
  32. .btn-shadow(@btn-default-bg);
  33. &:hover {
  34. color: @btn-default-color;
  35. }
  36. .caret {
  37. border-top-color: @text-color;
  38. }
  39. }
  40. .btn-default {
  41. .btn-shadow(@btn-default-bg);
  42. }
  43. .btn-primary {
  44. .btn-shadow(@btn-primary-bg);
  45. }
  46. .btn-success {
  47. .btn-shadow(@btn-success-bg);
  48. }
  49. .btn-info {
  50. .btn-shadow(@btn-info-bg);
  51. }
  52. .btn-warning {
  53. .btn-shadow(@btn-warning-bg);
  54. }
  55. .btn-danger {
  56. .btn-shadow(@btn-danger-bg);
  57. }
  58. // Typography =================================================================
  59. // Tables =====================================================================
  60. // Forms ======================================================================
  61. // Navs =======================================================================
  62. // Indicators =================================================================
  63. // Progress bars ==============================================================
  64. // Containers =================================================================
  65. .panel-primary,
  66. .panel-success,
  67. .panel-warning,
  68. .panel-danger,
  69. .panel-info {
  70. .panel-heading,
  71. .panel-title {
  72. color: #fff;
  73. }
  74. }