Commit add521cdc619e70b2d8e0fcae299822cddef4506
1 parent
feab9cd55e
Exists in
develop
and in
1 other branch
Fix en body
Showing
1 changed file
with
1 additions
and
2 deletions
Show diff stats
src/styles.scss
| 1 | @import "scss/styles-bootstrap.scss"; | 1 | @import "scss/styles-bootstrap.scss"; |
| 2 | @import "scss/typography.scss"; | 2 | @import "scss/typography.scss"; |
| 3 | @import "scss/height-width.scss"; | 3 | @import "scss/height-width.scss"; |
| 4 | @import "scss/animations.scss"; | 4 | @import "scss/animations.scss"; |
| 5 | @import "scss/icons.scss"; | 5 | @import "scss/icons.scss"; |
| 6 | @import "scss/scroll.scss"; | 6 | @import "scss/scroll.scss"; |
| 7 | @import "node_modules/bootstrap/scss/_variables.scss"; | 7 | @import "node_modules/bootstrap/scss/_variables.scss"; |
| 8 | 8 | ||
| 9 | @font-face { | 9 | @font-face { |
| 10 | font-family: "Gotham"; | 10 | font-family: "Gotham"; |
| 11 | font-style: normal; | 11 | font-style: normal; |
| 12 | font-weight: normal; | 12 | font-weight: normal; |
| 13 | src: url("assets/fonts/gotham-medium.woff") format("woff"); | 13 | src: url("assets/fonts/gotham-medium.woff") format("woff"); |
| 14 | } | 14 | } |
| 15 | 15 | ||
| 16 | html, | 16 | html, |
| 17 | body { | 17 | body { |
| 18 | min-height: 100vh; | ||
| 19 | max-height: 100vh; | 18 | max-height: 100vh; |
| 20 | height: 100vh; | 19 | height: 100%; |
| 21 | font-family: "Gotham"; | 20 | font-family: "Gotham"; |
| 22 | overflow: hidden; | 21 | overflow: hidden; |
| 23 | user-select: none; | 22 | user-select: none; |
| 24 | } | 23 | } |
| 25 | 24 | ||
| 26 | .btn-effect { | 25 | .btn-effect { |
| 27 | transition: all 0.3s; | 26 | transition: all 0.3s; |
| 28 | &:hover { | 27 | &:hover { |
| 29 | cursor: pointer; | 28 | cursor: pointer; |
| 30 | opacity: 0.7; | 29 | opacity: 0.7; |
| 31 | } | 30 | } |
| 32 | &:active { | 31 | &:active { |
| 33 | transform: scale(1.02); | 32 | transform: scale(1.02); |
| 34 | } | 33 | } |
| 35 | } | 34 | } |
| 36 | 35 | ||
| 37 | .cursor-pointer { | 36 | .cursor-pointer { |
| 38 | cursor: pointer; | 37 | cursor: pointer; |
| 39 | } | 38 | } |
| 40 | 39 | ||
| 41 | p { | 40 | p { |
| 42 | margin: 0 !important; | 41 | margin: 0 !important; |
| 43 | } | 42 | } |
| 44 | 43 | ||
| 45 | .img-in-top { | 44 | .img-in-top { |
| 46 | position: absolute; | 45 | position: absolute; |
| 47 | top: -35px; | 46 | top: -35px; |
| 48 | left: 50%; | 47 | left: 50%; |
| 49 | height: 70px; | 48 | height: 70px; |
| 50 | -webkit-transform: translateX(-50%); | 49 | -webkit-transform: translateX(-50%); |
| 51 | transform: translateX(-50%); | 50 | transform: translateX(-50%); |
| 52 | } | 51 | } |
| 53 | 52 | ||
| 54 | .rotate-45 { | 53 | .rotate-45 { |
| 55 | transform: rotate(45deg); | 54 | transform: rotate(45deg); |
| 56 | } | 55 | } |
| 57 | 56 | ||
| 58 | .rotate-90 { | 57 | .rotate-90 { |
| 59 | transform: rotate(90deg); | 58 | transform: rotate(90deg); |
| 60 | } | 59 | } |
| 61 | 60 | ||
| 62 | .rotate-90-neg { | 61 | .rotate-90-neg { |
| 63 | transform: rotate(-90deg); | 62 | transform: rotate(-90deg); |
| 64 | } | 63 | } |
| 65 | 64 | ||
| 66 | .rotate-180-neg { | 65 | .rotate-180-neg { |
| 67 | transform: rotate(-180deg); | 66 | transform: rotate(-180deg); |
| 68 | } | 67 | } |
| 69 | 68 |