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.
69 lines
1.0 KiB
69 lines
1.0 KiB
@import "colors";
|
|
|
|
.grid-container {
|
|
display: grid;
|
|
}
|
|
|
|
.grid-container-400 {
|
|
grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
|
|
}
|
|
|
|
.grid-container-200 {
|
|
grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
|
|
}
|
|
|
|
.grid-item {
|
|
padding: 20px;
|
|
grid-auto-flow: column;
|
|
grid-auto-columns: 1fr;
|
|
}
|
|
|
|
.grid-item-image {
|
|
height: auto;
|
|
width: 300px;
|
|
padding: 20px;
|
|
background-color: $highlight;
|
|
}
|
|
|
|
@media(min-width: 992px){
|
|
.grid-item__title {
|
|
min-height: 4em;
|
|
}
|
|
}
|
|
|
|
.custom-shape-divider-bottom-triangle {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
line-height: 0;
|
|
}
|
|
|
|
.custom-shape-divider-bottom-triangle svg {
|
|
position: relative;
|
|
display: block;
|
|
width: calc(100% + 1.3px);
|
|
height: 72px;
|
|
}
|
|
|
|
.custom-shape-divider-bottom-triangle .shape-fill {
|
|
fill: #FFFFFF;
|
|
}
|
|
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
|
|
.content-narrow {
|
|
max-width: 50%;
|
|
}
|
|
|
|
.dynamic-content {
|
|
@extend .col;
|
|
@extend .col-sm-10;
|
|
@extend .col-md-8;
|
|
@extend .col-lg-7;
|
|
@extend .col-xl-5;
|
|
}
|