From b54345217eb839c3b3c051b6ec32a213ce5bcf16 Mon Sep 17 00:00:00 2001 From: piensaenpixel Date: Fri, 19 Aug 2016 16:14:30 +0200 Subject: [PATCH] add layout --- src/scss/cdb-components/modals.scss | 115 ++++++++++++++++++++++++++++ 1 file changed, 115 insertions(+) diff --git a/src/scss/cdb-components/modals.scss b/src/scss/cdb-components/modals.scss index f108422..1138e73 100644 --- a/src/scss/cdb-components/modals.scss +++ b/src/scss/cdb-components/modals.scss @@ -719,3 +719,118 @@ */ + +/* SG +# Modals/Layout + + +``` + +``` +*/ + + +.Modal { + @include display-flex(); + @include flex-direction(column); + height: 100%; + background: $cThirdBackground; + overflow: hidden; +} +.Modal-header { + @include display-flex(); + @include justify-content(center); + @include flex(0 0 auto); + padding: $baseSize * 3 0; + background: $cWhite; +} +.Modal-footer { + @include display-flex(); + @include justify-content(center); + @include flex(0 0 auto); +} +.Modal-container { + @include display-flex(); + @include justify-content(center); + @include flex(1 1 auto); + overflow: scroll; +} +.Modal-inner, +.Modal-headerContainer, +.Modal-footerContainer { + @include flex(0 0 auto); + width: 940px; +} + +.Modal-footerContainer { + padding: 24px 0; + border-top: 1px solid $cSecondaryLine; +} + +