From 99975da14042557a678e3bc0f7dd818c0a06128b Mon Sep 17 00:00:00 2001 From: Stasiek Michalski Date: Wed, 6 Jun 2018 06:58:39 +0200 Subject: [PATCH] Add classes for limiting height on breakpoints --- resources/assets/sass/custom.scss | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss index 33a15a998..2e95bda76 100644 --- a/resources/assets/sass/custom.scss +++ b/resources/assets/sass/custom.scss @@ -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; + } +}