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-site/themes/devfest-theme-hugo/assets/style/pages/_speakers.scss

41 lines
889 B

6 years ago
.section.speakers {
ul.speakers {
6 years ago
list-style: none;
6 years ago
padding: 0;
margin: 0;
display: grid;
grid-gap: 2rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
li a.speaker {
6 years ago
padding: var(--space-4);
6 years ago
border: thin solid var(--darken-1);
box-shadow: var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
6 years ago
transition: box-shadow var(--animation);
border-radius: var(--space-2);
6 years ago
display: flex;
flex-direction: row;
6 years ago
height: 100%;
6 years ago
.speaker-img {
6 years ago
margin-right: var(--space-4);
6 years ago
}
.speaker-company {
margin-top: var(--space-3);
order: 2;
text-align: center;
figcaption {
display: block;
}
}
&:hover, &:focus {
6 years ago
box-shadow: var(--space-2) var(--space-2) var(--space-2) var(--darken-3);
6 years ago
}
}
}
}