_mixins.scss 869 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. // Transition
  2. @mixin transition($what: all, $time: 0.2s, $how: ease-in-out) {
  3. -webkit-transition: $what $time $how;
  4. -moz-transition: $what $time $how;
  5. -ms-transition: $what $time $how;
  6. -o-transition: $what $time $how;
  7. transition: $what $time $how;
  8. }
  9. @mixin background-image($url) {
  10. background-image: url($url);
  11. background-repeat: no-repeat;
  12. background-size: cover;
  13. background-attachment: fixed;
  14. background-position: center center;
  15. padding: 110px 0;
  16. position: relative;
  17. @include tablet {
  18. background-attachment: scroll;
  19. padding: 100px 0;
  20. h1 {
  21. font-size: 35px;
  22. }
  23. }
  24. .block {
  25. color: #E3E3E4;
  26. h1 {
  27. font-weight: 600;
  28. line-height: 60px;
  29. letter-spacing: 10px;
  30. padding-bottom: 15px;
  31. }
  32. p {
  33. // margin-bottom: 30px;
  34. color: #fff;
  35. font-size: 12pt;
  36. line-height: 25px;
  37. font-weight: 500;
  38. }
  39. }
  40. color: #fff;
  41. }