You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
1.7 KiB
Sass
101 lines
1.7 KiB
Sass
6 years ago
|
body
|
||
|
background: $white
|
||
|
font-family: 'Concourse T3'
|
||
|
font-weight: normal
|
||
|
font-style: normal
|
||
|
font-size: 23px
|
||
|
line-height: 34px
|
||
|
color: $gray
|
||
|
.container
|
||
|
max-width: 1380px
|
||
|
width: 60%
|
||
|
margin: 0px auto
|
||
|
box-sizing: border-box
|
||
|
padding-left: 10px
|
||
|
padding-right: 10px
|
||
|
&--fluid
|
||
|
max-width: 1920px
|
||
|
width: 100%
|
||
|
padding-left: 0px
|
||
|
padding-right: 0px
|
||
|
margin: 0px auto
|
||
|
&--row
|
||
|
max-width: calc(100% + 120px)
|
||
|
margin-left: -60px
|
||
|
margin-right: -60px
|
||
|
|
||
|
|
||
|
|
||
|
.flex-grid
|
||
|
display: flex
|
||
|
align-items: center
|
||
|
justify-content: space-between
|
||
|
|
||
|
|
||
|
h1,h2,h3,h4
|
||
|
font-weight: bold
|
||
|
color: $black
|
||
|
margin-top: 1.7rem
|
||
|
padding-bottom: 10px
|
||
|
|
||
|
h1
|
||
|
font-size: 1.8em
|
||
|
|
||
|
h2
|
||
|
font-size: 1.4em
|
||
|
|
||
|
h3
|
||
|
font-size: 1.2em
|
||
|
|
||
|
|
||
|
|
||
|
.base-text
|
||
|
font-family: 'Concourse T3'
|
||
|
font-weight: normal
|
||
|
font-style: normal
|
||
|
font-size: 23px
|
||
|
line-height: 34px
|
||
|
color: $gray
|
||
|
|
||
|
.base-title
|
||
|
color: $black
|
||
|
font-family: 'Concourse T2'
|
||
|
font-size: 33px
|
||
|
font-weight: 700
|
||
|
line-height: 41px
|
||
|
|
||
|
@media screen and (max-width: 1240px)
|
||
|
html,
|
||
|
body
|
||
|
max-width: 1240px
|
||
|
width: 100%
|
||
|
overflow-x: hidden
|
||
|
.container
|
||
|
padding-left: 30px
|
||
|
padding-right: 30px
|
||
|
&--fluid
|
||
|
max-width: 100%
|
||
|
padding-left: 0px
|
||
|
padding-right: 0px
|
||
|
&--row
|
||
|
max-width: calc(100% + 60px)
|
||
|
margin-left: -30px
|
||
|
margin-right: -30px
|
||
|
@media screen and (max-width: 640px)
|
||
|
html,
|
||
|
body
|
||
|
max-width: 640px
|
||
|
width: 100%
|
||
|
overflow-x: hidden
|
||
|
.container
|
||
|
padding-left: 30px
|
||
|
padding-right: 30px
|
||
|
&--fluid
|
||
|
max-width: 100%
|
||
|
padding-left: 0px
|
||
|
padding-right: 0px
|
||
|
&--row
|
||
|
max-width: calc(100% + 60px)
|
||
|
margin-left: -30px
|
||
|
margin-right: -30px
|