responsive.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /* Extra small devices (phones, less than 768px) */
  2. @media (max-width: 767px) {
  3. .sidebar-wrapper {
  4. position: static;
  5. width: inherit;
  6. }
  7. .main-wrapper {
  8. padding: 30px;
  9. }
  10. .main-wrapper .time {
  11. position: static;
  12. display: block;
  13. margin-top: 5px;
  14. }
  15. .main-wrapper .upper-row {
  16. margin-bottom: 0;
  17. }
  18. }
  19. /* Small devices (tablets, 768px and up) */
  20. @media (min-width: 768px) {
  21. }
  22. /* Medium devices (desktops, 992px and up) */
  23. @media (min-width: 992px) {
  24. .skillset .level-title {
  25. display: inline-block;
  26. float: left;
  27. width: 30%;
  28. margin-bottom: 0;
  29. }
  30. .skillset .level-bar {
  31. display: inline-block;
  32. width: 70%;
  33. float: left;
  34. position: relative;
  35. top: 1px;
  36. }
  37. }
  38. /* Large devices (large desktops, 1200px and up) */
  39. @media (min-width: 1200px) {
  40. }
  41. /* Ex-Large devices (large desktops, 1200px and up) */
  42. @media (min-width: 1400px) {
  43. }