daily pastebin goal
24%
SHARE
TWEET

Untitled

a guest Feb 18th, 2019 82 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // Color variables
  2. $color1: rgba(32, 152, 209, 1);
  3. $color2: rgba(232, 241, 242, 1);
  4. $color3: rgba(58, 68, 79, 1);
  5. $color4: rgba(31, 47, 81, 1);
  6. $color5: rgba(32, 36, 40, 1);
  7. $color6: #23272B;
  8.  
  9. // Custom variables and variable overwrites
  10. $global-color: $color2;
  11. $global-primary-background: $color1;
  12. $global-secondary-background: $color5;
  13. $base-heading-color: $color1;
  14.  
  15. // Default variables and available mixins
  16. @import "~uikit/src/scss/variables-theme.scss";
  17. @import "~uikit/src/scss/mixins-theme.scss";
  18.  
  19. // Custom mixin overwrites
  20.  
  21. // Import UIkit
  22. @import "~uikit/src/scss/uikit-theme.scss";
  23.  
  24. // Import Nprogress Bar
  25. @import '~nprogress/nprogress.css';
  26.  
  27. // Import FontAwesome
  28. @import url('https://pro.fontawesome.com/releases/v5.7.1/css/fontawesome.css');
  29. @import url('https://pro.fontawesome.com/releases/v5.7.1/css/light.css');
  30. @import url('https://pro.fontawesome.com/releases/v5.7.1/css/brands.css');
  31.  
  32. // Import SimpleBar
  33. @import '~simplebar/dist/simplebar.css';
  34.  
  35. // Custom UIkit classes
  36. .uk-text-white{
  37.   color: $color2 !important;
  38. }
  39. .uk-background-lighter{
  40.   background: $color3 !important;
  41. }
  42. .uk-background-transparent{
  43.   background: transparent !important;
  44. }
  45.  
  46. // Custom SCSS
  47. #app{
  48.   width: 100vw;
  49.   height: 100vh;
  50.   overflow-x: hidden;
  51.   font-family: 'Avenir', Helvetica, Arial, sans-serif;
  52.   -webkit-font-smoothing: antialiased;
  53.   -moz-osx-font-smoothing: grayscale;
  54.   text-align: center;
  55. }
  56. #content{
  57.   background: url("assets/img/bg_bottom.png") no-repeat scroll bottom;
  58.   transition: height .3s;
  59. }
  60. footer{
  61.   padding-top: 100px;
  62.   background: $color6;
  63. }
  64. .navbar-icon{
  65.   font-size: 125%;
  66. }
  67.  
  68. // Nprogress bar overwrites
  69. #nprogress{
  70.   .bar{
  71.     background: #2098D1;
  72.     height: 5px;
  73.   }
  74. }
  75.  
  76. // SimpleBar overwrites
  77. .simplebar-scrollbar{
  78.   right: 0px !important;
  79.   width: 10px !important;
  80. }
  81. .simplebar-scrollbar:before{
  82.   background: $color1 !important;
  83.   border-radius: 0px !important;
  84. }
  85. .simplebar-track{
  86.   .simplebar-scrollbar.simplebar-visible:before{
  87.     /* When hovered, remove all transitions from drag handle */
  88.     opacity: 1 !important;
  89.   }
  90. }
  91. .simplebar-track.simplebar-vertical{
  92.   .simplebar-scrollbar:before{
  93.     top: 0px !important;
  94.     bottom: 0px !important;
  95.   }
  96. }
  97.  
  98. // Vue animations
  99. .fade-enter-active, .fade-leave-active {
  100.   transition: opacity .2s;
  101. }
  102. .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  103.   opacity: 0;
  104. }
  105.  
  106. // Vue router classes
  107. .router-link-active{
  108.   text-decoration: underline;
  109. }
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