@import "@patternfly/patternfly/base/patternfly-variables.scss";

/*
 * PatternFly 4 adapting the lists too early.
 * When PF4 has a breakpoint of 768px width, it's actually 1108 for us, as the sidebar is 340px.
 * (This does use the intended content area, but there's a mismatch between content and browser width as we use iframes.)
 * So redefine grid breakpoints
 */
$pf-global--breakpoint--xs: 0 !default;
$pf-global--breakpoint--sm: 236px !default;
$pf-global--breakpoint--md: 428px !default;
$pf-global--breakpoint--lg: 652px !default;
$pf-global--breakpoint--xl: 860px !default;
$pf-global--breakpoint--2xl: 1110px !default;

@import "@patternfly/patternfly/sass-utilities/all";

/*
 * PatternFly 4 adapting the lists too early.
 * When PF4 has a breakpoint of 768px width, it's actually 1108 for us, as the sidebar is 340px.
 * (This does use the intended content area, but there's a mismatch between content and browser width as we use iframes.)
 * So redefine grid breakpoints
 */
$pf-global--breakpoint--xs: 0 !default;
$pf-global--breakpoint--sm: 236px !default;
$pf-global--breakpoint--md: 428px !default;
$pf-global--breakpoint--lg: 652px !default;
$pf-global--breakpoint--xl: 860px !default;
$pf-global--breakpoint--2xl: 1110px !default;

Reduce duplication in variables import
sass: Reduce duplication in variables import

Contents of `@patternfly/patternfly/base/patternfly-variables.scss`
currently includes two imports:

```
@import "../sass-utilities/all";
@import "variables";
```

The `sass-utilties/all` import does not render into CSS; it only
includes SASS-specific contents (that is: variables and mixins).
However, the `variables` import _does_ render to CSS, which means that
we wind up with CSS-rendered outputs of PatternFly variables every time
our `_global-variables.scss` file is included anywhere... and this file
of ours is included in `page.scss`, so this is a problem with every
single page.

Changing the import in our `_global-variables.scss` to only use the
sass-utilities file means that we're not accidentally redefining the CSS
variables on the page. (The `@import "variables";` is included elsewhere
already as a base part of PatternFly.)
