From 3f4094d08b873e17464a51c817ea7d41177f848d Mon Sep 17 00:00:00 2001 From: "Andrey V.Kosteltsev" Date: Mon, 4 Jul 2022 23:11:28 +0300 Subject: IBS: _ibs UI Theme --- src/assets/styles/bmc/_ibs/_bootstrap-grid.scss | 28 +++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 src/assets/styles/bmc/_ibs/_bootstrap-grid.scss (limited to 'src/assets/styles/bmc/_ibs/_bootstrap-grid.scss') diff --git a/src/assets/styles/bmc/_ibs/_bootstrap-grid.scss b/src/assets/styles/bmc/_ibs/_bootstrap-grid.scss new file mode 100644 index 00000000..87332f4b --- /dev/null +++ b/src/assets/styles/bmc/_ibs/_bootstrap-grid.scss @@ -0,0 +1,28 @@ +.container-xl { + // Fluid layout container class sets 100% + // width until xl breakpoint. Once a max-width + // is set, setting the left margin to 0 is needed + // so the content doesn't center align + // https://bootstrap-vue.org/docs/components/layout#fluid-width-container + margin-left: 0; +} + +@media (min-width: 1200px) { + .container-xl { + max-width: unset !important; + } + .col-md-9, + .col-xl-9, + .col-xl-10, + .col-xl-11 { + flex: 0 0 100%; + max-width: unset !important; + } +} + +@media (min-width: 768px) { + .col-md-9 { + flex: 0 0 100%; + max-width: unset !important; + } +} -- cgit v1.2.3