site-nav.styl 396 B

12345678910111213141516171819202122232425262728293031
  1. .site-nav-toggle, .site-nav-right {
  2. display: none;
  3. +mobile() {
  4. flex-column();
  5. }
  6. .toggle {
  7. color: var(--text-color);
  8. padding: 10px;
  9. width: 22px;
  10. .toggle-line {
  11. background: var(--text-color);
  12. border-radius: 1px;
  13. }
  14. }
  15. }
  16. .site-nav {
  17. display: block;
  18. +mobile() {
  19. clear: both;
  20. display: none;
  21. }
  22. &.site-nav-on {
  23. display: block;
  24. }
  25. }