diff --git a/src/_Blockquote.sass b/src/_Blockquote.sass index 29e5772..1305284 100644 --- a/src/_Blockquote.sass +++ b/src/_Blockquote.sass @@ -3,7 +3,7 @@ // –––––––––––––––––––––––––––––––––––––––––––––––––– blockquote - border-left: 0.3rem solid $color-quaternary + border-left: .3rem solid $color-quaternary margin-left: 0 margin-right: 0 padding: 1rem 1.5rem diff --git a/src/_Button.sass b/src/_Button.sass index 7c1763c..27279f9 100644 --- a/src/_Button.sass +++ b/src/_Button.sass @@ -33,8 +33,8 @@ input[type='submit'] &.button-disabled, &[disabled] - opacity: .5 cursor: default + opacity: .5 &:hover, &:focus @@ -42,33 +42,33 @@ input[type='submit'] border-color: $color-primary &.button-outline - color: $color-primary background-color: transparent + color: $color-primary &:hover, &:focus - color: $color-secondary background-color: transparent border-color: $color-secondary + color: $color-secondary &.button-disabled, &[disabled] &:hover, &:focus - color: $color-primary border-color: inherit + color: $color-primary &.button-clear - color: $color-primary background-color: transparent border-color: transparent + color: $color-primary &:hover, &:focus - color: $color-secondary background-color: transparent border-color: transparent + color: $color-secondary &.button-disabled, &[disabled] diff --git a/src/_Code.sass b/src/_Code.sass index 09e17c2..79cf17b 100644 --- a/src/_Code.sass +++ b/src/_Code.sass @@ -6,8 +6,8 @@ code background: $color-tertiary border-radius: .4rem font-size: 86% - padding: .2rem .5rem margin: 0 .2rem + padding: .2rem .5rem white-space: nowrap pre diff --git a/src/_Form.sass b/src/_Form.sass index 6270d2e..b57ea23 100644 --- a/src/_Form.sass +++ b/src/_Form.sass @@ -25,22 +25,22 @@ select outline: 0 select - padding: 0.6rem 3rem 0.6rem 1rem background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyOSAxNCIgd2lkdGg9IjI5Ij48cGF0aCBmaWxsPSIjZDFkMWQxIiBkPSJNOS40IDMuNmw1IDcgNS4yLTciLz48L3N2Zz4=) center right no-repeat + padding: .6rem 3rem .6rem 1rem &:focus background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyOSAxNCIgd2lkdGg9IjI5Ij48cGF0aCBmaWxsPSIjOWI0ZGNmIiBkPSJNMTkuNiAzLjZIOS40bDUgNyIvPjwvc3ZnPg==) textarea + min-height: 6.5rem padding-bottom: .6rem padding-top: .6rem - min-height: 6.5rem label, legend + display: block font-size: 1.6rem font-weight: 700 - display: block margin-bottom: .5rem fieldset @@ -52,6 +52,6 @@ input[type='radio'] display: inline .label-inline - font-weight: normal display: inline-block + font-weight: normal margin-left: .5rem diff --git a/src/_Grid.sass b/src/_Grid.sass index f46489a..08295a4 100644 --- a/src/_Grid.sass +++ b/src/_Grid.sass @@ -21,21 +21,15 @@ padding: 0 width: 100% + // Larger than mobile screen + @media (min-width: 40.0rem) + flex-direction: row + margin-left: -1.0rem + width: calc(100% + 2.0rem) + &.row-wrap flex-wrap: wrap - &.row-no-padding - padding: 0 - - &> .column - padding: 0 - - // & + .row - // margin-top: -.5rem - // padding-top: 0 - - // Vertically Align Columns - // .row-* vertically aligns every .col in the .row &.row-top align-items: flex-start @@ -51,6 +45,12 @@ &.row-baseline align-items: baseline + &.row-no-padding + padding: 0 + + &> .column + padding: 0 + .column display: block flex: 1 @@ -58,6 +58,10 @@ max-width: 100% width: 100% + @media (min-width: 40.0rem) + margin-bottom: inherit + padding: 0 1.0rem + // .column-* vertically aligns an individual .column .col-top align-self: flex-start @@ -131,7 +135,8 @@ flex: 0 0 60% max-width: 60% - &.column-66, &.column-67 + &.column-66, + &.column-67 flex: 0 0 66.6666% max-width: 66.6666% @@ -146,15 +151,3 @@ &.column-90 flex: 0 0 90% max-width: 90% - -// Larger than mobile screen -@media (min-width: 40.0rem) - - .row - flex-direction: row - margin-left: -1.0rem - width: calc(100% + 2.0rem) - - .column - margin-bottom: inherit - padding: 0 1.0rem