ÖzgürKon 2021
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ozgurkon-2021-site/test-hugo/themes/devfest-theme-hugo/assets/style/pages/_home.scss

103 lines
1.7 KiB

6 years ago
.home {
6 years ago
6 years ago
main > section {
margin: 0;
padding: 2rem;
}
6 years ago
section > h2 {
margin-bottom: 1.5rem;
padding: 0;
font-size: 2rem;
line-height: 1.875rem;
font-weight: 300;
}
6 years ago
section.info > div {
display: flex;
.numbers {
margin: 0 2rem;
min-width: 33vw;
justify-content: center;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 2rem;
}
.number {
strong {
font-size: 3.5rem;
font-weight: 100;
&::after {
content: '';
display: block;
height: .125rem;
width: 2rem;
background-color: var(--primary);
}
}
div {
margin: var(--space-1) 0;
}
}
}
section.speakers {
6 years ago
ul {
list-style: none;
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-wrap: wrap;
// Keep only 4 first speakers
li:nth-child(n+5) {
display: none;
}
6 years ago
}
}
section.subscribe {
display: flex;
flex-direction: column;
align-items: center;
}
section.tickets {
display: flex;
flex-direction: column;
align-items: center;
}
6 years ago
section.location {
6 years ago
padding: 0;
6 years ago
position: relative;
background: var(--darken-1);
font-weight: 300;
6 years ago
#map {
display: block;
height: 664px;
}
6 years ago
.description {
display: inline-block;
padding: var(--space-4);
width: 400px;
position: absolute;
bottom: -2rem;
right: 2rem;
background-color: var(--primary);
color: var(--primary-txt);
.direction {
display: flex;
align-items: center;
}
}
}
6 years ago
}