_global.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. /*
  2. author: Boostraptheme
  3. author URL: https://boostraptheme.com
  4. License: Creative Commons Attribution 4.0 Unported
  5. License URL: https://creativecommons.org/licenses/by/4.0/
  6. */
  7. // Global styling for this template
  8. /*====================================================
  9. GLOBAL STYLE
  10. ======================================================*/
  11. body {
  12. overflow-x: hidden;
  13. @include body-font;
  14. }
  15. p {
  16. line-height: 1.75;
  17. }
  18. a {
  19. color: $primary-col;
  20. &:hover {
  21. color: darken($primary-col, 10%);
  22. }
  23. }
  24. .text-primary {
  25. color: $primary-col !important;
  26. }
  27. h1,
  28. h2,
  29. h3,
  30. h4,
  31. h5,
  32. h6 {
  33. font-weight: 700;
  34. @include heading-font;
  35. }
  36. section {
  37. padding: 100px 0;
  38. h2.section-heading {
  39. font-size: 40px;
  40. margin-top: 0;
  41. margin-bottom: 15px;
  42. }
  43. h3.section-subheading {
  44. font-size: 16px;
  45. font-weight: 400;
  46. font-style: italic;
  47. margin-bottom: 75px;
  48. text-transform: none;
  49. @include body-font;
  50. }
  51. }
  52. @media(min-width:768px) {
  53. section {
  54. padding: 150px 0;
  55. }
  56. }
  57. // Button Styles
  58. .btn {
  59. @include heading-font;
  60. font-weight: 700;
  61. }
  62. .btn-xl {
  63. font-size: 18px;
  64. padding: 20px 40px;
  65. }
  66. .btn-primary {
  67. background-color: $primary-col;
  68. border-color: $primary-col;
  69. &:active,
  70. &:focus,
  71. &:hover {
  72. background-color: darken($primary-col, 7.5%) !important;
  73. border-color: darken($primary-col, 7.5%) !important;
  74. color: white;
  75. }
  76. &:active,
  77. &:focus {
  78. box-shadow: 0 0 0 0.2rem rgba(254, 209, 55,.5) !important;
  79. }
  80. }
  81. // Highlight color customization
  82. ::-moz-selection {
  83. background: $primary-col;
  84. text-shadow: none;
  85. }
  86. ::selection {
  87. background: $primary-col;
  88. text-shadow: none;
  89. }
  90. img::selection {
  91. background: transparent;
  92. }
  93. img::-moz-selection {
  94. background: transparent;
  95. }
  96. .loader {
  97. position: fixed;
  98. left: 0px;
  99. top: 0px;
  100. width: 100%;
  101. height: 100%;
  102. z-index: 9999;
  103. background: url('../img/loading.gif') 50% 50% no-repeat rgb(249,249,249);
  104. opacity: .9;
  105. }