SHARE
TWEET

base

C2Mikko Oct 23rd, 2019 100 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import 'reset';
  2.  
  3. // Variables
  4. $primary: #263b80;
  5.  
  6. // Custom Fonts
  7. @font-face {
  8.   font-family: 'Cocon Next';
  9.   src: url('../fonts/Cocon Next Arabic-Light.otf');
  10. }
  11.  
  12. @font-face {
  13.   font-family: 'Cocon Next';
  14.   src: url('../fonts/Cocon Next Arabic-Bold.otf');
  15.   font-weight: bold;
  16. }
  17.  
  18. // Global
  19. body {
  20.   font-family: 'Cocon Next', 'Arial', sans-serif;
  21.   font-size: 16px;
  22.   line-height: 1.25em!important;
  23.   color: $primary;
  24. }
  25.  
  26. h1, h2, h3, h4, h5 {
  27.   font-weight: bold;
  28. }
  29.  
  30. h1 {
  31.   font-size: 2.25em;
  32. }
  33.  
  34. h2 {
  35.   font-size: 1.75em;
  36. }
  37.  
  38. h3 {
  39.   font-size: 1.5em;
  40. }
  41.  
  42. h4 {
  43.   font-size: 1em;
  44. }
  45.  
  46. a {
  47.   color: $primary;
  48. }
  49.  
  50. strong {
  51.   font-weight: bold;
  52. }
  53.  
  54. .btn {
  55.   padding: 0.375rem 1rem;
  56.   line-height: .5;
  57.   border-radius: 1rem;
  58.  
  59.   &-primary {
  60.     background-color: $primary;
  61.     border-color: $primary;
  62.  
  63.     &:hover {
  64.       background-color: darken($primary, 8%);
  65.     }
  66.   }
  67.  
  68.   &-outline-primary {
  69.     text-transform: uppercase;
  70.     color: $primary;
  71.     border-color: $primary;
  72.     border-radius: 4px;
  73.     line-height: 1em;
  74.     font-size: 0.75em;
  75.   }
  76. }
  77.  
  78. .full-height {
  79.   height: 100vh;
  80.   min-height: 500px;
  81. }
  82.  
  83. .header-height {
  84.   margin-top: 100px;
  85.   height: calc(100vh - 100px);
  86. }
  87.  
  88. .section-title {
  89.   text-transform: uppercase;
  90.   margin-bottom: 1.5em;
  91. }
  92.  
  93. section {
  94.   padding-top: 60px!important;
  95.   padding-bottom: 60px!important;
  96. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top