style-small.scss 928 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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: 1.5em;
  10. /* Basic */
  11. h2 {
  12. font-size: 1.35em;
  13. }
  14. /* Main */
  15. .main {
  16. .container {
  17. @include padding($size-padding-tb, $size-padding-lr);
  18. .image.primary:first-child {
  19. margin: (($size-padding-tb - $size-padding-lr) * -1) 0 ($size-element-margin * 1.25) 0;
  20. }
  21. }
  22. .goto-next {
  23. display: none;
  24. }
  25. }
  26. /* Header */
  27. #header {
  28. height: 80vh;
  29. &:after {
  30. height: 80vh;
  31. }
  32. header {
  33. padding-bottom: 0;
  34. h1 {
  35. font-size: 2em;
  36. }
  37. p {
  38. margin-top: 1em;
  39. }
  40. }
  41. .container {
  42. display: none;
  43. }
  44. }
  45. /* Footer */
  46. #footer {
  47. .container {
  48. @include padding($size-padding-tb, $size-padding-lr);
  49. }
  50. }