Sha256: 16300318b33203ce0f1701bfde11e7de8b67c16ef870ae26e9a82899adfa45f3
Contents?: true
Size: 1.61 KB
Versions: 15
Compression:
Stored size: 1.61 KB
Contents
.farthest-corner {
@include farthest-corner();
.colored-block {
&.normal_asset_width {
padding: 5rem !important;
@include media-breakpoint-down(sm) {
padding: 5rem 1.5rem !important;
}
}
&.biger_asset_width {
padding: 1.5rem 0.5rem !important;
@include media-breakpoint-down(sm) {
padding: 1.5rem !important;
}
}
}
img {
width: 100%;
@include media-breakpoint-down(sm) {
width: 70%;
}
filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
}
.flex-item:first-child {
align-items: center;
justify-content: center;
display: flex;
&.normal {
// flex: 1.4;
width: 40%;
}
&.biger {
// flex: 2;
width: 40%;
}
}
.flex-item:nth-child(2) {
// content
display: flex;
flex: 2;
margin-left: 5rem;
justify-content: flex-start;
}
.flex-row-reverse {
.flex-item:nth-child(2) {
flex: 2;
align-items: center;
justify-content: center;
display: flex;
margin-left: 0rem;
}
}
@include media-breakpoint-down(sm) {
.flex-item {
flex: 1;
align-items: center;
justify-content: center !important;
display: flex;
}
.flex-item:first-child {
flex-basis: 100% !important;
}
.flex-item:last-child {
margin-top: 2rem;
margin-left: 0rem;
div {
text-align: center;
}
}
.flex-wrap-reverse {
.flex-item:first-child {
margin-top: 2rem;
}
.flex-item:nth-child(2) {
flex-basis: 100%;
margin-top: 0rem;
}
}
}
}
Version data entries
15 entries across 15 versions & 1 rubygems