@import "./common.scss"; /*! * Bootstrap Grid v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @import "../node_modules/bootstrap/scss/bootstrap.scss"; // @import "../node_modules/bootstrap/scss/functions"; // @import "../node_modules/bootstrap/scss/variables"; // @import "../node_modules/bootstrap/scss/mixins"; // @import "../node_modules/bootstrap/scss/root"; // @import "../node_modules/bootstrap/scss/reboot"; // @import "../node_modules/bootstrap/scss/type"; // @import "../node_modules/bootstrap/scss/mixins/breakpoints"; // @import "../node_modules/bootstrap/scss/mixins/grid-framework"; // @import "../node_modules/bootstrap/scss/mixins/grid"; // @import "../node_modules/bootstrap/scss/mixins/buttons"; // @import "../node_modules/bootstrap/scss/grid"; // @import "../node_modules/bootstrap/scss/buttons"; // @import "../node_modules/bootstrap/scss/utilities/display"; // contents of: @import "../node_modules/bootstrap/scss/utilities/flex"; @each $breakpoint in map-keys($grid-breakpoints) { @include media-breakpoint-up($breakpoint) { $infix: breakpoint-infix($breakpoint, $grid-breakpoints); .flex#{$infix}-row .block-editor-block-list__layout { display: flex; flex-direction: row !important; } .flex#{$infix}-column .block-editor-block-list__layout { display: flex; flex-direction: column !important; } .flex#{$infix}-row-reverse .block-editor-block-list__layout { display: flex; flex-direction: row-reverse !important; } .flex#{$infix}-column-reverse .block-editor-block-list__layout { display: flex; flex-direction: column-reverse !important; } .flex#{$infix}-wrap .block-editor-block-list__layout { display: flex; flex-wrap: wrap !important; } .flex#{$infix}-nowrap .block-editor-block-list__layout { display: flex; flex-wrap: nowrap !important; } .flex#{$infix}-wrap-reverse .block-editor-block-list__layout { display: flex; flex-wrap: wrap-reverse !important; } .flex#{$infix}-fill .block-editor-block-list__layout { display: flex; flex: 1 1 auto !important; } .flex#{$infix}-grow-0 .block-editor-block-list__layout { display: flex; flex-grow: 0 !important; } .flex#{$infix}-grow-1 .block-editor-block-list__layout { display: flex; flex-grow: 1 !important; } .flex#{$infix}-shrink-0 .block-editor-block-list__layout { display: flex; flex-shrink: 0 !important; } .flex#{$infix}-shrink-1 .block-editor-block-list__layout { display: flex; flex-shrink: 1 !important; } .justify-content#{$infix}-start .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; justify-content: flex-start !important; } .justify-content#{$infix}-end .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; justify-content: flex-end !important; } .justify-content#{$infix}-center .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; justify-content: center !important; } .justify-content#{$infix}-between .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; justify-content: space-between !important; } .justify-content#{$infix}-around .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; justify-content: space-around !important; } .align-items#{$infix}-start .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-items: flex-start !important; } .align-items#{$infix}-end .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-items: flex-end !important; } .align-items#{$infix}-center .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-items: center !important; } .align-items#{$infix}-baseline .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-items: baseline !important; } .align-items#{$infix}-stretch .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-items: stretch !important; } .align-content#{$infix}-start .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-content: flex-start !important; } .align-content#{$infix}-end .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-content: flex-end !important; } .align-content#{$infix}-center .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-content: center !important; } .align-content#{$infix}-between .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-content: space-between !important; } .align-content#{$infix}-around .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-content: space-around !important; } .align-content#{$infix}-stretch .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-content: stretch !important; } .align-self#{$infix}-auto .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-self: auto !important; } .align-self#{$infix}-start .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-self: flex-start !important; } .align-self#{$infix}-end .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-self: flex-end !important; } .align-self#{$infix}-center .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-self: center !important; } .align-self#{$infix}-baseline .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-self: baseline !important; } .align-self#{$infix}-stretch .block-editor-block-list__layout [data-type="advanced-bootstrap-blocks/column"] { display: flex; align-self: stretch !important; } } } @import "../node_modules/bootstrap/scss/utilities/spacing"; /* * Gutenberg Overrides */ [data-type="advanced-bootstrap-blocks/container"], [data-type="advanced-bootstrap-blocks/row"], [data-type="advanced-bootstrap-blocks/column"] { &.wp-block { max-width: 100%; .container, .container-fluid { padding: 0; } } } [data-type="advanced-bootstrap-blocks/container"] { .block-editor-inner-blocks > .block-editor-block-list__layout { @include make-container(); padding-top: 15px; padding-bottom: 15px; } .block-editor { box-sizing: border-box !important; } &.block-editor-block-list__block { padding: 0; &.wp-block.container-fluid { max-width: 100%; } } .block-editor-block-list__block { margin: 0; padding: 0 !important; max-width: 100%; width: 100%; } } [data-type="advanced-bootstrap-blocks/row"] { max-width: 100%; .block-editor-block-list__block-edit { padding: 0 !important; margin: 0 !important; width: 100%; max-width: 100%; } .wp-block-advanced-bootstrap-blocks-row > .block-editor-inner-blocks > .block-editor-block-list__layout { @include make-row(); flex-wrap: nowrap; margin-left: 0 !important; margin-right: 0 !important; } } [data-type="advanced-bootstrap-blocks/row"] { width: 100%; padding: 0; } [data-type="advanced-bootstrap-blocks/column"] { // @include make-col-ready() [data-type="core/heading"], [data-type="core/paragraph"] { // &.is-selected { // margin-top: 50px; // } } [data-type="core/heading"] + [data-type="core/paragraph"] { margin-top: 10px; } [data-type="core/paragraph"] + [data-type="core/paragraph"] { margin-top: 10px; } } .block-editor-block-list__layout { padding-left: 85px; padding-right: 85px; .block-editor-block-list__block[data-align=full] { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; .components-disabled { .block-editor-inserter { display: none; } } .block-editor-block-list__block-edit { margin-left: -32px; margin-right: -32px; } .block-editor-block-list__layout .block-editor-block-list__block { padding-left: 28px; padding-right: 28px; padding-top: 15px; padding-bottom: 15px; &[data-type="advanced-bootstrap-blocks/column"] { padding-right: 0; padding-left: 0; &:first-child { padding-left: 15px; } & + [data-type="advanced-bootstrap-blocks/column"] { } &:last-child { padding-right: 15px; } } } } .block-editor-default-block-appender>.block-editor-default-block-appender__content { margin-top: 0; margin-bottom: 0; } }