diff --git a/button.scss b/button.scss index 2d8c8ae..751dc87 100755 --- a/button.scss +++ b/button.scss @@ -37,7 +37,7 @@ button, input[type="submit"], input[type="button"], label.button, a.button { } } -button.save, .button.save { +button.save, .button.save, input[type="submit"].save { color: rgba(0, 0, 0, 0.75); background: #8fff79; @@ -46,7 +46,7 @@ button.save, .button.save { } } -button.cancel, .button.cancel { +button.cancel, .button.cancel, input[type="submit"].cancel { background: #ee5649; &:hover, &:focus { @@ -54,7 +54,7 @@ button.cancel, .button.cancel { } } -button.close, .button.close { +button.close, .button.close, input[type="submit"].close { color: rgba(0, 0, 0, 0.75); background: #fffc3e; @@ -63,7 +63,7 @@ button.close, .button.close { } } -button.disabled, .button.disabled { +button.disabled, .button.disabled, input[type="submit"].disabled { color: rgba(0, 0, 0, 0.5); background: #e1e1e1; cursor: not-allowed; diff --git a/grid.scss b/grid.scss index fcb3b36..e995b2b 100755 --- a/grid.scss +++ b/grid.scss @@ -1,13 +1,14 @@ -.container-fluid, .container { - box-sizing: border-box; +.container-fluid, +.container { + box-sizing: border-box; } .row { - box-sizing: border-box; - display: flex; - flex: 0 1 auto; - flex-direction: row; - flex-wrap: wrap; + box-sizing: border-box; + display: flex; + flex: 0 1 auto; + flex-direction: row; + flex-wrap: wrap; } .col { @@ -20,26 +21,28 @@ margin-left: var(--gutter-compensation, -0.5rem); } -.xs-col-table, .md-col-table, .lg-col-table { - display: none; - } +.xs-col-table, +.md-col-table, +.lg-col-table { + display: none; +} .col-xs-0 { - box-sizing: border-box; - flex-grow: 0; - padding-right: 1rem; + box-sizing: border-box; + flex-grow: 0; + padding-right: 1rem; } .plain-grid { - padding: 0 !important; + padding: 0 !important; } .row.reverse { - flex-direction: row-reverse; + flex-direction: row-reverse; } .col.reverse { - flex-direction: column-reverse; + flex-direction: column-reverse; } .col-xs, @@ -55,851 +58,703 @@ .col-xs-10, .col-xs-11, .col-xs-12 { - box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; - flex: 0 0 auto; - padding-right: 1rem; + box-sizing: border-box; + flex: 0 0 auto; + padding-right: 1rem; } .col-xs { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; - flex-grow: 1; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; + flex-grow: 1; + flex-basis: 0; + max-width: 100%; } .col-xs-1 { - -ms-flex-preferred-size: 8.333%; - flex-basis: 8.333%; - max-width: 8.333%; + flex-basis: 8.333%; + max-width: 8.333%; } .col-xs-2 { - -ms-flex-preferred-size: 16.667%; - flex-basis: 16.667%; - max-width: 16.667%; + flex-basis: 16.667%; + max-width: 16.667%; } .col-xs-3 { - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; + flex-basis: 25%; + max-width: 25%; } .col-xs-4 { - -ms-flex-preferred-size: 33.333%; - flex-basis: 33.333%; - max-width: 33.333%; + flex-basis: 33.333%; + max-width: 33.333%; } .col-xs-5 { - -ms-flex-preferred-size: 41.667%; - flex-basis: 41.667%; - max-width: 41.667%; + flex-basis: 41.667%; + max-width: 41.667%; } .col-xs-6 { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; + flex-basis: 50%; + max-width: 50%; } .col-xs-7 { - -ms-flex-preferred-size: 58.333%; - flex-basis: 58.333%; - max-width: 58.333%; + flex-basis: 58.333%; + max-width: 58.333%; } .col-xs-8 { - -ms-flex-preferred-size: 66.667%; - flex-basis: 66.667%; - max-width: 66.667%; + flex-basis: 66.667%; + max-width: 66.667%; } .col-xs-9 { - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - max-width: 75%; + flex-basis: 75%; + max-width: 75%; } .col-xs-10 { - -ms-flex-preferred-size: 83.333%; - flex-basis: 83.333%; - max-width: 83.333%; + flex-basis: 83.333%; + max-width: 83.333%; } .col-xs-11 { - -ms-flex-preferred-size: 91.667%; - flex-basis: 91.667%; - max-width: 91.667%; + flex-basis: 91.667%; + max-width: 91.667%; } .col-xs-12 { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; + flex-basis: 100%; + max-width: 100%; } .col-xs-offset-1 { - margin-left: 8.333%; + margin-left: 8.333%; } .col-xs-offset-2 { - margin-left: 16.667%; + margin-left: 16.667%; } .col-xs-offset-3 { - margin-left: 25%; + margin-left: 25%; } .col-xs-offset-4 { - margin-left: 33.333%; + margin-left: 33.333%; } .col-xs-offset-5 { - margin-left: 41.667%; + margin-left: 41.667%; } .col-xs-offset-6 { - margin-left: 50%; + margin-left: 50%; } .col-xs-offset-7 { - margin-left: 58.333%; + margin-left: 58.333%; } .col-xs-offset-8 { - margin-left: 66.667%; + margin-left: 66.667%; } .col-xs-offset-9 { - margin-left: 75%; + margin-left: 75%; } .col-xs-offset-10 { - margin-left: 83.333%; + margin-left: 83.333%; } .col-xs-offset-11 { - margin-left: 91.667%; + margin-left: 91.667%; } .start-xs { - -ms-flex-pack: start; - -webkit-box-pack: start; - justify-content: flex-start; - text-align: start; + justify-content: flex-start; + text-align: start; } .center-xs { - -ms-flex-pack: center; - -webkit-box-pack: center; - justify-content: center; - text-align: center; + justify-content: center; + text-align: center; } .end-xs { - -ms-flex-pack: end; - -webkit-box-pack: end; - justify-content: flex-end; - text-align: end; + justify-content: flex-end; + text-align: end; } .top-xs { - -ms-flex-align: start; - -webkit-box-align: start; - align-items: flex-start; + align-items: flex-start; } .middle-xs { - -ms-flex-align: center; - -webkit-box-align: center; - align-items: center; + align-items: center; } .bottom-xs { - -ms-flex-align: end; - -webkit-box-align: end; - align-items: flex-end; + align-items: flex-end; } .around-xs { - -ms-flex-pack: distribute; - justify-content: space-around; + justify-content: space-around; } .between-xs { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; + justify-content: space-between; } .first-xs { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; - order: -1; + order: -1; } .last-xs { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; - order: 1; + order: 1; } @media only screen and (min-width: 48em) { - .container { - width: 46rem; - } - - .xs-col-table { - display: inherit; - } - - .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 { - box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; - flex: 0 0 auto; - padding-right: 1rem; + .container { + width: 46rem; } - .col-sm { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; - flex-grow: 1; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; - } + .xs-col-table { + display: inherit; + } - .col-sm-1 { - -ms-flex-preferred-size: 8.333%; - flex-basis: 8.333%; - max-width: 8.333%; - } + .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 { + box-sizing: border-box; + flex: 0 0 auto; + padding-right: 1rem; + } - .col-sm-2 { - -ms-flex-preferred-size: 16.667%; - flex-basis: 16.667%; - max-width: 16.667%; - } + .col-sm { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } - .col-sm-3 { - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; - } + .col-sm-1 { + flex-basis: 8.333%; + max-width: 8.333%; + } - .col-sm-4 { - -ms-flex-preferred-size: 33.333%; - flex-basis: 33.333%; - max-width: 33.333%; - } + .col-sm-2 { + flex-basis: 16.667%; + max-width: 16.667%; + } - .col-sm-5 { - -ms-flex-preferred-size: 41.667%; - flex-basis: 41.667%; - max-width: 41.667%; - } + .col-sm-3 { + flex-basis: 25%; + max-width: 25%; + } - .col-sm-6 { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; - } + .col-sm-4 { + flex-basis: 33.333%; + max-width: 33.333%; + } - .col-sm-7 { - -ms-flex-preferred-size: 58.333%; - flex-basis: 58.333%; - max-width: 58.333%; - } + .col-sm-5 { + flex-basis: 41.667%; + max-width: 41.667%; + } - .col-sm-8 { - -ms-flex-preferred-size: 66.667%; - flex-basis: 66.667%; - max-width: 66.667%; - } + .col-sm-6 { + flex-basis: 50%; + max-width: 50%; + } - .col-sm-9 { - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - max-width: 75%; - } + .col-sm-7 { + flex-basis: 58.333%; + max-width: 58.333%; + } - .col-sm-10 { - -ms-flex-preferred-size: 83.333%; - flex-basis: 83.333%; - max-width: 83.333%; - } + .col-sm-8 { + flex-basis: 66.667%; + max-width: 66.667%; + } - .col-sm-11 { - -ms-flex-preferred-size: 91.667%; - flex-basis: 91.667%; - max-width: 91.667%; - } + .col-sm-9 { + flex-basis: 75%; + max-width: 75%; + } - .col-sm-12 { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } + .col-sm-10 { + flex-basis: 83.333%; + max-width: 83.333%; + } - .col-sm-offset-1 { - margin-left: 8.333%; - } + .col-sm-11 { + flex-basis: 91.667%; + max-width: 91.667%; + } - .col-sm-offset-2 { - margin-left: 16.667%; - } + .col-sm-12 { + flex-basis: 100%; + max-width: 100%; + } - .col-sm-offset-3 { - margin-left: 25%; - } + .col-sm-offset-1 { + margin-left: 8.333%; + } - .col-sm-offset-4 { - margin-left: 33.333%; - } + .col-sm-offset-2 { + margin-left: 16.667%; + } - .col-sm-offset-5 { - margin-left: 41.667%; - } + .col-sm-offset-3 { + margin-left: 25%; + } - .col-sm-offset-6 { - margin-left: 50%; - } + .col-sm-offset-4 { + margin-left: 33.333%; + } - .col-sm-offset-7 { - margin-left: 58.333%; - } + .col-sm-offset-5 { + margin-left: 41.667%; + } - .col-sm-offset-8 { - margin-left: 66.667%; - } + .col-sm-offset-6 { + margin-left: 50%; + } - .col-sm-offset-9 { - margin-left: 75%; - } + .col-sm-offset-7 { + margin-left: 58.333%; + } - .col-sm-offset-10 { - margin-left: 83.333%; - } + .col-sm-offset-8 { + margin-left: 66.667%; + } - .col-sm-offset-11 { - margin-left: 91.667%; - } + .col-sm-offset-9 { + margin-left: 75%; + } - .start-sm { - -ms-flex-pack: start; - -webkit-box-pack: start; - justify-content: flex-start; - text-align: start; - } + .col-sm-offset-10 { + margin-left: 83.333%; + } - .center-sm { - -ms-flex-pack: center; - -webkit-box-pack: center; - justify-content: center; - text-align: center; - } + .col-sm-offset-11 { + margin-left: 91.667%; + } - .end-sm { - -ms-flex-pack: end; - -webkit-box-pack: end; - justify-content: flex-end; - text-align: end; - } + .start-sm { + justify-content: flex-start; + text-align: start; + } - .top-sm { - -ms-flex-align: start; - -webkit-box-align: start; - align-items: flex-start; - } + .center-sm { + justify-content: center; + text-align: center; + } - .middle-sm { - -ms-flex-align: center; - -webkit-box-align: center; - align-items: center; - } + .end-sm { + justify-content: flex-end; + text-align: end; + } - .bottom-sm { - -ms-flex-align: end; - -webkit-box-align: end; - align-items: flex-end; - } + .top-sm { + align-items: flex-start; + } - .around-sm { - -ms-flex-pack: distribute; - justify-content: space-around; - } + .middle-sm { + align-items: center; + } - .between-sm { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; - } + .bottom-sm { + align-items: flex-end; + } - .first-sm { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; - order: -1; - } + .around-sm { + justify-content: space-around; + } - .last-sm { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; - order: 1; - } + .between-sm { + justify-content: space-between; + } + + .first-sm { + order: -1; + } + + .last-sm { + order: 1; + } } @media only screen and (min-width: 62em) { - .container { - width: 61rem; - } - - .md-col-table { - display: inherit; - } - - .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 { - box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; - flex: 0 0 auto; - padding-right: 1rem; + .container { + width: 61rem; } - .col-md { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; - flex-grow: 1; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; - } + .md-col-table { + display: inherit; + } - .col-md-1 { - -ms-flex-preferred-size: 8.333%; - flex-basis: 8.333%; - max-width: 8.333%; - } + .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 { + box-sizing: border-box; + flex: 0 0 auto; + padding-right: 1rem; + } - .col-md-2 { - -ms-flex-preferred-size: 16.667%; - flex-basis: 16.667%; - max-width: 16.667%; - } + .col-md { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } - .col-md-3 { - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; - } + .col-md-1 { + flex-basis: 8.333%; + max-width: 8.333%; + } - .col-md-4 { - -ms-flex-preferred-size: 33.333%; - flex-basis: 33.333%; - max-width: 33.333%; - } + .col-md-2 { + flex-basis: 16.667%; + max-width: 16.667%; + } - .col-md-5 { - -ms-flex-preferred-size: 41.667%; - flex-basis: 41.667%; - max-width: 41.667%; - } + .col-md-3 { + flex-basis: 25%; + max-width: 25%; + } - .col-md-6 { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; - } + .col-md-4 { + flex-basis: 33.333%; + max-width: 33.333%; + } - .col-md-7 { - -ms-flex-preferred-size: 58.333%; - flex-basis: 58.333%; - max-width: 58.333%; - } + .col-md-5 { + flex-basis: 41.667%; + max-width: 41.667%; + } - .col-md-8 { - -ms-flex-preferred-size: 66.667%; - flex-basis: 66.667%; - max-width: 66.667%; - } + .col-md-6 { + flex-basis: 50%; + max-width: 50%; + } - .col-md-9 { - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - max-width: 75%; - } + .col-md-7 { + flex-basis: 58.333%; + max-width: 58.333%; + } - .col-md-10 { - -ms-flex-preferred-size: 83.333%; - flex-basis: 83.333%; - max-width: 83.333%; - } + .col-md-8 { + flex-basis: 66.667%; + max-width: 66.667%; + } - .col-md-11 { - -ms-flex-preferred-size: 91.667%; - flex-basis: 91.667%; - max-width: 91.667%; - } + .col-md-9 { + flex-basis: 75%; + max-width: 75%; + } - .col-md-12 { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } + .col-md-10 { + flex-basis: 83.333%; + max-width: 83.333%; + } - .col-md-offset-1 { - margin-left: 8.333%; - } + .col-md-11 { + flex-basis: 91.667%; + max-width: 91.667%; + } - .col-md-offset-2 { - margin-left: 16.667%; - } + .col-md-12 { + flex-basis: 100%; + max-width: 100%; + } - .col-md-offset-3 { - margin-left: 25%; - } + .col-md-offset-1 { + margin-left: 8.333%; + } - .col-md-offset-4 { - margin-left: 33.333%; - } + .col-md-offset-2 { + margin-left: 16.667%; + } - .col-md-offset-5 { - margin-left: 41.667%; - } + .col-md-offset-3 { + margin-left: 25%; + } - .col-md-offset-6 { - margin-left: 50%; - } + .col-md-offset-4 { + margin-left: 33.333%; + } - .col-md-offset-7 { - margin-left: 58.333%; - } + .col-md-offset-5 { + margin-left: 41.667%; + } - .col-md-offset-8 { - margin-left: 66.667%; - } + .col-md-offset-6 { + margin-left: 50%; + } - .col-md-offset-9 { - margin-left: 75%; - } + .col-md-offset-7 { + margin-left: 58.333%; + } - .col-md-offset-10 { - margin-left: 83.333%; - } + .col-md-offset-8 { + margin-left: 66.667%; + } - .col-md-offset-11 { - margin-left: 91.667%; - } + .col-md-offset-9 { + margin-left: 75%; + } - .start-md { - -ms-flex-pack: start; - -webkit-box-pack: start; - justify-content: flex-start; - text-align: start; - } + .col-md-offset-10 { + margin-left: 83.333%; + } - .center-md { - -ms-flex-pack: center; - -webkit-box-pack: center; - justify-content: center; - text-align: center; - } + .col-md-offset-11 { + margin-left: 91.667%; + } - .end-md { - -ms-flex-pack: end; - -webkit-box-pack: end; - justify-content: flex-end; - text-align: end; - } + .start-md { + justify-content: flex-start; + text-align: start; + } - .top-md { - -ms-flex-align: start; - -webkit-box-align: start; - align-items: flex-start; - } + .center-md { + justify-content: center; + text-align: center; + } - .middle-md { - -ms-flex-align: center; - -webkit-box-align: center; - align-items: center; - } + .end-md { + justify-content: flex-end; + text-align: end; + } - .bottom-md { - -ms-flex-align: end; - -webkit-box-align: end; - align-items: flex-end; - } + .top-md { + align-items: flex-start; + } - .around-md { - -ms-flex-pack: distribute; - justify-content: space-around; - } + .middle-md { + align-items: center; + } - .between-md { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; - } + .bottom-md { + align-items: flex-end; + } - .first-md { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; - order: -1; - } + .around-md { + justify-content: space-around; + } - .last-md { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; - order: 1; - } + .between-md { + justify-content: space-between; + } + + .first-md { + order: -1; + } + + .last-md { + order: 1; + } } @media only screen and (min-width: 75em) { - .container { - width: 71rem; - } - - .lg-col-table { - display: inherit; - } - - .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 { - box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; - flex: 0 0 auto; - padding-right: 1rem; + .container { + width: 71rem; } - .col-lg { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; - flex-grow: 1; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; - } + .lg-col-table { + display: inherit; + } - .col-lg-1 { - -ms-flex-preferred-size: 8.333%; - flex-basis: 8.333%; - max-width: 8.333%; - } + .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 { + box-sizing: border-box; + flex: 0 0 auto; + padding-right: 1rem; + } - .col-lg-2 { - -ms-flex-preferred-size: 16.667%; - flex-basis: 16.667%; - max-width: 16.667%; - } + .col-lg { + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + } - .col-lg-3 { - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; - } + .col-lg-1 { + flex-basis: 8.333%; + max-width: 8.333%; + } - .col-lg-4 { - -ms-flex-preferred-size: 33.333%; - flex-basis: 33.333%; - max-width: 33.333%; - } + .col-lg-2 { + flex-basis: 16.667%; + max-width: 16.667%; + } - .col-lg-5 { - -ms-flex-preferred-size: 41.667%; - flex-basis: 41.667%; - max-width: 41.667%; - } + .col-lg-3 { + flex-basis: 25%; + max-width: 25%; + } - .col-lg-6 { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; - } + .col-lg-4 { + flex-basis: 33.333%; + max-width: 33.333%; + } - .col-lg-7 { - -ms-flex-preferred-size: 58.333%; - flex-basis: 58.333%; - max-width: 58.333%; - } + .col-lg-5 { + flex-basis: 41.667%; + max-width: 41.667%; + } - .col-lg-8 { - -ms-flex-preferred-size: 66.667%; - flex-basis: 66.667%; - max-width: 66.667%; - } + .col-lg-6 { + flex-basis: 50%; + max-width: 50%; + } - .col-lg-9 { - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - max-width: 75%; - } + .col-lg-7 { + flex-basis: 58.333%; + max-width: 58.333%; + } - .col-lg-10 { - -ms-flex-preferred-size: 83.333%; - flex-basis: 83.333%; - max-width: 83.333%; - } + .col-lg-8 { + flex-basis: 66.667%; + max-width: 66.667%; + } - .col-lg-11 { - -ms-flex-preferred-size: 91.667%; - flex-basis: 91.667%; - max-width: 91.667%; - } + .col-lg-9 { + flex-basis: 75%; + max-width: 75%; + } - .col-lg-12 { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } + .col-lg-10 { + flex-basis: 83.333%; + max-width: 83.333%; + } - .col-lg-offset-1 { - margin-left: 8.333%; - } + .col-lg-11 { + flex-basis: 91.667%; + max-width: 91.667%; + } - .col-lg-offset-2 { - margin-left: 16.667%; - } + .col-lg-12 { + flex-basis: 100%; + max-width: 100%; + } - .col-lg-offset-3 { - margin-left: 25%; - } + .col-lg-offset-1 { + margin-left: 8.333%; + } - .col-lg-offset-4 { - margin-left: 33.333%; - } + .col-lg-offset-2 { + margin-left: 16.667%; + } - .col-lg-offset-5 { - margin-left: 41.667%; - } + .col-lg-offset-3 { + margin-left: 25%; + } - .col-lg-offset-6 { - margin-left: 50%; - } + .col-lg-offset-4 { + margin-left: 33.333%; + } - .col-lg-offset-7 { - margin-left: 58.333%; - } + .col-lg-offset-5 { + margin-left: 41.667%; + } - .col-lg-offset-8 { - margin-left: 66.667%; - } + .col-lg-offset-6 { + margin-left: 50%; + } - .col-lg-offset-9 { - margin-left: 75%; - } + .col-lg-offset-7 { + margin-left: 58.333%; + } - .col-lg-offset-10 { - margin-left: 83.333%; - } + .col-lg-offset-8 { + margin-left: 66.667%; + } - .col-lg-offset-11 { - margin-left: 91.667%; - } + .col-lg-offset-9 { + margin-left: 75%; + } - .start-lg { - -ms-flex-pack: start; - -webkit-box-pack: start; - justify-content: flex-start; - text-align: start; - } + .col-lg-offset-10 { + margin-left: 83.333%; + } - .center-lg { - -ms-flex-pack: center; - -webkit-box-pack: center; - justify-content: center; - text-align: center; - } + .col-lg-offset-11 { + margin-left: 91.667%; + } - .end-lg { - -ms-flex-pack: end; - -webkit-box-pack: end; - justify-content: flex-end; - text-align: end; - } + .start-lg { + justify-content: flex-start; + text-align: start; + } - .top-lg { - -ms-flex-align: start; - -webkit-box-align: start; - align-items: flex-start; - } + .center-lg { + justify-content: center; + text-align: center; + } - .middle-lg { - -ms-flex-align: center; - -webkit-box-align: center; - align-items: center; - } + .end-lg { + justify-content: flex-end; + text-align: end; + } - .bottom-lg { - -ms-flex-align: end; - -webkit-box-align: end; - align-items: flex-end; - } + .top-lg { + align-items: flex-start; + } - .around-lg { - -ms-flex-pack: distribute; - justify-content: space-around; - } + .middle-lg { + align-items: center; + } - .between-lg { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; - } + .bottom-lg { + align-items: flex-end; + } - .first-lg { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; - order: -1; - } + .around-lg { + justify-content: space-around; + } - .last-lg { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; - order: 1; - } + .between-lg { + justify-content: space-between; + } + + .first-lg { + order: -1; + } + + .last-lg { + order: 1; + } } \ No newline at end of file diff --git a/styles.css b/styles.css index 8b9bd14..563efd9 100755 --- a/styles.css +++ b/styles.css @@ -4290,24 +4290,24 @@ button, input[type="submit"], input[type="button"], label.button, a.button { button i, input[type="submit"] i, input[type="button"] i, label.button i, a.button i { margin: 0 .5rem 0 0; } -button.save, .button.save { +button.save, .button.save, input[type="submit"].save { color: rgba(0, 0, 0, 0.75); background: #8fff79; } button.save:hover, button.save:focus, .button.save:hover, .button.save:focus { background: #a1ffa1; } -button.cancel, .button.cancel { +button.cancel, .button.cancel, input[type="submit"].cancel { background: #ee5649; } button.cancel:hover, button.cancel:focus, .button.cancel:hover, .button.cancel:focus { background: #ff7d79; } -button.close, .button.close { +button.close, .button.close, input[type="submit"].close { color: rgba(0, 0, 0, 0.75); background: #fffc3e; } button.close:hover, button.close:focus, .button.close:hover, .button.close:focus { background: #fffd7b; } -button.disabled, .button.disabled { +button.disabled, .button.disabled, input[type="submit"].disabled { color: rgba(0, 0, 0, 0.5); background: #e1e1e1; cursor: not-allowed; }