scinote-web/app/assets/stylesheets/label_templates/promo.scss

45 lines
662 B
SCSS

// scss-lint:disable SelectorDepth NestingDepth
.content-label-templates-promo {
align-items: center;
display: flex;
justify-content: center;
.promo-container {
margin-top: 2em;
max-width: 800px;
position: relative;
}
.promo-image {
left: 0;
position: absolute;
top: 0;
img {
max-width: 60vw;
}
}
.promo-text {
margin-left: 420px;
margin-top: 150px;
.title {
margin-bottom: 1em;
}
.description-item {
align-items: center;
display: flex;
margin-bottom: 1em;
img {
margin-right: 1em;
}
}
.btn {
margin-top: 1em;
}
}
}