_settings.device.scss 688 B

1234567891011121314151617181920212223242526272829303132333435
  1. @include media-query($on-laptop) {
  2. #banner {
  3. height: 230px;
  4. }
  5. .wrapper {
  6. //max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
  7. max-width: 770px;
  8. padding-right: $spacing-unit / 2;
  9. padding-left: $spacing-unit / 2;
  10. }
  11. }
  12. @include media-query($on-palm) {
  13. .posts-list>li .date {
  14. display: block;
  15. float: none;
  16. }
  17. #banner {
  18. height: 180px;
  19. }
  20. .post-title {
  21. max-width: 100%;
  22. }
  23. #blog .wrapper {
  24. background: url(../images/cloud.png) 5% bottom no-repeat;
  25. background-size: 80px 58px;
  26. }
  27. .posts-tabs i {
  28. margin-left: 0.8em;
  29. margin-right: 0.8em;
  30. &:first-of-type {
  31. margin-left: 1.2em;
  32. }
  33. }
  34. }