style-medium.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. @import 'vars';
  2. @import 'mixins';
  3. /*
  4. Highlights by HTML5 UP
  5. html5up.net | @n33co
  6. Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  7. */
  8. $size-padding-tb: 3em;
  9. $size-padding-lr: 3em;
  10. /* Main BG */
  11. .main-bg {
  12. display: none;
  13. }
  14. /* Main */
  15. .main {
  16. .image.primary {
  17. display: block;
  18. margin: 0 0 ($size-element-margin * 2) 0;
  19. }
  20. .container {
  21. @include padding($size-padding-tb, $size-padding-lr, (0, 0, 7em, 0));
  22. &:before {
  23. display: none;
  24. }
  25. }
  26. }
  27. /* Header */
  28. #header {
  29. header {
  30. padding-bottom: ($size-element-height + ($size-padding-lr * 2));
  31. width: 80%;
  32. }
  33. .container {
  34. margin-left: -40%;
  35. padding: $size-padding-lr;
  36. }
  37. }
  38. /* Footer */
  39. #footer {
  40. min-height: 0;
  41. padding: 0;
  42. .container {
  43. @include padding($size-padding-tb, $size-padding-lr);
  44. }
  45. footer {
  46. @include padding($size-padding-tb, $size-padding-lr);
  47. bottom: auto;
  48. position: relative;
  49. }
  50. }