_override-agileadmin.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. /*
  2. * Sidebar
  3. */
  4. .content-wrapper {
  5. // hide elements by agile-admin completely
  6. .logo .logo-text {
  7. display: none;
  8. }
  9. @media(min-width:768px) {
  10. .sidebar {
  11. display: none;
  12. }
  13. }
  14. #page-wrapper {
  15. margin-left: 0;
  16. }
  17. }
  18. /*
  19. * Logo
  20. */
  21. .top-left-part {
  22. line-height: 0%;
  23. a {
  24. text-transform: none;
  25. }
  26. }
  27. .logo {
  28. // set transition for fill
  29. svg * {
  30. transition: fill 0.8s ease-out;
  31. }
  32. .dark-logo, .dark-logo-text {
  33. svg {
  34. fill: white;
  35. }
  36. }
  37. .light-logo, .light-logo-text {
  38. svg {
  39. fill: $dark-themecolor;
  40. }
  41. }
  42. .dark-logo, .light-logo {
  43. svg {
  44. padding: 12px;
  45. width: 50px;
  46. height: 50px;
  47. }
  48. }
  49. .dark-logo-text, .light-logo-text {
  50. svg {
  51. width: 156px;
  52. height: 50px;
  53. }
  54. }
  55. }
  56. // when sidebar is hidden
  57. .content-wrapper {
  58. .top-left-part {
  59. background-color: darken($topbar, 10%);
  60. .logo {
  61. .dark-logo, .light-logo {
  62. svg {
  63. fill: lighten($topbar, 15%);
  64. &:hover {
  65. .group1 { fill: #74bc45; }
  66. .group2 { fill: #1664b0; }
  67. }
  68. }
  69. }
  70. }
  71. }
  72. }
  73. /*
  74. * Alert
  75. */
  76. .alert {
  77. border-radius: 0;
  78. }
  79. /*
  80. * Form
  81. */
  82. .form-control {
  83. border-radius: 0;
  84. }
  85. /*
  86. * Button
  87. */
  88. .btn {
  89. &:not(.btn-rounded):not(.btn-circle) {
  90. border-radius: 0;
  91. }
  92. }
  93. button.btn.btn-link:hover {
  94. text-decoration: none;
  95. }
  96. /*
  97. * Dropdown
  98. */
  99. .dropdown-menu {
  100. border-radius: 0;
  101. > li > a {
  102. padding: 5px 15px;
  103. }
  104. }
  105. /*
  106. * Modal
  107. */
  108. .modal-content {
  109. border: none;
  110. border-radius: 0;
  111. .modal-header, .modal-footer {
  112. padding: 10px 15px;
  113. }
  114. }
  115. /*
  116. * Tab
  117. */
  118. .nav-tabs {
  119. > li > a {
  120. border-radius: 0;
  121. }
  122. }
  123. /*
  124. * Wells
  125. */
  126. .well {
  127. background-color: #f5f5f5;
  128. padding: .7em;
  129. &.well-sm {
  130. padding: .5em;
  131. }
  132. }