dashboard-analytics.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. // Core variables and mixins
  2. @import "../bootstrap/functions";
  3. @import "../bootstrap/mixins";
  4. @import "../bootstrap-extended/mixins";
  5. // Load variable overrides
  6. @import "../core/variables/variables";
  7. @import "../bootstrap/variables";
  8. // Overrides user variable
  9. @import "../core/variables/components-variables";
  10. // dashboard-analytics
  11. #dashboard-analytics{
  12. // img left
  13. .img-left{
  14. width: 200px;
  15. position: absolute;
  16. top: 0;
  17. left: 0;
  18. }
  19. // img right
  20. .img-right{
  21. width: 175px;
  22. position: absolute;
  23. top: 0;
  24. right: 0;
  25. }
  26. // backgound color to card
  27. .bg-analytics{
  28. background: linear-gradient(118deg,rgba($primary,1),rgba($primary,.7));
  29. .avatar{
  30. margin-bottom: 2rem;
  31. }
  32. }
  33. table{
  34. tr th, tr td{
  35. &:first-child {
  36. padding-left: 2rem;
  37. }
  38. &:last-child {
  39. padding-right: 2rem;
  40. }
  41. }
  42. td{
  43. padding: .75rem;
  44. }
  45. }
  46. }
  47. @media only screen and (max-width: 576px){
  48. #dashboard-analytics{
  49. // img left, img-right
  50. .img-left, .img-right{
  51. width: 140px;
  52. }
  53. }
  54. }