1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- // Transition
- @mixin transition($what: all, $time: 0.2s, $how: ease-in-out) {
- -webkit-transition: $what $time $how;
- -moz-transition: $what $time $how;
- -ms-transition: $what $time $how;
- -o-transition: $what $time $how;
- transition: $what $time $how;
- }
- @mixin background-image($url) {
- background-image: url($url);
- background-repeat: no-repeat;
- background-size: cover;
- background-attachment: fixed;
- background-position: center center;
- padding: 110px 0;
- position: relative;
-
- @include tablet {
- background-attachment: scroll;
- padding: 100px 0;
- h1 {
- font-size: 35px;
- }
- }
- .block {
- color: #E3E3E4;
- h1 {
- font-weight: 600;
- line-height: 60px;
- letter-spacing: 10px;
- padding-bottom: 15px;
- }
- p {
- // margin-bottom: 30px;
- color: #fff;
- font-size: 12pt;
- line-height: 25px;
- font-weight: 500;
- }
- }
- color: #fff;
- }
|