صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
chendeben
/
JimV-C
1
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: 4d062e1314
شاخه‌ها تگ‌ها
JimV-C
/
static
/
snippets
/
mobile-navigation.css

mobile-navigation.css 821 B
تاريخچه خام

12345678910111213141516171819202122232425262728293031323334353637383940414243444546 
  1. /* Mobile navigation */
    2. 

  2. 

  3. #nav-toggle {
    4. 

  4.     cursor: pointer;
    5. 

  5.     background: none;
    6. 

  6.     border: 0;
    7. 

  7.     padding: 10px 35px 16px 0px;
    8. 

  8. }
    9. 

  9. #nav-toggle span,
    10. 

  10. #nav-toggle span:before,
    11. 

  11. #nav-toggle span:after {
    12. 

  12.     cursor: pointer;
    13. 

  13.     border-radius: 2px;
    14. 

  14.     height: 5px;
    15. 

  15.     width: 35px;
    16. 

  16.     position: absolute;
    17. 

  17.     display: block;
    18. 

  18.     content: '';
    19. 

  19. }
    20. 

  20. #nav-toggle.collapsed span:before {
    21. 

  21.     top: -10px;
    22. 

  22.     transform: rotate(0deg);
    23. 

  23. }
    24. 

  24. #nav-toggle.collapsed span:after {
    25. 

  25.     bottom: -10px;
    26. 

  26.     transform: rotate(0deg);
    27. 

  27. }
    28. 

  28. 

  29. #nav-toggle span:before,
    30. 

  30. #nav-toggle span:after {
    31. 

  31.     transition: all 500ms ease-in-out;
    32. 

  32. }
    33. 

  33. 

  34. #nav-toggle span {
    35. 

  35.     background: transparent;
    36. 

  36. }
    37. 

  37. #nav-toggle span:before,
    38. 

  38. #nav-toggle span:after {
    39. 

  39. 

  40. }
    41. 

  41. #nav-toggle span:before {
    42. 

  42.     transform: rotate(45deg);
    43. 

  43. }
    44. 

  44. #nav-toggle span:after {
    45. 

  45.     transform: rotate(-45deg);
    46. 

  46. }
    47.