From 359ed099e5b2f82bd602f2a6c45f43af8f2c87e8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 14 Jun 2021 23:25:11 +0300 Subject: Add horizontal collapse support --- scss/_transitions.scss | 6 ++++++ scss/_variables.scss | 1 + 2 files changed, 7 insertions(+) (limited to 'scss') diff --git a/scss/_transitions.scss b/scss/_transitions.scss index 2905df45c..bfb26aa8a 100644 --- a/scss/_transitions.scss +++ b/scss/_transitions.scss @@ -17,5 +17,11 @@ height: 0; overflow: hidden; @include transition($transition-collapse); + + &.collapse-horizontal { + width: 0; + height: auto; + @include transition($transition-collapse-width); + } } // scss-docs-end collapse-classes diff --git a/scss/_variables.scss b/scss/_variables.scss index aa4d4ff2f..7f93df4e3 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -398,6 +398,7 @@ $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; // scss-docs-start collapse-transition $transition-collapse: height .35s ease !default; +$transition-collapse-width: width .35s ease !default; // scss-docs-end collapse-transition // stylelint-disable function-disallowed-list -- cgit v1.2.3