zola/docs/sass/_themes.scss

80 lines
1.1 KiB
SCSS
Raw Permalink Normal View History

2018-02-23 17:05:46 +00:00
.themes-container {
padding: 3rem;
2018-03-05 17:26:59 +00:00
width: 80%;
margin: 0 auto;
2018-02-23 17:05:46 +00:00
img {
max-width: 100%;
}
}
2018-03-05 17:26:59 +00:00
@media only screen and (max-width: 1000px) {
.themes-container {
width: 100%;
margin: 0 1rem;
}
}
2018-02-23 17:05:46 +00:00
.themes {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.theme {
2018-03-05 17:21:53 +00:00
width: 45%;
2018-02-23 17:05:46 +00:00
text-decoration: none;
cursor: pointer;
margin-bottom: 2rem;
border-bottom: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
padding: 10px;
img {
width: 100%;
2018-03-05 17:21:53 +00:00
height: 90%;
2018-02-23 17:05:46 +00:00
}
span {
display: block;
text-align: center;
2018-03-05 17:21:53 +00:00
font-size: 1.1rem;
2018-02-23 17:05:46 +00:00
}
}
}
.theme-info {
display: flex;
align-items: flex-start;
.thumb {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
width: 400px;
margin-right: 2rem;
}
h1, p {
margin: 0;
}
padding: 1rem;
}
2018-03-05 17:26:59 +00:00
@media only screen and (max-width: 1000px) {
.themes .theme {
width: 100%;
}
}
@media only screen and (max-width: 1000px) {
.theme-info {
flex-direction: column;
align-items: center;
img {
margin-bottom: 1rem;
}
}
}