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.
64 lines
1.3 KiB
Sass
64 lines
1.3 KiB
Sass
@import "_variables"
|
|
|
|
// appel de 1000 scientifiques
|
|
.quote
|
|
margin: auto
|
|
max-width: 80%
|
|
q
|
|
font-size: 2em
|
|
font-weight: bold
|
|
p
|
|
text-align: right
|
|
|
|
// small screens
|
|
@media (max-width: $breakpoint-small)
|
|
.hero
|
|
background-position-y: -350px
|
|
|
|
// larger screens
|
|
@media (min-width: $breakpoint-small)
|
|
.hero
|
|
background-position-y: -500px
|
|
h1
|
|
font-size: 3em
|
|
|
|
// hero with background image
|
|
.hero
|
|
background-size: cover
|
|
background-repeat: no-repeat
|
|
background-attachment: fixed
|
|
|
|
// home hero with stripes text
|
|
.hero-home
|
|
h1
|
|
text-align: center
|
|
font-weight: bold
|
|
color: white
|
|
text-shadow: 3px 3px #2C59AB
|
|
padding: 0 16px
|
|
background-image: url(/img/stripes.png)
|
|
background-size: 100%
|
|
// background-clip: text // this is not easly compatible with shadow
|
|
|
|
|
|
// galleries with margins
|
|
.single-line-gallery
|
|
a
|
|
margin-right: 0.5em
|
|
|
|
// horizontal rule
|
|
hr.fade
|
|
border: 0
|
|
height: 2px
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))
|
|
|
|
|
|
|
|
// buttons
|
|
.button-white
|
|
background-color: white
|
|
color: $color-main
|
|
|
|
.button-orange
|
|
background-color: #fb6a49
|
|
color: white |