_sidebar.scss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. // ---------------------------------------------------------
  2. // SIDEBAR SCSS
  3. // ---------------------------------------------------------
  4. .navbar-nav {
  5. .nav-link {
  6. &:focus{
  7. color: #FFFFFF;
  8. }
  9. }
  10. }
  11. .sidebar {
  12. background-color: $sidebar-background;
  13. .nav-dropdown-items{
  14. .nav-item{
  15. .nav-link{
  16. font-size: 12px;
  17. padding: 10px 15px;
  18. border-top: 1px solid $sidebar-border;
  19. &:hover{
  20. color: $sidebar-link-hover;
  21. }
  22. i{
  23. font-size: 12px;
  24. }
  25. }
  26. }
  27. }
  28. .nav-dropdown{
  29. &.open{
  30. .nav-link{
  31. color: $sidebar-link;
  32. }
  33. }
  34. }
  35. .nav-item{
  36. i{
  37. color: $sidebar-icon;
  38. display: inline-block;
  39. font-size: 18px;
  40. line-height: 17px;
  41. margin-left: 3px;
  42. margin-right: 10px;
  43. text-align: center;
  44. vertical-align: middle;
  45. width: 20px;
  46. }
  47. &.current{
  48. i{
  49. color: $sidebar-link;
  50. }
  51. background-color: $sidebar-current;
  52. }
  53. }
  54. .nav-link{
  55. color: $sidebar-link;
  56. padding: 14px 15px;
  57. &:hover{
  58. color: $sidebar-link-hover;
  59. background: transparent;
  60. i{
  61. color: $sidebar-link-hover;
  62. }
  63. }
  64. }
  65. }
  66. .section-slider{
  67. background: #9d7bd7; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  68. background: linear-gradient(to right, #9d7bd7 0%,#38bcf4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  69. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d7bd7', endColorstr='#38bcf4',GradientType=1 ); /* IE6-9 */
  70. }
  71. .block-platform{
  72. padding-top: 3em;
  73. color: $grey-0;
  74. }
  75. .app-footer{
  76. background: $background-footer;
  77. border-top: 1px solid $border-footer;
  78. color: #ffffff;
  79. }
  80. .app-footer a{
  81. color: #ffc500;
  82. }
  83. .breadcrumb{
  84. background-color: $breadcrumb-back;
  85. margin-bottom: 0.7rem;
  86. }