From 2bbfc1b0bbe2443362b099b3b4fadf8909c6c4ba Mon Sep 17 00:00:00 2001 From: Rob Levin Date: Mon, 28 Sep 2020 06:08:38 -0700 Subject: [PATCH] Remove unused file --- agnosticui-css/flexboxgrid-custom.css | 1149 ------------------------- 1 file changed, 1149 deletions(-) delete mode 100644 agnosticui-css/flexboxgrid-custom.css diff --git a/agnosticui-css/flexboxgrid-custom.css b/agnosticui-css/flexboxgrid-custom.css deleted file mode 100644 index 2dc9b8003..000000000 --- a/agnosticui-css/flexboxgrid-custom.css +++ /dev/null @@ -1,1149 +0,0 @@ -:root { - /** - * Redefine this with --agnosticui-gutter-width: at the :root {} level in your - * styles to opt-in and customize the grid gutters. - */ - --agnosticui-default-gutter-width: 0; /* note: no gutters by default */ - --gutter-width: var(--agnosticui-gutter-width, var(--agnosticui-default-gutter-width)); - --gutter-compensation: calc((var(--gutter-width) * 0.5) * -1); - --half-gutter-width: calc((var(--gutter-width) * 0.5)); - --agnosticui-default-sm-min: 576px; - --agnosticui-default-md-min: 768px; - --agnosticui-default-lg-min: 992px; - --agnosticui-default-xl-min: 1200px; -} - -.flexgrid-container { - box-sizing: border-box; - margin-left: auto; - margin-right: auto; -} - -@media only screen and (min-width: 576px) { - .flexgrid-container { - width: var(--agnosticui-sm-min, var(--agnosticui-default-sm-min)); - max-width: 100%; - } -} - -@media only screen and (min-width: 768px) { - .flexgrid-container { - width: var(--agnosticui-md-min, var(--agnosticui-default-md-min)); - max-width: 100%; - } -} - -@media only screen and (min-width: 992px) { - .flexgrid-container { - width: var(--agnosticui-lg-min, var(--agnosticui-default-lg-min)); - max-width: 100%; - } -} - -@media only screen and (min-width: 1200px) { - .flexgrid-container { - width: var(--agnosticui-xl-min, var(--agnosticui-default-xl-min)); - max-width: 100%; - } -} - -.row { - box-sizing: border-box; - display: flex; - flex: 0 1 auto; - flex-direction: row; - flex-wrap: wrap; - margin-right: var(--gutter-compensation); - margin-left: var(--gutter-compensation); -} - -.row.reverse { - flex-direction: row-reverse; -} - -.col.reverse { - flex-direction: column-reverse; -} - -.col-xs, -.col-xs-1, -.col-xs-2, -.col-xs-3, -.col-xs-4, -.col-xs-5, -.col-xs-6, -.col-xs-7, -.col-xs-8, -.col-xs-9, -.col-xs-10, -.col-xs-11, -.col-xs-12, -.col-xs-offset-0, -.col-xs-offset-1, -.col-xs-offset-2, -.col-xs-offset-3, -.col-xs-offset-4, -.col-xs-offset-5, -.col-xs-offset-6, -.col-xs-offset-7, -.col-xs-offset-8, -.col-xs-offset-9, -.col-xs-offset-10, -.col-xs-offset-11, -.col-xs-offset-12, -.col-sm, -.col-sm-1, -.col-sm-2, -.col-sm-3, -.col-sm-4, -.col-sm-5, -.col-sm-6, -.col-sm-7, -.col-sm-8, -.col-sm-9, -.col-sm-10, -.col-sm-11, -.col-sm-12, -.col-sm-offset-0, -.col-sm-offset-1, -.col-sm-offset-2, -.col-sm-offset-3, -.col-sm-offset-4, -.col-sm-offset-5, -.col-sm-offset-6, -.col-sm-offset-7, -.col-sm-offset-8, -.col-sm-offset-9, -.col-sm-offset-10, -.col-sm-offset-11, -.col-sm-offset-12, -.col-md, -.col-md-1, -.col-md-2, -.col-md-3, -.col-md-4, -.col-md-5, -.col-md-6, -.col-md-7, -.col-md-8, -.col-md-9, -.col-md-10, -.col-md-11, -.col-md-12, -.col-md-offset-0, -.col-md-offset-1, -.col-md-offset-2, -.col-md-offset-3, -.col-md-offset-4, -.col-md-offset-5, -.col-md-offset-6, -.col-md-offset-7, -.col-md-offset-8, -.col-md-offset-9, -.col-md-offset-10, -.col-md-offset-11, -.col-md-offset-12, -.col-lg, -.col-lg-1, -.col-lg-2, -.col-lg-3, -.col-lg-4, -.col-lg-5, -.col-lg-6, -.col-lg-7, -.col-lg-8, -.col-lg-9, -.col-lg-10, -.col-lg-11, -.col-lg-12, -.col-lg-offset-0, -.col-lg-offset-1, -.col-lg-offset-2, -.col-lg-offset-3, -.col-lg-offset-4, -.col-lg-offset-5, -.col-lg-offset-6, -.col-lg-offset-7, -.col-lg-offset-8, -.col-lg-offset-9, -.col-lg-offset-10, -.col-lg-offset-11, -.col-lg-offset-12, -.col-xl, -.col-xl-1, -.col-xl-2, -.col-xl-3, -.col-xl-4, -.col-xl-5, -.col-xl-6, -.col-xl-7, -.col-xl-8, -.col-xl-9, -.col-xl-10, -.col-xl-11, -.col-xl-12, -.col-xl-offset-0, -.col-xl-offset-1, -.col-xl-offset-2, -.col-xl-offset-3, -.col-xl-offset-4, -.col-xl-offset-5, -.col-xl-offset-6, -.col-xl-offset-7, -.col-xl-offset-8, -.col-xl-offset-9, -.col-xl-offset-10, -.col-xl-offset-11, -.col-xl-offset-12 { - box-sizing: border-box; - flex: 0 0 auto; - flex-basis: 100%; - padding-right: var(--half-gutter-width); - padding-left: var(--half-gutter-width); - max-width: 100%; -} - -.col-xs { - flex-grow: 1; - flex-basis: 0; - max-width: 100%; -} - -.col-xs-1 { - flex-basis: 8.33333333%; - max-width: 8.33333333%; -} - -.col-xs-2 { - flex-basis: 16.66666667%; - max-width: 16.66666667%; -} - -.col-xs-3 { - flex-basis: 25%; - max-width: 25%; -} - -.col-xs-4 { - flex-basis: 33.33333333%; - max-width: 33.33333333%; -} - -.col-xs-5 { - flex-basis: 41.66666667%; - max-width: 41.66666667%; -} - -.col-xs-6 { - flex-basis: 50%; - max-width: 50%; -} - -.col-xs-7 { - flex-basis: 58.33333333%; - max-width: 58.33333333%; -} - -.col-xs-8 { - flex-basis: 66.66666667%; - max-width: 66.66666667%; -} - -.col-xs-9 { - flex-basis: 75%; - max-width: 75%; -} - -.col-xs-10 { - flex-basis: 83.33333333%; - max-width: 83.33333333%; -} - -.col-xs-11 { - flex-basis: 91.66666667%; - max-width: 91.66666667%; -} - -.col-xs-12 { - flex-basis: 100%; - max-width: 100%; - /* Mobile first stacked get a gutter between blocks */ - margin-bottom: var(--gutter-width); -} - -.col-xs-offset-0 { - margin-left: 0; -} - -.col-xs-offset-1 { - margin-left: 8.33333333%; -} - -.col-xs-offset-2 { - margin-left: 16.66666667%; -} - -.col-xs-offset-3 { - margin-left: 25%; -} - -.col-xs-offset-4 { - margin-left: 33.33333333%; -} - -.col-xs-offset-5 { - margin-left: 41.66666667%; -} - -.col-xs-offset-6 { - margin-left: 50%; -} - -.col-xs-offset-7 { - margin-left: 58.33333333%; -} - -.col-xs-offset-8 { - margin-left: 66.66666667%; -} - -.col-xs-offset-9 { - margin-left: 75%; -} - -.col-xs-offset-10 { - margin-left: 83.33333333%; -} - -.col-xs-offset-11 { - margin-left: 91.66666667%; -} - -.start-xs { - justify-content: flex-start; - text-align: start; -} - -.center-xs { - justify-content: center; - text-align: center; -} - -.end-xs { - justify-content: flex-end; - text-align: end; -} - -.top-xs { - align-items: flex-start; -} - -.middle-xs { - align-items: center; -} - -.bottom-xs { - align-items: flex-end; -} - -.around-xs { - justify-content: space-around; -} - -.between-xs { - justify-content: space-between; -} - -.first-xs { - order: -1; -} - -.last-xs { - order: 1; -} - -.initial-order-xs { - order: initial; -} - -@media only screen and (min-width: 576px) { - .col-sm { - flex-grow: 1; - flex-basis: 0; - max-width: 100%; - } - - .col-sm-1 { - flex-basis: 8.33333333%; - max-width: 8.33333333%; - } - - .col-sm-2 { - flex-basis: 16.66666667%; - max-width: 16.66666667%; - } - - .col-sm-3 { - flex-basis: 25%; - max-width: 25%; - } - - .col-sm-4 { - flex-basis: 33.33333333%; - max-width: 33.33333333%; - } - - .col-sm-5 { - flex-basis: 41.66666667%; - max-width: 41.66666667%; - } - - .col-sm-6 { - flex-basis: 50%; - max-width: 50%; - } - - .col-sm-7 { - flex-basis: 58.33333333%; - max-width: 58.33333333%; - } - - .col-sm-8 { - flex-basis: 66.66666667%; - max-width: 66.66666667%; - } - - .col-sm-9 { - flex-basis: 75%; - max-width: 75%; - } - - .col-sm-10 { - flex-basis: 83.33333333%; - max-width: 83.33333333%; - } - - .col-sm-11 { - flex-basis: 91.66666667%; - max-width: 91.66666667%; - } - - .col-sm-12 { - flex-basis: 100%; - max-width: 100%; - /* Phablet first stacked get a gutter between blocks */ - margin-bottom: var(--gutter-width); - } - - .col-sm-offset-0 { - margin-left: 0; - } - - .col-sm-offset-1 { - margin-left: 8.33333333%; - } - - .col-sm-offset-2 { - margin-left: 16.66666667%; - } - - .col-sm-offset-3 { - margin-left: 25%; - } - - .col-sm-offset-4 { - margin-left: 33.33333333%; - } - - .col-sm-offset-5 { - margin-left: 41.66666667%; - } - - .col-sm-offset-6 { - margin-left: 50%; - } - - .col-sm-offset-7 { - margin-left: 58.33333333%; - } - - .col-sm-offset-8 { - margin-left: 66.66666667%; - } - - .col-sm-offset-9 { - margin-left: 75%; - } - - .col-sm-offset-10 { - margin-left: 83.33333333%; - } - - .col-sm-offset-11 { - margin-left: 91.66666667%; - } - - .start-sm { - justify-content: flex-start; - text-align: start; - } - - .center-sm { - justify-content: center; - text-align: center; - } - - .end-sm { - justify-content: flex-end; - text-align: end; - } - - .top-sm { - align-items: flex-start; - } - - .middle-sm { - align-items: center; - } - - .bottom-sm { - align-items: flex-end; - } - - .around-sm { - justify-content: space-around; - } - - .between-sm { - justify-content: space-between; - } - - .first-sm { - order: -1; - } - - .last-sm { - order: 1; - } - - .initial-order-sm { - order: initial; - } -} - -@media only screen and (min-width: 768px) { - .col-md, - .col-md-1, - .col-md-2, - .col-md-3, - .col-md-4, - .col-md-5, - .col-md-6, - .col-md-7, - .col-md-8, - .col-md-9, - .col-md-10, - .col-md-11, - .col-md-12, - .col-md-offset-0, - .col-md-offset-1, - .col-md-offset-2, - .col-md-offset-3, - .col-md-offset-4, - .col-md-offset-5, - .col-md-offset-6, - .col-md-offset-7, - .col-md-offset-8, - .col-md-offset-9, - .col-md-offset-10, - .col-md-offset-11, - .col-md-offset-12 { - box-sizing: border-box; - flex: 0 0 auto; - padding-right: var(--half-gutter-width); - padding-left: var(--half-gutter-width); - } - - .col-md { - flex-grow: 1; - flex-basis: 0; - max-width: 100%; - } - - .col-md-1 { - flex-basis: 8.33333333%; - max-width: 8.33333333%; - } - - .col-md-2 { - flex-basis: 16.66666667%; - max-width: 16.66666667%; - } - - .col-md-3 { - flex-basis: 25%; - max-width: 25%; - } - - .col-md-4 { - flex-basis: 33.33333333%; - max-width: 33.33333333%; - } - - .col-md-5 { - flex-basis: 41.66666667%; - max-width: 41.66666667%; - } - - .col-md-6 { - flex-basis: 50%; - max-width: 50%; - } - - .col-md-7 { - flex-basis: 58.33333333%; - max-width: 58.33333333%; - } - - .col-md-8 { - flex-basis: 66.66666667%; - max-width: 66.66666667%; - } - - .col-md-9 { - flex-basis: 75%; - max-width: 75%; - } - - .col-md-10 { - flex-basis: 83.33333333%; - max-width: 83.33333333%; - } - - .col-md-11 { - flex-basis: 91.66666667%; - max-width: 91.66666667%; - } - - .col-md-12 { - flex-basis: 100%; - max-width: 100%; - /* Note at 768px breakpoint we stop adding gutters between stacked blocks */ - } - - .col-md-offset-0 { - margin-left: 0; - } - - .col-md-offset-1 { - margin-left: 8.33333333%; - } - - .col-md-offset-2 { - margin-left: 16.66666667%; - } - - .col-md-offset-3 { - margin-left: 25%; - } - - .col-md-offset-4 { - margin-left: 33.33333333%; - } - - .col-md-offset-5 { - margin-left: 41.66666667%; - } - - .col-md-offset-6 { - margin-left: 50%; - } - - .col-md-offset-7 { - margin-left: 58.33333333%; - } - - .col-md-offset-8 { - margin-left: 66.66666667%; - } - - .col-md-offset-9 { - margin-left: 75%; - } - - .col-md-offset-10 { - margin-left: 83.33333333%; - } - - .col-md-offset-11 { - margin-left: 91.66666667%; - } - - .start-md { - justify-content: flex-start; - text-align: start; - } - - .center-md { - justify-content: center; - text-align: center; - } - - .end-md { - justify-content: flex-end; - text-align: end; - } - - .top-md { - align-items: flex-start; - } - - .middle-md { - align-items: center; - } - - .bottom-md { - align-items: flex-end; - } - - .around-md { - justify-content: space-around; - } - - .between-md { - justify-content: space-between; - } - - .first-md { - order: -1; - } - - .last-md { - order: 1; - } - - .initial-order-md { - order: initial; - } -} - -@media only screen and (min-width: 992px) { - .col-lg, - .col-lg-1, - .col-lg-2, - .col-lg-3, - .col-lg-4, - .col-lg-5, - .col-lg-6, - .col-lg-7, - .col-lg-8, - .col-lg-9, - .col-lg-10, - .col-lg-11, - .col-lg-12, - .col-lg-offset-0, - .col-lg-offset-1, - .col-lg-offset-2, - .col-lg-offset-3, - .col-lg-offset-4, - .col-lg-offset-5, - .col-lg-offset-6, - .col-lg-offset-7, - .col-lg-offset-8, - .col-lg-offset-9, - .col-lg-offset-10, - .col-lg-offset-11, - .col-lg-offset-12 { - box-sizing: border-box; - flex: 0 0 auto; - padding-right: var(--half-gutter-width); - padding-left: var(--half-gutter-width); - } - - .col-lg { - flex-grow: 1; - flex-basis: 0; - max-width: 100%; - } - - .col-lg-1 { - flex-basis: 8.33333333%; - max-width: 8.33333333%; - } - - .col-lg-2 { - flex-basis: 16.66666667%; - max-width: 16.66666667%; - } - - .col-lg-3 { - flex-basis: 25%; - max-width: 25%; - } - - .col-lg-4 { - flex-basis: 33.33333333%; - max-width: 33.33333333%; - } - - .col-lg-5 { - flex-basis: 41.66666667%; - max-width: 41.66666667%; - } - - .col-lg-6 { - flex-basis: 50%; - max-width: 50%; - } - - .col-lg-7 { - flex-basis: 58.33333333%; - max-width: 58.33333333%; - } - - .col-lg-8 { - flex-basis: 66.66666667%; - max-width: 66.66666667%; - } - - .col-lg-9 { - flex-basis: 75%; - max-width: 75%; - } - - .col-lg-10 { - flex-basis: 83.33333333%; - max-width: 83.33333333%; - } - - .col-lg-11 { - flex-basis: 91.66666667%; - max-width: 91.66666667%; - } - - .col-lg-12 { - flex-basis: 100%; - max-width: 100%; - } - - .col-lg-offset-0 { - margin-left: 0; - } - - .col-lg-offset-1 { - margin-left: 8.33333333%; - } - - .col-lg-offset-2 { - margin-left: 16.66666667%; - } - - .col-lg-offset-3 { - margin-left: 25%; - } - - .col-lg-offset-4 { - margin-left: 33.33333333%; - } - - .col-lg-offset-5 { - margin-left: 41.66666667%; - } - - .col-lg-offset-6 { - margin-left: 50%; - } - - .col-lg-offset-7 { - margin-left: 58.33333333%; - } - - .col-lg-offset-8 { - margin-left: 66.66666667%; - } - - .col-lg-offset-9 { - margin-left: 75%; - } - - .col-lg-offset-10 { - margin-left: 83.33333333%; - } - - .col-lg-offset-11 { - margin-left: 91.66666667%; - } - - .start-lg { - justify-content: flex-start; - text-align: start; - } - - .center-lg { - justify-content: center; - text-align: center; - } - - .end-lg { - justify-content: flex-end; - text-align: end; - } - - .top-lg { - align-items: flex-start; - } - - .middle-lg { - align-items: center; - } - - .bottom-lg { - align-items: flex-end; - } - - .around-lg { - justify-content: space-around; - } - - .between-lg { - justify-content: space-between; - } - - .first-lg { - order: -1; - } - - .last-lg { - order: 1; - } - - .initial-order-lg { - order: initial; - } -} - -@media only screen and (min-width: 1200px) { - .col-xl, - .col-xl-1, - .col-xl-2, - .col-xl-3, - .col-xl-4, - .col-xl-5, - .col-xl-6, - .col-xl-7, - .col-xl-8, - .col-xl-9, - .col-xl-10, - .col-xl-11, - .col-xl-12, - .col-xl-offset-0, - .col-xl-offset-1, - .col-xl-offset-2, - .col-xl-offset-3, - .col-xl-offset-4, - .col-xl-offset-5, - .col-xl-offset-6, - .col-xl-offset-7, - .col-xl-offset-8, - .col-xl-offset-9, - .col-xl-offset-10, - .col-xl-offset-11, - .col-xl-offset-12 { - box-sizing: border-box; - flex: 0 0 auto; - padding-right: var(--half-gutter-width); - padding-left: var(--half-gutter-width); - } - - .col-xl { - flex-grow: 1; - flex-basis: 0; - max-width: 100%; - } - - .col-xl-1 { - flex-basis: 8.33333333%; - max-width: 8.33333333%; - } - - .col-xl-2 { - flex-basis: 16.66666667%; - max-width: 16.66666667%; - } - - .col-xl-3 { - flex-basis: 25%; - max-width: 25%; - } - - .col-xl-4 { - flex-basis: 33.33333333%; - max-width: 33.33333333%; - } - - .col-xl-5 { - flex-basis: 41.66666667%; - max-width: 41.66666667%; - } - - .col-xl-6 { - flex-basis: 50%; - max-width: 50%; - } - - .col-xl-7 { - flex-basis: 58.33333333%; - max-width: 58.33333333%; - } - - .col-xl-8 { - flex-basis: 66.66666667%; - max-width: 66.66666667%; - } - - .col-xl-9 { - flex-basis: 75%; - max-width: 75%; - } - - .col-xl-10 { - flex-basis: 83.33333333%; - max-width: 83.33333333%; - } - - .col-xl-11 { - flex-basis: 91.66666667%; - max-width: 91.66666667%; - } - - .col-xl-12 { - flex-basis: 100%; - max-width: 100%; - } - - .col-xl-offset-0 { - margin-left: 0; - } - - .col-xl-offset-1 { - margin-left: 8.33333333%; - } - - .col-xl-offset-2 { - margin-left: 16.66666667%; - } - - .col-xl-offset-3 { - margin-left: 25%; - } - - .col-xl-offset-4 { - margin-left: 33.33333333%; - } - - .col-xl-offset-5 { - margin-left: 41.66666667%; - } - - .col-xl-offset-6 { - margin-left: 50%; - } - - .col-xl-offset-7 { - margin-left: 58.33333333%; - } - - .col-xl-offset-8 { - margin-left: 66.66666667%; - } - - .col-xl-offset-9 { - margin-left: 75%; - } - - .col-xl-offset-10 { - margin-left: 83.33333333%; - } - - .col-xl-offset-11 { - margin-left: 91.66666667%; - } - - .start-xl { - justify-content: flex-start; - text-align: start; - } - - .center-xl { - justify-content: center; - text-align: center; - } - - .end-xl { - justify-content: flex-end; - text-align: end; - } - - .top-xl { - align-items: flex-start; - } - - .middle-xl { - align-items: center; - } - - .bottom-xl { - align-items: flex-end; - } - - .around-xl { - justify-content: space-around; - } - - .between-xl { - justify-content: space-between; - } - - .first-xl { - order: -1; - } - - .last-xl { - order: 1; - } - - .initial-order-xl { - order: initial; - } - -} - -@media only screen and (max-width: 576px) { - .hidden-xs { - display: none; - } -} - -@media only screen and (min-width: 576px) and (max-width: 768px) { - .hidden-sm { - display: none; - } -} - -@media only screen and (min-width: 768px) and (max-width: 992px) { - .hidden-md { - display: none; - } -} - -@media only screen and (min-width: 992px) and (max-width: 1200px) { - .hidden-lg { - display: none; - } -} - -@media only screen and (min-width: 1200px) { - .hidden-xl { - display: none; - } -}