app.scss 741 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. // Fonts
  2. @import url('https://fonts.googleapis.com/css?family=Nunito');
  3. // Variables
  4. @import 'variables';
  5. // Bootstrap
  6. @import '~bootstrap/scss/bootstrap';
  7. .nav-link {
  8. padding: 0.5rem 0.5rem;
  9. }
  10. .xs-collapse {
  11. display: block;
  12. }
  13. /* Styles for toggle button (optional) */
  14. .xs-toggle .icon-bar {
  15. display: block;
  16. width: 22px;
  17. height: 2px;
  18. border-radius: 1px;
  19. }
  20. .xs-toggle .icon-bar + .icon-bar {
  21. margin-top: 4px;
  22. }
  23. .btn-default.xs-toggle .icon-bar {
  24. background-color: #888;
  25. }
  26. @media (min-width: 575.98px) {
  27. .xs-toggle {
  28. display: none;
  29. visibility: hidden;
  30. }
  31. .xs-collapse, .xs-collapse.show, .xs-collapse:not(.show) {
  32. display: flex;
  33. visibility: visible;
  34. }
  35. }