variables.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. // Variables
  2. // @import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
  3. // $basefont1:'Rubik', sans-serif;
  4. // $basefont2:'Rubik', sans-serif;
  5. $basefont1: Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  6. $basefont2: Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  7. /*Theme Colors*/
  8. $topbar:#3c4451;
  9. $sidebar:#4F5467;
  10. $bodycolor:#fff;
  11. $headingtext: #2b2b2b;
  12. $bodytext: #686868;
  13. $sidebar-text:#54667a;
  14. $themecolor:#ff6849;
  15. $dark-themecolor:#4F5467;
  16. /*bootstrap Color*/
  17. $danger: #f75b36;
  18. $success: #00c292;
  19. $warning: #f8c255;
  20. $primary: #2c5ca9;
  21. $info: #008efa;
  22. $muted: #98a6ad;
  23. $dark: #3e4d6c;
  24. $inverse:#3e4d6c;
  25. $light:#e4e7ea;
  26. $extralight:#f7fafc ;
  27. /*Normal Color*/
  28. $white: #ffffff;
  29. $red:#fb3a3a;
  30. $purple:#2c5ca9;
  31. $blue:#02bec9;
  32. $yellow:#a0aec4;
  33. $border:rgba(120, 130, 140, 0.21);
  34. $megna:#00b5c2;
  35. $rgt:right;
  36. $lft:left;
  37. $dark-text:#848a96;
  38. /*Border radius*/
  39. $radius:3px;
  40. /*Preloader*/
  41. .preloader{
  42. width: 100%;
  43. height: 100%;
  44. top:0px;
  45. position: fixed;
  46. z-index: 99999;
  47. background: #fff;
  48. .cssload-speeding-wheel{
  49. position: absolute;
  50. top: "calc(50% - 3.5px)";
  51. left: "calc(50% - 3.5px)";
  52. }
  53. }
  54. /*Font weight*/
  55. $font-bold:700;