Add classes for limiting height on breakpoints

This commit is contained in:
Stasiek Michalski 2018-06-06 06:58:39 +02:00 committed by GitHub
parent f9bc974e54
commit 99975da140
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 0 deletions

View File

@ -203,3 +203,26 @@ body, button, input, textarea {
height: .25rem;
animation: loading-bar 3s linear infinite;
}
.max-hide-overflow {
max-height: 500px;
overflow-y: hidden;
}
@media (min-width: map-get($grid-breakpoints, "xs")) {
.max-hide-overflow {
max-height: 600px!important;
}
}
@media (min-width: map-get($grid-breakpoints, "md")) {
.max-hide-overflow {
max-height: 800px!important;
}
}
@media (min-width: map-get($grid-breakpoints, "xl")) {
.max-hide-overflow {
max-height: 1000px!important;
}
}