@clayui/css 3.136.0 → 3.137.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.136.0
+ * Clay 3.137.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -21033,6 +21033,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   color: #fff;
 }
 .c-slideout-transition-in {
+  overflow: hidden;
   transition: all 0.3s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -21045,6 +21046,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
 }
 
 .c-slideout-transition-out {
+  overflow: hidden;
   transition: all 0.2s ease-in;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -21064,6 +21066,14 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   position: absolute;
 }
 
+.c-slideout-push-start {
+  padding-left: 320px;
+}
+
+.c-slideout-push-end {
+  padding-right: 320px;
+}
+
 .c-slideout {
   display: flex;
   overflow: hidden;
@@ -21079,11 +21089,16 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   position: relative;
   width: 320px;
 }
+.c-slideout .sidebar-body {
+  flex-grow: 1;
+}
 .c-slideout .sidebar.c-slideout-show {
-  display: block;
+  display: flex;
+  flex-direction: column;
 }
 .c-slideout .sidebar.c-slideout-transition {
-  display: block;
+  display: flex;
+  flex-direction: column;
 }
 .c-slideout .sidebar.c-slideout-transition .c-horizontal-resizer {
   display: none;