default.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. @import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700,800');
  2. @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');
  3. // $theme-colors: (
  4. // // "primary": #d9476b,
  5. // // "secondary": #4f4ea1,
  6. // "danger": #ff4136
  7. // );
  8. // $font-default: 'Fira Sans', sans-serif;
  9. $card-border-radius: 0px;
  10. $enable-gradients: true;
  11. // Required
  12. @import "./functions";
  13. @import "./variables";
  14. @import "./mixins";
  15. @import "./bootstrap";
  16. body {
  17. font-family: 'Open Sans', sans-serif;
  18. padding-top: 55.6px;
  19. color: $gray-600;
  20. }
  21. .navbar {
  22. .navbar-brand {
  23. font-weight: 800;
  24. font-family: 'Nunito', sans-serif;
  25. font-size: 18px;
  26. letter-spacing: .2px;
  27. }
  28. .navbar-nav {
  29. font-family: 'Nunito', sans-serif;
  30. font-size: 12px;
  31. font-weight: 700;
  32. > .nav-item {
  33. padding: 5px 18px;
  34. }
  35. }
  36. }
  37. a.card-title {
  38. font-family: 'Nunito', sans-serif;
  39. font-size: 18px;
  40. }
  41. .card-post {
  42. > img.card-img {
  43. height: 330px;
  44. }
  45. .card-img-overlay {
  46. font-weight: 700;
  47. letter-spacing: 1px;
  48. background-color:rgba(0, 0, 0, 0.8);
  49. top: auto;
  50. .class-title {
  51. font-family: 'Nunito', sans-serif;
  52. font-size: 18px;
  53. }
  54. .see-more {
  55. display: none;
  56. font-size:12px;
  57. font-weight: normal;
  58. }
  59. }
  60. }
  61. #post-single {
  62. font-size: 20px;
  63. line-height: 32px;
  64. font-family: 'Nunito', sans-serif;
  65. img {
  66. display: block;
  67. max-width: 100%;
  68. height: auto !important;
  69. }
  70. }
  71. h1, h2, h3, h4, h5, h6 {
  72. font-family: 'Nunito', sans-serif;
  73. }
  74. .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
  75. .footer {
  76. padding: 2.5rem 2.5rem;
  77. color: theme_color('secondary');
  78. font-size: 12px;
  79. background-color: $gray-900;
  80. border-top: .05rem solid #e5e5e5;
  81. p:last-child {
  82. margin-bottom: 0;
  83. }
  84. }