-
-
Save bangpound/e81625efc105b0956f55787167b1ac09 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| diff --git a/kss-config.json b/kss-config.json | |
| index 83baf45..e205c7b 100644 | |
| --- a/kss-config.json | |
| +++ b/kss-config.json | |
| @@ -4,7 +4,7 @@ | |
| "scss" | |
| ], | |
| "title": "Caxy Website Styleguide", | |
| - "styleguide_version": "1.3.3", | |
| + "styleguide_version": "1.4.0", | |
| "hide_pattern_status": false, | |
| "destination": "styleguide", | |
| "builder": "styleguide/caxy-template", | |
| @@ -13,6 +13,7 @@ | |
| "kss-assets/main-dev.css" | |
| ], | |
| "js": [ | |
| + "kss-assets/form-label-shift.js", | |
| "kss-assets/js/mobile-menu.js", | |
| "kss-assets/js/swatch-text.js", | |
| "kss-assets/js/styleguide-display.js" | |
| diff --git a/scss/base/_base.scss b/scss/base/_base.scss | |
| index 6bc5752..bf0425e 100644 | |
| --- a/scss/base/_base.scss | |
| +++ b/scss/base/_base.scss | |
| @@ -22,7 +22,12 @@ hr { | |
| margin: $spacing-outer 0; | |
| } | |
| +img { | |
| + max-width: 100%; | |
| + margin: auto; | |
| +} | |
| + | |
| abbr, | |
| abbr[title]{ | |
| text-decoration: none; | |
| -} | |
| \ No newline at end of file | |
| +} | |
| diff --git a/scss/base/_buttons.scss b/scss/base/_buttons.scss | |
| index dfae883..fa2b3e2 100644 | |
| --- a/scss/base/_buttons.scss | |
| +++ b/scss/base/_buttons.scss | |
| @@ -23,51 +23,63 @@ | |
| %button { | |
| - background: $button-background; | |
| - color: $button-font-color; | |
| - padding: $spacing-inner/2 $spacing-inner*2.5; | |
| - font-size: $font-size-button; | |
| - cursor: pointer; | |
| - display: inline-block; | |
| - border-radius: $border-radius-secondary; | |
| - box-shadow: 0 6px darken($button-background, 20%); | |
| - position: relative; | |
| - border: inherit; | |
| - text-transform: uppercase; | |
| - font-family: $button-font-primary; | |
| - font-size: 0.75rem; | |
| - font-weight: $font-weight-normal; | |
| - letter-spacing: 1px; | |
| - | |
| - &:hover, | |
| - &:focus { | |
| - top: 2px; | |
| - box-shadow: 0 4px darken($button-background, 20%); | |
| - outline: none; | |
| - color: $button-font-color; | |
| - background: $button-background; | |
| - border-width: 0 0 4px 0; | |
| - } | |
| + background: $button-background; | |
| + color: $button-font-color; | |
| + padding: $spacing-inner*.75 $spacing-inner*2.5; | |
| + font-size: $font-size-button; | |
| + cursor: pointer; | |
| + display: inline-block; | |
| + border-radius: $border-radius-secondary; | |
| + box-shadow: 0 6px darken($button-background, 20%); | |
| + position: relative; | |
| + border: inherit; | |
| + text-transform: uppercase; | |
| + font-family: $button-font-primary; | |
| + font-size: 0.75rem; | |
| + font-weight: $font-weight-normal; | |
| + letter-spacing: 1px; | |
| + | |
| + &:hover, | |
| + &:focus { | |
| + top: 2px; | |
| + box-shadow: 0 4px darken($button-background, 20%); | |
| + outline: none; | |
| + color: $button-font-color; | |
| + background: $button-background; | |
| + border-width: 0 0 4px 0; | |
| + } | |
| + | |
| + &:active { | |
| + top: 6px; | |
| + box-shadow: 0 0 darken($button-background, 20%); | |
| + border-width: 0 0 0 0; | |
| + } | |
| } | |
| button, | |
| .button, | |
| .button--primary { | |
| - @extend %button; | |
| + @extend %button; | |
| } | |
| .button--primary { | |
| - color: $button-primary-font-color; | |
| - background: $button-primary-background; | |
| - box-shadow: 0 6px darken($button-primary-background, 20%); | |
| + color: $button-primary-font-color; | |
| + background: $button-primary-background; | |
| + box-shadow: 0 6px darken($button-primary-background, 20%); | |
| - &:hover, | |
| - &:focus { | |
| - background: $button-primary-background; | |
| - box-shadow: 0 4px darken($button-primary-background, 20%); | |
| - } | |
| + &:hover, | |
| + &:focus { | |
| + background: $button-primary-background; | |
| + box-shadow: 0 4px darken($button-primary-background, 20%); | |
| + } | |
| + | |
| + &:active { | |
| + top: 6px; | |
| + box-shadow: 0 0 darken($button-primary-background, 20%); | |
| + border-width: 0 0 0 0; | |
| + } | |
| } | |
| @@ -101,52 +113,52 @@ button, | |
| .has-buttons { | |
| - margin: $spacing-outer 0; | |
| - display: block; | |
| - font-size: 0; // eliminates extra space between child inline-block elements. | |
| - @extend .clearfix; | |
| + margin: $spacing-outer 0; | |
| + display: block; | |
| + font-size: 0; // eliminates extra space between child inline-block elements. | |
| + @extend .clearfix; | |
| - @media screen and (min-width: 0) and (max-width: $screen-small) { | |
| + @media screen and (min-width: 0) and (max-width: $screen-small) { | |
| - %button { | |
| + %button { | |
| - float: left; | |
| - clear: left; | |
| + float: left; | |
| + clear: left; | |
| - & + %button { | |
| - margin: $spacing-inner 0 0; | |
| - } | |
| + & + %button { | |
| + margin: $spacing-inner 0 0; | |
| + } | |
| - } | |
| - } | |
| + } | |
| + } | |
| - @media screen and (min-width: $screen-small) { | |
| + @media screen and (min-width: $screen-small) { | |
| - %button { | |
| + %button { | |
| - & + %button { | |
| - margin: 0 0 0 $spacing-inner; | |
| - } | |
| + & + %button { | |
| + margin: 0 0 0 $spacing-inner; | |
| + } | |
| - } | |
| + } | |
| - &.right { | |
| - text-align: right; | |
| - } | |
| + &.right { | |
| + text-align: right; | |
| + } | |
| - &.stacked { | |
| + &.stacked { | |
| - %button { | |
| + %button { | |
| - float: left; | |
| - clear: left; | |
| + float: left; | |
| + clear: left; | |
| - & + %button { | |
| - margin: $spacing-inner 0 0; | |
| - } | |
| + & + %button { | |
| + margin: $spacing-inner 0 0; | |
| + } | |
| - } | |
| - } | |
| - } | |
| + } | |
| + } | |
| + } | |
| } | |
| \ No newline at end of file | |
| diff --git a/scss/base/_form-elements.scss b/scss/base/_form-elements.scss | |
| index 49d01ee..4072772 100644 | |
| --- a/scss/base/_form-elements.scss | |
| +++ b/scss/base/_form-elements.scss | |
| @@ -1,29 +1,7 @@ | |
| -/* | |
| -Forms and Form Elements | |
| -Styleguide 3 | |
| -*/ | |
| - | |
| - | |
| - | |
| - | |
| - | |
| -/* | |
| -Form Elements | |
| - | |
| -Styleguide 3.1 | |
| -*/ | |
| - | |
| -label { | |
| - max-width: 50rem; | |
| - display: block; | |
| -} | |
| - | |
| - | |
| - | |
| -// Form Fields | |
| +// Form Fields and Buttons | |
| // | |
| -// Form fields will fill their containers 100% unless the sepcific | |
| +// Form fields will fill their containers 100% unless the specific | |
| // situation dictates otherwise. This is to mainly aid in a mobile-first approach. | |
| // | |
| // All form fields should be wrapped inside of their respective label | |
| @@ -33,23 +11,26 @@ label { | |
| // - This provides a baked-in element that can be leveraged for positioning and spacing alongside the input itself, which can be very valuable | |
| // - A feedback class (error, alert, success, etc) applied to the label element will be inherited by all content, which leads to less markup | |
| // | |
| -// Styleguide 3.1.2.0 | |
| +// All form fields can be made half width with the application of the `.field--half` class. This does apply a float, however. To provide the | |
| +// most flexibility in using this feature, if a form field is intended to be half width but also clear its siblings, the `.clearfix` utility class | |
| +// should be applied. Full width fields will clear half-width fields without this class. | |
| +// | |
| +// Styleguide 3 | |
| %form-field { | |
| - background: $form-input-background; | |
| - box-sizing: border-box; | |
| - border: $border-width-primary solid $panel-background-primary; | |
| - padding: $spacing-inner/2 $spacing-inner; | |
| - border-radius: 5px; | |
| - | |
| - &:focus { | |
| - border-color: $border-color-primary; | |
| - } | |
| -} | |
| - | |
| -%form-element-spacing { | |
| - margin: $spacing-outer 0; | |
| + background: $background-color-alt-secondary; | |
| + box-sizing: border-box; | |
| + border: $border-width-primary solid $border-color-primary; | |
| + padding: $spacing-inner $spacing-inner*.75 $spacing-inner/2; | |
| + border-radius: $border-radius-secondary; | |
| + position: relative; | |
| + font-size: $font-size-secondary; | |
| + max-width: 100%; | |
| + | |
| + &:focus { | |
| + border-color: darken($border-color-primary, 10%); | |
| + } | |
| } | |
| input[type="tel"], | |
| @@ -60,8 +41,8 @@ input[type="email"], | |
| input[type="search"], | |
| input[type="password"], | |
| textarea, | |
| -.form-select-wrapper { | |
| - @extend %form-field; | |
| +.field__select-wrapper { | |
| + @extend %form-field; | |
| } | |
| input[type="tel"], | |
| @@ -75,58 +56,101 @@ input[type="file"], | |
| textarea, | |
| select { | |
| - display: block; | |
| - position: relative; | |
| - width: 100%; | |
| + display: block; | |
| + position: relative; | |
| + width: 100%; | |
| - &:focus { | |
| - outline: none; | |
| - } | |
| + &:focus { | |
| + outline: none; | |
| + } | |
| } | |
| -.field-title { | |
| - display: block; | |
| - line-height: $line-height-primary; | |
| - margin: 0 0 $spacing-inner/2; | |
| + | |
| + | |
| + | |
| + | |
| +.field { | |
| + | |
| + margin: $spacing-inner 0; | |
| + width: 100%; | |
| + display: block; | |
| + text-align: left; | |
| + max-width: $max-copy-width; | |
| + | |
| + @media (min-width: $screen-medium) { | |
| + &.field--half { | |
| + | |
| + width: 50%; | |
| + padding: 0 $spacing-inner/2 0 0; | |
| + | |
| + &.align-right { | |
| + padding-right: 0; | |
| + padding-left: $spacing-inner/2; | |
| + float: right; | |
| + } | |
| + &.align-left { | |
| + float: left; | |
| + } | |
| + } | |
| + } | |
| +} | |
| + | |
| +.field__title { | |
| + font-size: $font-size-secondary; | |
| + color: $font-color-secondary; | |
| + display: block; | |
| + margin-bottom: $spacing-inner/2; | |
| +} | |
| + | |
| +.field__description { | |
| + font-size: $font-size-tertiary; | |
| } | |
| // Text Inputs | |
| // | |
| -// :focus - focus state | |
| -// | |
| // Markup: | |
| -// <label for="styleguide-text-input-1" class="form-textfield"> | |
| -// <span id="input-title-1" class="field-title">Input Title</span> | |
| -// <input id="styleguide-text-input-1" class="{{modifier_class}}" name="styleguide-text-input-1" aria-labelledby="input-title-1" type="text" title="Input Title" value="" /> | |
| +// <label for="styleguide-text-input-1" class="field-text"> | |
| +// <span id="input-title-1" class="field__title">Input Title</span> | |
| +// <input id="styleguide-text-input-1" name="styleguide-text-input-1" aria-labelledby="input-title-1" type="text" title="Input Title" value="" /> | |
| // </label> | |
| // | |
| // PatternType: atom | |
| // | |
| -// Styleguide 3.1.2.1 | |
| +// Styleguide 3.1 | |
| -.form-textfield { | |
| +.field-text { | |
| - position: relative; | |
| - z-index: 1; | |
| - min-width: 25rem; | |
| - @extend %form-element-spacing; | |
| - //margin: $spacing-outer/2 0; // because element is inline-block, margins won't collapse. | |
| + @extend .field; | |
| + position: relative; | |
| + z-index: 1; | |
| - input, | |
| - textarea { | |
| - width: 100%; | |
| - position: relative; | |
| - z-index: 3; | |
| - display: inline-block; | |
| - } | |
| + input, | |
| + textarea { | |
| + position: relative; | |
| + z-index: 3; | |
| + display: inline-block; | |
| + } | |
| - .field-title { | |
| - font-style: italic; | |
| - font-weight: $font-weight-semibold; | |
| - } | |
| + &:focus { | |
| + border-color: darken($border-color-primary, 5%); | |
| + } | |
| + | |
| + .field__title { | |
| + position: absolute; | |
| + z-index: 4; | |
| + top: $spacing-inner/2; | |
| + left: $spacing-inner*.75; | |
| + } | |
| + | |
| + // On focus, move the title up to the top of the input | |
| + &:focus .field__title, | |
| + &.has-value .field__title { | |
| + top: 0.25rem; | |
| + font-size: $font-size-tertiary; | |
| + } | |
| } | |
| @@ -135,19 +159,19 @@ select { | |
| // Text Areas | |
| // | |
| // Markup: | |
| -// <label for="styleguide-textarea" class="form-textfield"> | |
| -// <span id="input-title-2" class="field-title">Input Title</span> | |
| +// <label for="styleguide-textarea" class="field-text"> | |
| +// <span id="input-title-2" class="field__title">Input Title</span> | |
| // <textarea id="styleguide-textarea" name="styleguide-textarea" aria-labelledby="input-title-2" title="Input Title" value=""></textarea> | |
| // </label> | |
| // | |
| // PatternType: atom | |
| // | |
| -// Styleguide 3.1.2.2 | |
| +// Styleguide 3.2 | |
| textarea { | |
| - height: 12rem; | |
| - resize: vertical; | |
| - line-height: $line-height-primary; | |
| + height: 12rem; | |
| + resize: vertical; | |
| + line-height: $line-height-primary; | |
| } | |
| @@ -155,11 +179,11 @@ textarea { | |
| // Select Menus | |
| // | |
| // Markup: | |
| -// <label class="form-select" for="styleguide-select"> | |
| -// <span id="select-title" class="field-title">Select Title</span> | |
| -// <div class="form-select-wrapper"> | |
| +// <label class="field-select" for="styleguide-select"> | |
| +// <span id="select-title" class="field__title">Select Title</span> | |
| +// <div class="field__select-wrapper"> | |
| // <select id="styleguide-select" name="styleguide-select" aria-labelledby="select-title"> | |
| -// <option>Select a Value</option> | |
| +// <option selected>Select a Value</option> | |
| // <option value="val1">Option 1</option> | |
| // <option value="val2">Option 2</option> | |
| // <option value="val3">Option 3</option> | |
| @@ -169,46 +193,69 @@ textarea { | |
| // | |
| // PatternType: atom | |
| // | |
| -// Styleguide 3.1.2.3 | |
| - | |
| -.form-select { | |
| - | |
| - @extend %form-element-spacing; | |
| - | |
| - .field-title { | |
| - font-style: italic; | |
| - font-weight: $font-weight-semibold; | |
| - } | |
| - | |
| - .description { | |
| - @include clearfix(); | |
| - } | |
| - | |
| - .form-select-wrapper { | |
| - | |
| - position: relative; | |
| - box-sizing: border-box; | |
| - z-index: 1; | |
| - display: inline-block; | |
| - background: $panel-background-primary; | |
| - padding: 0; | |
| - overflow: hidden; | |
| - | |
| - select { | |
| - -webkit-appearance: none; // to remove glossiness on Safari | |
| - padding: $spacing-inner/3 $spacing-inner; | |
| - display: block; | |
| - min-width: 98%; | |
| - min-height: 98%; | |
| - border: none; | |
| - background: none; | |
| - border: $border-width-primary solid $panel-background-primary; | |
| - &:focus { | |
| - border-color: $border-color-primary; | |
| - background: $panel-background-primary; | |
| - } | |
| - } | |
| - } | |
| +// Styleguide 3.3 | |
| + | |
| +.field-select { | |
| + | |
| + @extend .field; | |
| + | |
| + .field__description { | |
| + @include clearfix(); | |
| + } | |
| + | |
| + .field__select-wrapper { | |
| + | |
| + position: relative; | |
| + box-sizing: border-box; | |
| + z-index: 1; | |
| + display: block; | |
| + padding: 0 $spacing-inner*1.5 0 0; | |
| + overflow: hidden; | |
| + border: 1px solid $border-color-primary; | |
| + height: 55px; | |
| + | |
| + select { | |
| + | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| + -webkit-appearance: none; // to remove glossiness on Safari | |
| + display: block; | |
| + background: none; | |
| + width: calc(100% + 2rem); | |
| + z-index: 5; | |
| + border: none; | |
| + font-size: $font-size-secondary; | |
| + color: $font-color-secondary; | |
| + border-radius: $border-radius-primary; | |
| + padding-left: $spacing-inner; | |
| + height: 55px; | |
| + | |
| + option { | |
| + display: block; | |
| + white-space: pre; | |
| + font-size: $font-size-secondary; | |
| + padding: $spacing-inner/2 $spacing-inner; | |
| + } | |
| + | |
| + &:focus { | |
| + border-color: $border-color-primary; | |
| + } | |
| + } | |
| + | |
| + &::after { | |
| + display: block; | |
| + width: 0.75rem; | |
| + height: 1rem; | |
| + font-family: $font-family-icon; | |
| + font-size: $font-size-primary*1.25; | |
| + color: $font-color-link; | |
| + content: "\f0d7"; | |
| + position: absolute; | |
| + right: $spacing-inner/2; | |
| + top: $spacing-inner/2; | |
| + } | |
| + } | |
| } | |
| @@ -218,98 +265,95 @@ textarea { | |
| // Checkboxes | |
| // | |
| // Markup: | |
| -// <label class="form-checkbox" for="styleguide-checkbox"> | |
| +// <label class="field-checkbox" for="styleguide-checkbox"> | |
| // <input type="checkbox" id="styleguide-checkbox" name="styleguide-checkbox" aria-labelledby="checkbox1" value="val" /> | |
| // <i role="presentation"></i> | |
| -// <span id="checkbox1" class="field-title">Value</span> | |
| +// <span id="checkbox1" class="field__title">Value</span> | |
| // </label><br /> | |
| -// <label class="form-checkbox" for="styleguide-checkbox-2"> | |
| +// <label class="field-checkbox" for="styleguide-checkbox-2"> | |
| // <input type="checkbox" id="styleguide-checkbox-2" name="styleguide-checkbox-2" aria-labelledby="checkbox2" aria-describedby="checkbox2desc" value="val" /> | |
| // <i role="presentation"></i> | |
| -// <span id="checkbox2" class="field-title">Value</span> | |
| +// <span id="checkbox2" class="field__title">Value</span> | |
| // <small id="checkbox2desc">A description for this checkbox.</small> | |
| // </label> | |
| // | |
| // PatternType: atom | |
| // | |
| -// Styleguide 3.1.2.4 | |
| +// Styleguide 3.4 | |
| -.form-checkbox, | |
| -.form-radio { | |
| +.field-checkbox, | |
| +.field-radio { | |
| - padding: $spacing-inner/2 $spacing-inner $spacing-inner/2 $spacing-inner; | |
| - position: relative; | |
| - cursor: pointer; | |
| - display: inline-block; | |
| + @extend .field; | |
| - input { | |
| + padding: $spacing-inner/2 $spacing-inner $spacing-inner/2 $spacing-inner; | |
| + position: relative; | |
| + cursor: pointer; | |
| + display: block; | |
| - // The following is needed instead of display:none to allow for tabbed | |
| - // navigation to not skip over these elements. | |
| - opacity: 0; | |
| - height: 0; | |
| - width: 0; | |
| - position: absolute; | |
| + input { | |
| - & + i::after { | |
| - position: absolute; | |
| - top: 1rem; | |
| - left: 0; | |
| - font-family: $font-family-icon; | |
| - display: block; | |
| - font-style: normal; | |
| - color: $selector-color-unchecked; | |
| - } | |
| + // The following is needed instead of display:none to allow for tabbed | |
| + // navigation to not skip over these elements. | |
| + opacity: 0; | |
| + height: 0; | |
| + width: 0; | |
| + position: absolute; | |
| - &:focus ~ .field-title { | |
| - outline: 1px dotted #000; | |
| - } | |
| + & + i::after { | |
| + position: absolute; | |
| + top: $spacing-inner/2; | |
| + left: 0; | |
| + font-family: $font-family-icon; | |
| + display: block; | |
| + font-style: normal; | |
| + color: $selector-color-unchecked; | |
| + } | |
| - &:checked + i::after { | |
| - color: $selector-color-checked; | |
| - } | |
| + &:focus ~ .field__title { | |
| + outline: 1px dotted #000; | |
| + } | |
| - } | |
| + &:checked + i::after { | |
| + color: $selector-color-checked; | |
| + } | |
| - .field-title { | |
| - padding: 0 1rem 0 0; | |
| - line-height: $line-height-primary; | |
| - margin-bottom: 0; | |
| - } | |
| + } | |
| + | |
| + .field__title { | |
| + padding: 0 $spacing-inner/2 0 0; | |
| + margin-bottom: 0; | |
| + } | |
| } | |
| -.form-checkbox { | |
| - | |
| - input { | |
| - | |
| - & + i::after { | |
| - content: "\f096"; | |
| - } | |
| - | |
| - &:checked + i::after { | |
| - content: "\f14a"; | |
| - font-size: 0.95rem; | |
| - } | |
| - } | |
| - .field-title { | |
| - font-style: italic; | |
| - font-weight: $font-weight-semibold; | |
| - } | |
| +.field-checkbox { | |
| + | |
| + input { | |
| + | |
| + & + i::after { | |
| + content: "\f096"; | |
| + } | |
| + | |
| + &:checked + i::after { | |
| + content: "\f14a"; | |
| + font-size: 0.95rem; | |
| + } | |
| + } | |
| } | |
| -.form-radio { | |
| - | |
| - input { | |
| - | |
| - & + i::after { | |
| - content: "\f1db"; | |
| - } | |
| - | |
| - &:checked + i::after { | |
| - content: "\f111"; | |
| - } | |
| - } | |
| +.field-radio { | |
| + | |
| + input { | |
| + | |
| + & + i::after { | |
| + content: "\f1db"; | |
| + } | |
| + | |
| + &:checked + i::after { | |
| + content: "\f111"; | |
| + } | |
| + } | |
| } | |
| @@ -327,7 +371,7 @@ textarea { | |
| // | |
| // PatternType: atom | |
| // | |
| -// Styleguide 3.1.2.5 | |
| +// Styleguide 3.5 | |
| @@ -336,17 +380,15 @@ textarea { | |
| // File Upload Fields | |
| // | |
| // Markup: | |
| -// <label class="form-textfield" for="edit-file--2"> | |
| -// <span class="field-title" id="edit-file--2--label">File</span> | |
| -// <input type="file" aria-labelledby="edit-file--2--label" class="form-file" size="60" name="files[file]" id="edit-file--2" aria-describedby="edit-file--2--description"> | |
| -// <small class="description" id="edit-file--2--description"> | |
| +// <label class="field-file" for="edit-file--2"> | |
| +// <span class="field__title" id="edit-file--2--label">File</span> | |
| +// <input type="file" aria-labelledby="edit-file--2--label" class="field-file" size="60" name="files[file]" id="edit-file--2" aria-describedby="edit-file--2--description"> | |
| +// <small class="field__description" id="edit-file--2--description"> | |
| // Information about the field, like what file types are selected. | |
| // </small> | |
| // </label> | |
| // | |
| -// Styleguide 3.1.3 | |
| - | |
| - | |
| +// __Styleguide 3.3 | |
| @@ -357,73 +399,74 @@ textarea { | |
| // | |
| // PatternType: molecule | |
| // | |
| -// Styleguide 3.1.4 | |
| +// Styleguide 3.5 | |
| // Fieldsets have some weird padding values that are impossible to override, so a negative left | |
| // margin is sadly necessary. | |
| fieldset { | |
| - | |
| - @extend %form-element-spacing; | |
| - margin: $spacing-inner 0; | |
| - position: relative; | |
| - min-width: 0; | |
| - width: 100%; | |
| - border: none; | |
| - padding: 0; | |
| - | |
| - legend { | |
| - padding-top: 1em; | |
| - display: table; | |
| - font-style: italic; | |
| - font-weight: $font-weight-semibold; | |
| - font-size: $font-size-primary*1.125; | |
| - &::after { | |
| - content: ":"; | |
| - } | |
| - } | |
| - | |
| - .description { | |
| - @include clearfix(); | |
| - display: block; | |
| - } | |
| - | |
| - & > .form-textfield, | |
| - & > .form-select { | |
| - display: block; | |
| - } | |
| - | |
| - &.has-checkboxes, | |
| - &.has-radios { | |
| - | |
| - legend { | |
| - font-size: $font-size-primary; | |
| - &::after { | |
| - content: ""; | |
| - } | |
| - } | |
| - | |
| - .form-checkbox, | |
| - .form-radio { | |
| - float: left; | |
| - clear: left; | |
| - margin: 0; | |
| - } | |
| - | |
| - &.has-inline-fields { | |
| - .form-checkbox, | |
| - .form-radio { | |
| - width: 50%; | |
| - clear: none; | |
| - } | |
| - } | |
| - | |
| - .form-checkbox .field-title { | |
| - font-weight: $font-weight-normal; | |
| - font-style: normal; | |
| - } | |
| - | |
| - } | |
| + | |
| + margin: $spacing-inner 0; | |
| + position: relative; | |
| + min-width: 0; | |
| + width: 100%; | |
| + border: none; | |
| + padding: 0; | |
| + | |
| + legend { | |
| + | |
| + padding: 1em 0 0 0; | |
| + display: table; | |
| + text-align: left; | |
| + font-size: $font-size-primary; | |
| + font-weight: $font-weight-normal; | |
| + | |
| + &::after { | |
| + content: ":"; | |
| + } | |
| + } | |
| + | |
| + .field__description { | |
| + @include clearfix(); | |
| + display: block; | |
| + } | |
| + | |
| + & > .field-text, | |
| + & > .field-select { | |
| + display: block; | |
| + } | |
| + | |
| + &.has-checkboxes, | |
| + &.has-radios { | |
| + | |
| + legend { | |
| + font-size: $font-size-primary; | |
| + &::after { | |
| + content: ""; | |
| + } | |
| + } | |
| + | |
| + .field-checkbox, | |
| + .field-radio { | |
| + float: left; | |
| + clear: both; | |
| + margin: 0; | |
| + } | |
| + | |
| + &.has-inline-fields { | |
| + .field-checkbox, | |
| + .field-radio { | |
| + width: 50%; | |
| + clear: none; | |
| + } | |
| + } | |
| + | |
| + .field-checkbox .field__title { | |
| + font-weight: $font-weight-normal; | |
| + font-style: normal; | |
| + } | |
| + | |
| + } | |
| } | |
| @@ -432,50 +475,51 @@ fieldset { | |
| // Form Validation | |
| // | |
| // Markup: | |
| -// <label for="validation-input-1" class="form-textfield has-feedback error"> | |
| -// <span id="validation-title-1" class="field-title">Input In Error/Invalid State</span> | |
| +// <label for="validation-input-1" class="field-text has-feedback error"> | |
| +// <span id="validation-title-1" class="field__title">Input In Error/Invalid State</span> | |
| // <input id="validation-input-1" class="{{modifier_class}}" name="validation-input-1" aria-labelledby="validation-title-1" type="text" title="Input Title" value="" /> | |
| -// <small class="feedback-message">Clear information about how to enter a valid value.</small> | |
| -// <small>Description of what's expected in this field.</small> | |
| +// <span class="feedback-message">Clear information about how to enter a valid value.</span> | |
| +// <span class="field__description">Description of what's expected in this field.</span> | |
| // </label> | |
| // | |
| -// Styleguide 3.5 | |
| +// Styleguide 3.6 | |
| // Required Fields | |
| // | |
| // Markup: | |
| -// <label class="form-textfield required" for="validation-text" id="validation-text--label"> | |
| -// <span class="field-title">Subject <abbr title="required">*</abbr></span> | |
| -// <input type="text" aria-describedby="validation-text--title" aria-labelledby="validation-text--label" aria-required="true" required="required" id="validation-text" > | |
| +// <label class="field-text required" for="validation-text" id="validation-text--label"> | |
| +// <span class="field__title">Subject <abbr title="required">*</abbr></span> | |
| +// <input type="text" aria-describedby="validation-text--title" aria-labelledby="validation-text--label" aria-required="true" required="required" id="validation-text" > | |
| // </label> | |
| // | |
| -// Styleguide 3.5.1 | |
| +// Styleguide 3.6.1 | |
| abbr[title='required'] { | |
| - font-size: $font-size-tertiary; | |
| - color: $form-color-error; | |
| - text-decoration: none; | |
| + font-size: $font-size-tertiary; | |
| + color: $form-color-error; | |
| + text-decoration: none; | |
| } | |
| .has-feedback.error { | |
| - & > input, | |
| - & > textarea { | |
| - border-color: $form-color-error; | |
| - } | |
| - & > .feedback-message { | |
| - color: $form-color-error; | |
| - } | |
| + & > input, | |
| + & > textarea { | |
| + border-color: $form-color-error; | |
| + } | |
| + & > .feedback-message { | |
| + color: $form-color-error; | |
| + } | |
| } | |
| label .feedback-message { | |
| - visibility: hidden; | |
| + visibility: hidden; | |
| + font-size: $font-size-tertiary; | |
| } | |
| .has-feedback { | |
| & > .feedback-message { | |
| - visibility: visible; | |
| + visibility: visible; | |
| } | |
| } | |
| @@ -492,39 +536,44 @@ label .feedback-message { | |
| // | |
| // Markup: form-feedback.html | |
| // | |
| -// Styleguide 3.6.2 | |
| +// __Styleguide 3.7 | |
| .panel.feedback-message { | |
| - $icon-width: 3.25rem; | |
| - | |
| - color: #fff; | |
| - border: none; | |
| - position: relative; | |
| - margin-top: 0; | |
| - | |
| - &::before { | |
| - font-family: $font-family-icon; | |
| - content: "\f06a"; | |
| - font-size: $icon-width; | |
| - font-style: normal; | |
| - display: block; | |
| - width: $icon-width; | |
| - height: $icon-width; | |
| - margin: 0 auto; | |
| - } | |
| - | |
| - &.error { | |
| - background: $form-color-error-background; | |
| - a { | |
| - color: #fff; | |
| - } | |
| - } | |
| - &.warning, | |
| - &.status { | |
| - background: $form-color-status-background; | |
| - } | |
| - &.success { | |
| - background: $form-color-success-background; | |
| - } | |
| + & > * { | |
| + text-align: left; | |
| + margin: $spacing-inner 0 0; | |
| + } | |
| + | |
| + .feedback-message__title { | |
| + | |
| + @include title-4; | |
| + | |
| + margin: 0; | |
| + display: block; | |
| + | |
| + & + * { | |
| + margin-top: 0; | |
| + } | |
| + | |
| + } | |
| + | |
| + &.error { | |
| + &, | |
| + .feedback-message__title { | |
| + color: $form-color-error-background; | |
| + } | |
| + } | |
| + &.alert { | |
| + &, | |
| + .feedback-message__title { | |
| + color: $form-color-status-background; | |
| + } | |
| + } | |
| + &.success { | |
| + &, | |
| + .feedback-message__title { | |
| + color: $form-color-success-background; | |
| + } | |
| + } | |
| } | |
| \ No newline at end of file | |
| diff --git a/scss/base/_typography.scss b/scss/base/_typography.scss | |
| index d1e85d9..9bdfc56 100644 | |
| --- a/scss/base/_typography.scss | |
| +++ b/scss/base/_typography.scss | |
| @@ -53,7 +53,7 @@ Styleguide 2 | |
| } | |
| -.title-1 { | |
| +@mixin title-1() { | |
| @extend %titles; | |
| $font-size: 4.5rem; | |
| @@ -62,8 +62,18 @@ Styleguide 2 | |
| & + .subheading { | |
| font-size: $font-size * 0.75; | |
| } | |
| + | |
| + @media (max-width: $screen-medium) { | |
| + | |
| + $font-size: 3rem; | |
| + font-size: $font-size; | |
| + | |
| + & + .subheading { | |
| + font-size: $font-size * 0.75; | |
| + } | |
| + } | |
| } | |
| -.title-2 { | |
| +@mixin title-2() { | |
| @extend %titles; | |
| $font-size: 2.5rem; | |
| @@ -73,29 +83,48 @@ Styleguide 2 | |
| font-size: $font-size * 0.75; | |
| } | |
| } | |
| -.title-3 { | |
| +@mixin title-3() { | |
| @extend %titles; | |
| - $font-size: 2rem; | |
| + $font-size: 2.25rem; | |
| font-size: $font-size; | |
| } | |
| -.title-4 { | |
| +@mixin title-4() { | |
| @extend %titles; | |
| - $font-size: 1.5rem; | |
| + $font-size: 1.75rem; | |
| font-size: $font-size; | |
| line-height: inherit; | |
| } | |
| -.title-5 { | |
| +@mixin title-5() { | |
| @extend %titles; | |
| $font-size: 1.2rem; | |
| font-size: $font-size; | |
| font-weight: $font-weight-semibold; | |
| } | |
| -.title-6 { | |
| +@mixin title-6() { | |
| @extend %titles; | |
| font-size: 1rem; | |
| font-weight: $font-weight-semibold; | |
| } | |
| +.title-1 { | |
| + @include title-1; | |
| +} | |
| +.title-2 { | |
| + @include title-2; | |
| +} | |
| +.title-3 { | |
| + @include title-3; | |
| +} | |
| +.title-4 { | |
| + @include title-4; | |
| +} | |
| +.title-5 { | |
| + @include title-5; | |
| +} | |
| +.title-6 { | |
| + @include title-6; | |
| +} | |
| + | |
| h1 { | |
| @extend .title-1; | |
| } | |
| diff --git a/scss/components/_containers.scss b/scss/components/_containers.scss | |
| index b7b06e8..281bbc0 100644 | |
| --- a/scss/components/_containers.scss | |
| +++ b/scss/components/_containers.scss | |
| @@ -70,14 +70,13 @@ header { | |
| // from the main flow of copy on a page, to either highlight content | |
| // or direct a user towards areas to learn more via a CTA. | |
| // | |
| -// Ideally there should not be more than 2-3 panels per page, since | |
| -// their point is to highlight content, and if everything is | |
| -// highlighted, nothing is. | |
| -// | |
| // .panel--light - A panel with a lighter background. | |
| // .panel--no-margin - A panel with no top OR bottom margin | |
| // .panel--no-margin--top - A panel with no top margin | |
| // .panel--no-margin--bottom - A panel with no bottom margin | |
| +// .panel--flush - A panel with no top OR bottom interior spacing | |
| +// .panel--flush--top - A panel with no top interior spacing | |
| +// .panel--flush--bottom - A panel with no bottom interior spacing | |
| // | |
| // PatternType: organism | |
| // | |
| @@ -91,63 +90,86 @@ header { | |
| .panel { | |
| - @include container; | |
| - z-index: 2; | |
| - color: $panel-font-color; | |
| - list-style-type: none; | |
| - text-align: center; | |
| - font-family: $font-family-secondary; | |
| - padding: $spacing-inner*2; | |
| - margin: $spacing-outer*2 auto; | |
| + @include container; | |
| + z-index: 2; | |
| + color: $panel-font-color; | |
| + list-style-type: none; | |
| + text-align: center; | |
| + font-family: $font-family-secondary; | |
| + padding: $spacing-inner*2; | |
| + margin: $spacing-outer*2 auto; | |
| + | |
| + & > p { | |
| + font-size: 1.25rem; | |
| + line-height: 1.866rem; | |
| + } | |
| - & > p { | |
| - font-size: 1.25rem; | |
| - line-height: 1.866rem; | |
| - } | |
| + p, | |
| + ul, | |
| + ol { | |
| + margin: $spacing-inner auto; | |
| + padding-left: 0; | |
| + padding-right: 0; | |
| + } | |
| - p, | |
| - ul, | |
| - img, | |
| - li { | |
| - margin: $spacing-inner auto; | |
| - padding-left: 0; | |
| - padding-right: 0; | |
| - } | |
| + .panel__form { | |
| + display: block; | |
| + max-width: $max-width - 25rem; | |
| + margin: 0 auto; | |
| + padding-top: 0; | |
| + } | |
| - %form-field { | |
| - background: lighten($panel-background-primary, 5%); | |
| + .panel__image { | |
| + &, | |
| + & img { | |
| + display: inline-block; | |
| + vertical-align: bottom; | |
| } | |
| + } | |
| - & > *:first-child { | |
| - margin-top: 0; | |
| - } | |
| + & > *:first-child { | |
| + margin-top: 0; | |
| + } | |
| - & > *:last-child, | |
| - .field--name-body > *:last-child { | |
| - margin-bottom: 0; | |
| - } | |
| + & > *:last-child, | |
| + .field--name-body > *:last-child { | |
| + margin-bottom: 0; | |
| + } | |
| - &:not(.panel--fullbleed) { | |
| - @include width-capped(); | |
| - border-radius: $border-radius-primary; | |
| - } | |
| + &:not(.panel--fullbleed) { | |
| + @include width-capped(); | |
| + border-radius: $border-radius-primary; | |
| + } | |
| - &.panel--light { | |
| - background: $panel-background-secondary; | |
| - } | |
| + &.panel--light { | |
| + background: $panel-background-secondary; | |
| + } | |
| - &.panel--no-margin { | |
| - margin-top: 0; | |
| - margin-bottom: 0; | |
| - } | |
| + &.panel--no-margin { | |
| + margin-top: 0; | |
| + margin-bottom: 0; | |
| + } | |
| - &.panel--no-margin--top { | |
| - margin-top: 0; | |
| - } | |
| + &.panel--no-margin--top { | |
| + margin-top: 0; | |
| + } | |
| - &.panel--no-margin--bottom { | |
| - margin-bottom: 0; | |
| - } | |
| + &.panel--no-margin--bottom { | |
| + margin-bottom: 0; | |
| + } | |
| + | |
| + &.panel--flush { | |
| + padding-top: 0; | |
| + padding-bottom: 0; | |
| + } | |
| + | |
| + &.panel--flush--top { | |
| + padding-top: 0; | |
| + } | |
| + | |
| + &.panel--flush--bottom { | |
| + padding-bottom: 0; | |
| + } | |
| } | |
| @@ -182,7 +204,7 @@ header { | |
| padding-left: 0; | |
| padding-right: 0; | |
| - & > * { | |
| + .panel__content { | |
| padding-left: $spacing-inner*2; | |
| padding-right: $spacing-inner*2; | |
| margin: 0 auto; | |
| @@ -196,6 +218,8 @@ header { | |
| + | |
| + | |
| // Light Fullbleed Panel | |
| // | |
| // A lighter version of the fullbleed panel. | |
| @@ -208,7 +232,7 @@ header { | |
| // | |
| // Status: review | |
| // | |
| -// Styleguide 5.2.1.1 | |
| +// Styleguide 5.2.2.1 | |
| .panel--light.panel--fullbleed { | |
| background: $panel-background-tertiary; | |
| @@ -216,6 +240,22 @@ header { | |
| +// Fullbleed Panel with Sidebar | |
| +// | |
| +// A sidebar pattern inserted inside a panel can accommodate copy and another item like a form or image. | |
| +// | |
| +// PatternType: organism | |
| +// | |
| +// ContainsPatterns: Links, Images, Titles, Body Copy, Cards, Navigation, Forms | |
| +// | |
| +// Markup: container_panel-sidebar.html | |
| +// | |
| +// Status: review | |
| +// | |
| +// Styleguide 5.2.2.2 | |
| + | |
| + | |
| + | |
| // CTA Panels | |
| // | |
| // CTA Panels are punchy, to-the-point directions in panel form. They | |
| @@ -300,6 +340,45 @@ header { | |
| +// Inverse Panel | |
| +// | |
| +// A panel utilizing a dark-text-on-light-background approach. | |
| +// | |
| +// PatternType: organism | |
| +// | |
| +// ContainsPatterns: Links, Images, Titles, Body Copy, Cards, Navigation, Forms | |
| +// | |
| +// Markup: container_panel-inverse.html | |
| +// | |
| +// Status: review | |
| +// | |
| +// Styleguide 5.2.3 | |
| + | |
| +.panel--inverse { | |
| + @include inverse-copy; | |
| + background: $background-color-alt-primary; | |
| + &.panel--light { | |
| + background: $background-color-alt-secondary; | |
| + } | |
| +} | |
| + | |
| + | |
| + | |
| +// Light Inverse Panel | |
| +// | |
| +// A lighter version of the inverse panel. | |
| +// | |
| +// PatternType: organism | |
| +// | |
| +// ContainsPatterns: Links, Images, Titles, Body Copy, Cards, Navigation, Forms | |
| +// | |
| +// Markup: container_panel-inverse--light.html | |
| +// | |
| +// Status: review | |
| +// | |
| +// Styleguide 5.2.3.1 | |
| + | |
| + | |
| @@ -363,6 +442,146 @@ $teaser-image-width: 8rem; | |
| +// Sidebars | |
| +// | |
| +// The sidebar pattern is a simple one, but its markup structure is strict. The `.has-sidebar` context | |
| +// class is what controls it and its non-sidebar sibling, and must be applied to the direct parent of | |
| +// these two elements. | |
| +// | |
| +// Because a sidebar is by default a secondary form of content, it's a good use case for an aside | |
| +// element. Also, in light of this role, all sidebar title font sizes are bumped down one level. | |
| +// | |
| +// The sidebar element itself can be seen as a container in which anything can be placed, or as a specialized | |
| +// container type at the same time (eg. a sidebar that is also a panel). | |
| +// | |
| +// Markup: container_sidebar.html | |
| +// | |
| +// Styleguide 5.4 | |
| + | |
| +// Has Sidebar | |
| + | |
| +.has-sidebar { | |
| + | |
| + margin: $spacing-outer auto; | |
| + max-width: $max-width; | |
| + | |
| + & > * { | |
| + | |
| + & *:first-child { | |
| + margin-top: 0; | |
| + } | |
| + & *:last-child { | |
| + margin-bottom: 0; | |
| + } | |
| + | |
| + @media (max-width: $screen-medium) { | |
| + margin-bottom: 0; | |
| + &:first-child { | |
| + margin-bottom: $spacing-outer; | |
| + } | |
| + } | |
| + | |
| + } | |
| + | |
| + & > *:first-child { | |
| + text-align: left; | |
| + } | |
| + & > *:last-child { | |
| + text-align: right; | |
| + } | |
| + | |
| + @media (min-width: $screen-medium) { | |
| + | |
| + @include flexbox; | |
| + | |
| + .sidebar-sibling { | |
| + width: 66%; | |
| + } | |
| + | |
| + .sidebar { | |
| + width: 33%; | |
| + } | |
| + } | |
| + | |
| + @media (min-width: $screen-large) { | |
| + | |
| + .sidebar-sibling { | |
| + width: 70%; | |
| + } | |
| + | |
| + .sidebar { | |
| + width: 30%; | |
| + } | |
| + } | |
| + | |
| +} | |
| + | |
| +@media (min-width: $screen-medium) { | |
| + .sidebar-sibling { | |
| + | |
| + padding-right: $spacing-outer*2; | |
| + | |
| + .sidebar + & { | |
| + padding-right: 0; | |
| + padding-left: $spacing-outer*2 | |
| + } | |
| + } | |
| +} | |
| + | |
| +.sidebar { | |
| + | |
| + position: relative; | |
| + | |
| + h2 { | |
| + @include title-3; | |
| + } | |
| + h3 { | |
| + @include title-4; | |
| + } | |
| + h4 { | |
| + @include title-5; | |
| + } | |
| + | |
| + & > * { | |
| + | |
| + margin: 0; | |
| + | |
| + & + * { | |
| + margin-top: $spacing-inner; | |
| + } | |
| + } | |
| + | |
| +} | |
| + | |
| + | |
| + | |
| +// Filled Sidebar | |
| +// | |
| +// In some cases, an element may need to completely fill the sidebar. Apply the `.sidebar--filled` | |
| +// class to the sidebar itself, and `.sidebar__filler` to the element that needs to fill the | |
| +// remaining space inside it. This will cause the filler element to grow to fit the container | |
| +// completely. | |
| +// | |
| +// In this example, a panel is added to the sidebar and set to fill the remaining space. | |
| +// | |
| +// Markup: container_sidebar-filled.html | |
| +// | |
| +// Styleguide 8.2.1 | |
| + | |
| +.sidebar--filled { | |
| + @include flexbox; | |
| + @include flex-direction(column); | |
| +} | |
| + | |
| +.sidebar__filler { | |
| + @include flex(1 0 auto); | |
| + margin: 0; | |
| +} | |
| + | |
| + | |
| + | |
| + | |
| + | |
| // Cards | |
| // | |
| // Cards should contain a maximum of four types of atoms. Cards are | |
| diff --git a/scss/styleguide/_styleguide.scss b/scss/styleguide/_styleguide.scss | |
| index 681ca56..30b4f80 100644 | |
| --- a/scss/styleguide/_styleguide.scss | |
| +++ b/scss/styleguide/_styleguide.scss | |
| @@ -182,9 +182,15 @@ | |
| -// Detail Page | |
| +// Landing Page | |
| // | |
| -// Meant for information that includes an icon and blurb/summary. | |
| +// Hidemarkup: true | |
| +// | |
| +// PatternType: page | |
| +// | |
| +// Markup: page_landing.html | |
| +// | |
| +// Styleguide 50.2 | |
| diff --git a/scss/styleguide/homepage.md b/scss/styleguide/homepage.md | |
| index 11636dc..c4a9100 100644 | |
| --- a/scss/styleguide/homepage.md | |
| +++ b/scss/styleguide/homepage.md | |
| @@ -11,6 +11,13 @@ Version 1 is concerned with setting up all default/base HTML patterns and stuctu | |
| ### Patterns added with this version: | |
| +#### 1.4 | |
| +Adds additional panel variations, panel child element classes, and landing page example. | |
| + | |
| +* [Fullbleed panel content revisions](section-5.html#kssref-5-2-1) | |
| +* [Inverse Panels](section-5.html#kssref-5-2-3) | |
| +* [Landing Page Example](section-50.html#kssref-50-2) | |
| + | |
| #### 1.3.4 | |
| * [Byline](section-2.html#kssref-2-15) | |
| diff --git a/scss/styleguide/kss-markup/container_panel-fullbleed.html b/scss/styleguide/kss-markup/container_panel-fullbleed.html | |
| index 19cb657..b8edfd7 100644 | |
| --- a/scss/styleguide/kss-markup/container_panel-fullbleed.html | |
| +++ b/scss/styleguide/kss-markup/container_panel-fullbleed.html | |
| @@ -1,6 +1,6 @@ | |
| <div class="panel panel--fullbleed"> | |
| - <div> | |
| - <h2 class="title-1">Fullbleed Panel Title</h2> | |
| + <div class="panel__content"> | |
| + <h2 class="panel__title">Fullbleed Panel Title</h2> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| </div> | |
| diff --git a/scss/styleguide/kss-markup/container_panel-fullbleed_light.html b/scss/styleguide/kss-markup/container_panel-fullbleed_light.html | |
| index d94139b..04af9c9 100644 | |
| --- a/scss/styleguide/kss-markup/container_panel-fullbleed_light.html | |
| +++ b/scss/styleguide/kss-markup/container_panel-fullbleed_light.html | |
| @@ -1,6 +1,6 @@ | |
| <div class="panel panel--light panel--fullbleed"> | |
| - <div> | |
| - <h2 class="title-1">Light Fullbleed Panel</h2> | |
| + <div class="panel__content"> | |
| + <h2 class="panel__title">Light Fullbleed Panel</h2> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| </div> | |
| diff --git a/scss/styleguide/kss-markup/container_panel-inverse--light.html b/scss/styleguide/kss-markup/container_panel-inverse--light.html | |
| new file mode 100644 | |
| index 0000000..59cad78 | |
| --- /dev/null | |
| +++ b/scss/styleguide/kss-markup/container_panel-inverse--light.html | |
| @@ -0,0 +1,7 @@ | |
| +<div class="panel panel--inverse panel--light"> | |
| + <div class="panel__content"> | |
| + <h2 class="panel__title">Light Inverse Panel Title</h2> | |
| + <p class="copy--lead-in">Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum.</p> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + </div> | |
| +</div> | |
| \ No newline at end of file | |
| diff --git a/scss/styleguide/kss-markup/container_panel-inverse.html b/scss/styleguide/kss-markup/container_panel-inverse.html | |
| new file mode 100644 | |
| index 0000000..d3ce60d | |
| --- /dev/null | |
| +++ b/scss/styleguide/kss-markup/container_panel-inverse.html | |
| @@ -0,0 +1,7 @@ | |
| +<div class="panel panel--inverse"> | |
| + <div> | |
| + <h2 class="title-1">Inverse Panel Title</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| + </div> | |
| +</div> | |
| \ No newline at end of file | |
| diff --git a/scss/styleguide/kss-markup/container_panel-sidebar.html b/scss/styleguide/kss-markup/container_panel-sidebar.html | |
| new file mode 100644 | |
| index 0000000..5a1b2b5 | |
| --- /dev/null | |
| +++ b/scss/styleguide/kss-markup/container_panel-sidebar.html | |
| @@ -0,0 +1,12 @@ | |
| +<div class="panel panel--fullbleed panel--inverse"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="panel__copy sidebar"> | |
| + <h2 class="panel__title">Inverse Panel Title</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| + </div> | |
| + <div class="panel__image sidebar-sibling"> | |
| + <img src="http://placehold.it/600" /> | |
| + </div> | |
| + </div> | |
| +</div> | |
| \ No newline at end of file | |
| diff --git a/scss/styleguide/kss-markup/container_sidebar-filled.html b/scss/styleguide/kss-markup/container_sidebar-filled.html | |
| new file mode 100644 | |
| index 0000000..e92dc4e | |
| --- /dev/null | |
| +++ b/scss/styleguide/kss-markup/container_sidebar-filled.html | |
| @@ -0,0 +1,52 @@ | |
| +<div class="has-sidebar"> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| + <!-- sidebar element --> | |
| + | |
| + <div class="sidebar sidebar--filled"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <div class="panel sidebar__filler"> | |
| + <h4>Filler element</h3> | |
| + <p>This element should fill the remaining space. Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + </div> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| +</div> | |
| + | |
| + | |
| +<div class="has-sidebar"> | |
| + | |
| + <!-- sidebar element --> | |
| + <div class="sidebar sidebar--filled"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat.</p> | |
| + <div class="panel sidebar__filler"> | |
| + <h4>Filler element</h3> | |
| + <p>This element should fill the remaining space. Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset.</p> | |
| + </div> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| +</div> | |
| \ No newline at end of file | |
| diff --git a/scss/styleguide/kss-markup/container_sidebar.html b/scss/styleguide/kss-markup/container_sidebar.html | |
| new file mode 100644 | |
| index 0000000..e4e4bf7 | |
| --- /dev/null | |
| +++ b/scss/styleguide/kss-markup/container_sidebar.html | |
| @@ -0,0 +1,45 @@ | |
| +<div class="has-sidebar"> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| + <!-- sidebar element --> | |
| + | |
| + <div class="sidebar"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| +</div> | |
| + | |
| + | |
| +<div class="has-sidebar"> | |
| + | |
| + <!-- sidebar element --> | |
| + | |
| + <div class="sidebar"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| +</div> | |
| \ No newline at end of file | |
| diff --git a/scss/styleguide/kss-markup/form-feedback.html b/scss/styleguide/kss-markup/form-feedback.html | |
| index 8f79537..0bfed9b 100644 | |
| --- a/scss/styleguide/kss-markup/form-feedback.html | |
| +++ b/scss/styleguide/kss-markup/form-feedback.html | |
| @@ -1,23 +1,19 @@ | |
| -<h4>Feedback: Error</h4> | |
| + | |
| <div class="panel feedback-message error"> | |
| - <span class="feedback-message__title title-2">Errors Found:</span> | |
| - <p>Two fields need to be corrected below:</p> | |
| - <ul class="has-inline-elements"> | |
| - <li><a href="">Link to issue</a></li> | |
| - <li><a href="">Link to issue</a></li> | |
| - </ul> | |
| + <span class="feedback-message__title">Feedback Message: Error</span> | |
| + <p>Two fields need to be corrected below.</p> | |
| </div> | |
| -<h4>Feedback: Warning/Status</h4> | |
| + | |
| <div class="panel feedback-message status"> | |
| - <span class="feedback-message__title title-2">Additional Information:</span> | |
| + <span class="feedback-message__title">Feedback Message: Alert</span> | |
| <p>Here's a tip about the content/action. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia aliquam delectus cupiditate mollitia, provident fugiat facilis voluptate rem vero ducimus adipisci odit est <a href="">culpa debitis esse possimus</a>, harum distinctio voluptas?</p> | |
| <p>Adding another paragraph to really stress test. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum veniam saepe sint ea maiores, labore illo, sunt inventore rem ipsum. Provident possimus maxime dolore corporis architecto dicta fugit, nemo sunt! <a href="">More info</a></p> | |
| </div> | |
| -<h4>Feedback: Success</h4> | |
| + | |
| <div class="panel feedback-message success"> | |
| - <span class="feedback-message__title title-2">Success Notification:</span> | |
| + <span class="feedback-message__title">Feedback Message: Success</span> | |
| <p>A message about what can be expected to happen next. <a href="">More info</a></p> | |
| </div> | |
| \ No newline at end of file | |
| diff --git a/scss/styleguide/kss-markup/form_basic.html b/scss/styleguide/kss-markup/form_basic.html | |
| index 8bf1afb..cfba968 100644 | |
| --- a/scss/styleguide/kss-markup/form_basic.html | |
| +++ b/scss/styleguide/kss-markup/form_basic.html | |
| @@ -1,13 +1,30 @@ | |
| <form> | |
| <h3>Form Title</h3> | |
| - <label for="basic-form-text-input-1" class="form-textfield"> | |
| - <span id="basic-form-label-1" class="field-title">Text Input Label</span> | |
| + <label for="basic-form-text-input-1" class="field-text"> | |
| + <span id="basic-form-label-1" class="field__title">Text Input Label</span> | |
| <input tabindex="0" id="basic-form-text-input-1" name="basic-form-text-input-1" aria-labelledby="basic-form-label-1" aria-describedby="input1desc" type="text" title="Input Description" value="" /> | |
| - <small id="input1desc">A description or some helper text for this element.</small> | |
| + <small class="field__description" id="input1desc">A description or some helper text for this element.</small> | |
| </label> | |
| - <label class="form-select" for="basic-form-select"> | |
| - <span id="form-select-title" class="field-title">Select Title</span> | |
| - <div class="form-select-wrapper"> | |
| + | |
| + <label for="basic-form-text-input-1a" class="field-text field--half align-left"> | |
| + <span id="basic-form-label-1a" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="basic-form-text-input-1a" name="basic-form-text-input-1a" aria-labelledby="basic-form-label-1a" type="text" title="Input Description" value="" /> | |
| + </label> | |
| + <label for="basic-form-text-input-1b" class="field-text field--half align-right"> | |
| + <span id="basic-form-label-1b" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="basic-form-text-input-1b" name="basic-form-text-input-1b" aria-labelledby="basic-form-label-1b" aria-describedby="input1bdesc" type="text" title="Input Description" value="" /> | |
| + <small class="field__description" id="input1bdesc">A description or some helper text for this element.</small> | |
| + </label> | |
| + | |
| + <label for="basic-form-text-input-1c" class="field-text field--half clearfix"> | |
| + <span id="basic-form-label-1c" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="basic-form-text-input-1c" name="basic-form-text-input-1c" aria-labelledby="basic-form-label-1c" aria-describedby="input1cdesc" type="text" title="Input Description" value="" /> | |
| + </label> | |
| + | |
| + | |
| + <label class="field-select field--half clearfix" for="basic-form-select"> | |
| + <span id="form-select-title" class="field__title">Select Title</span> | |
| + <div class="field__select-wrapper"> | |
| <select id="basic-form-select" name="basic-form-select" aria-labelledby="form-select-title"> | |
| <option>Select a Value</option> | |
| <option value="val1">Option 1</option> | |
| @@ -16,40 +33,40 @@ | |
| </select> | |
| </div> | |
| </label> | |
| - <label for="basic-form-email-input-1" class="form-textfield"> | |
| - <span id="basic-form-email-label-1" class="field-title">Text Input Label</span> | |
| + <label for="basic-form-email-input-1" class="field-text"> | |
| + <span id="basic-form-email-label-1" class="field__title">Text Input Label</span> | |
| <input tabindex="0" id="basic-form-email-input-1" name="basic-form-email-input-1" aria-labelledby="basic-form-email-label-1" type="text" title="Input Description" value="" /> | |
| - <small>A description or some helper text for this element.</small> | |
| + <small class="field__description">A description or some helper text for this element.</small> | |
| </label> | |
| <fieldset class="has-radios" for="styleguide-radio"> | |
| <legend>Radio Set Label</legend> | |
| - <label class="form-radio" for="basic-form-radio-1"> | |
| + <label class="field-radio" for="basic-form-radio-1"> | |
| <input tabindex="0" checked="checked" type="radio" id="basic-form-radio-1" name="basic-form-radio-1" aria-labelledby="radio-desc-1" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-1" class="field-title">Value 1</span> | |
| + <span id="radio-desc-1" class="field__title">Value 1</span> | |
| </label> | |
| - <label class="form-radio" for="basic-form-radio-2"> | |
| + <label class="field-radio" for="basic-form-radio-2"> | |
| <input tabindex="0" type="radio" id="basic-form-radio-2" name="basic-form-radio-1" aria-labelledby="radio-desc-2" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-2" class="field-title">Value 2</span> | |
| + <span id="radio-desc-2" class="field__title">Value 2</span> | |
| </label> | |
| - <label class="form-radio" for="basic-form-radio-3"> | |
| + <label class="field-radio" for="basic-form-radio-3"> | |
| <input tabindex="0" type="radio" id="basic-form-radio-3" name="basic-form-radio-1" aria-labelledby="radio-desc-3" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-3" class="field-title">Value 3</span> | |
| + <span id="radio-desc-3" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| - <label for="styleguide-textarea" class="form-textfield"> | |
| - <span id="input-description-2" class="field-title">Textarea Label</span> | |
| - <textarea tabindex="0" id="styleguide-textarea" name="styleguide-textarea" aria-labelledby="input-description-2" title="Input Description" value=""></textarea> | |
| + <label for="basic-form-styleguide-textarea" class="field-text"> | |
| + <span id="basic-form-input-description-2" class="field__title">Textarea Label</span> | |
| + <textarea tabindex="0" id="basic-form-styleguide-textarea" name="basic-form-styleguide-textarea" aria-labelledby="basic-form-input-description-2" title="Input Description" value=""></textarea> | |
| </label> | |
| - <label class="form-checkbox" for="basic-form-checkbox-1"> | |
| + <label class="field-checkbox" for="basic-form-checkbox-1"> | |
| <input tabindex="0" type="checkbox" id="basic-form-checkbox-1" name="basic-form-checkbox-1" aria-labelledby="basic-form-checkbox-desc-1" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="basic-form-checkbox-desc-1" class="field-title">Single Checkbox Label</span> | |
| + <span id="basic-form-checkbox-desc-1" class="field__title">Single Checkbox Label</span> | |
| </label> | |
| - <div class="has-buttons"> | |
| - <button tabindex="0" class="button--primary" type="submit">submit</button> | |
| - <button tabindex="0" type="submit">cancel</button> | |
| + <div class="has-buttons align-right"> | |
| + <button tabindex="0" class="button--primary" type="submit">Submit</button> | |
| + <button tabindex="0" type="submit">Cancel</button> | |
| </div> | |
| </form> | |
| \ No newline at end of file | |
| diff --git a/scss/styleguide/kss-markup/form_checkboxes.html b/scss/styleguide/kss-markup/form_checkboxes.html | |
| index e8408e8..1c97730 100644 | |
| --- a/scss/styleguide/kss-markup/form_checkboxes.html | |
| +++ b/scss/styleguide/kss-markup/form_checkboxes.html | |
| @@ -1,36 +1,36 @@ | |
| <fieldset class="has-checkboxes" for="styleguide-checkbox"> | |
| <legend>Input Description</legend> | |
| - <label class="form-checkbox" for="styleguide-checkbox-1"> | |
| + <label class="field-checkbox" for="styleguide-checkbox-1"> | |
| <input type="checkbox" id="styleguide-checkbox-1" name="styleguide-checkbox-1" aria-labelledby="checkbox-desc-1" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-1" class="field-title">Value 1</span> | |
| + <span id="checkbox-desc-1" class="field__title">Value 1</span> | |
| </label> | |
| - <label class="form-checkbox" for="styleguide-checkbox-2"> | |
| + <label class="field-checkbox" for="styleguide-checkbox-2"> | |
| <input type="checkbox" id="styleguide-checkbox-2" name="styleguide-checkbox-2" aria-labelledby="checkbox-desc-2" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-2" class="field-title">Value 2</span> | |
| + <span id="checkbox-desc-2" class="field__title">Value 2</span> | |
| </label> | |
| - <label class="form-checkbox" for="styleguide-checkbox-3"> | |
| + <label class="field-checkbox" for="styleguide-checkbox-3"> | |
| <input type="checkbox" id="styleguide-checkbox-3" name="styleguide-checkbox-3" aria-labelledby="checkbox-desc-3" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-3" class="field-title">Value 3</span> | |
| + <span id="checkbox-desc-3" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| <fieldset class="has-checkboxes has-inline-fields" for="styleguide-checkbox"> | |
| <legend>Input Description with Inline Fields</legend> | |
| - <label class="form-checkbox" for="second_styleguide-checkbox-1"> | |
| + <label class="field-checkbox" for="second_styleguide-checkbox-1"> | |
| <input type="checkbox" id="second_styleguide-checkbox-1" name="second_styleguide-checkbox-1" aria-labelledby="checkbox-desc-4" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-4" class="field-title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| + <span id="checkbox-desc-4" class="field__title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| </label> | |
| - <label class="form-checkbox" for="second_styleguide-checkbox-2"> | |
| + <label class="field-checkbox" for="second_styleguide-checkbox-2"> | |
| <input type="checkbox" id="second_styleguide-checkbox-2" name="second_styleguide-checkbox-2" aria-labelledby="checkbox-desc-5" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-5" class="field-title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| + <span id="checkbox-desc-5" class="field__title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| </label> | |
| - <label class="form-checkbox" for="second_styleguide-checkbox-3"> | |
| + <label class="field-checkbox" for="second_styleguide-checkbox-3"> | |
| <input type="checkbox" id="second_styleguide-checkbox-3" name="second_styleguide-checkbox-3" aria-labelledby="checkbox-desc-6" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-6" class="field-title">Value 3</span> | |
| + <span id="checkbox-desc-6" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| \ No newline at end of file | |
| diff --git a/scss/styleguide/kss-markup/form_fieldset.html b/scss/styleguide/kss-markup/form_fieldset.html | |
| index 480b6f5..d519d86 100644 | |
| --- a/scss/styleguide/kss-markup/form_fieldset.html | |
| +++ b/scss/styleguide/kss-markup/form_fieldset.html | |
| @@ -3,55 +3,55 @@ | |
| <h5 class="has-border--primary--bottom">Fieldset with Checkboxes:</h5> | |
| <fieldset class="has-checkboxes" for="styleguide-checkbox"> | |
| <legend>Fieldset Label</legend> | |
| - <label class="form-checkbox" for="styleguide-checkbox-1"> | |
| - <input type="checkbox" id="styleguide-checkbox-1" name="styleguide-checkbox-1" aria-labelledby="checkbox-desc-1" value="val1" /> | |
| + <label class="field-checkbox" for="fieldset-example-checkbox-1"> | |
| + <input type="checkbox" id="fieldset-example-checkbox-1" name="fieldset-example-checkbox-1" aria-labelledby="checkbox-desc-1" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-1" class="field-title">Value 1</span> | |
| + <span id="checkbox-desc-1" class="field__title">Value 1</span> | |
| </label> | |
| - <label class="form-checkbox" for="fs_styleguide-checkbox-2"> | |
| - <input type="checkbox" id="fs_styleguide-checkbox-2" name="fs_styleguide-checkbox-2" aria-labelledby="checkbox-desc-2" value="val2" /> | |
| + <label class="field-checkbox" for="fieldset-example-checkbox-2"> | |
| + <input type="checkbox" id="fieldset-example-checkbox-2" name="fieldset-example-checkbox-2" aria-labelledby="checkbox-desc-2" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-2" class="field-title">Value 2</span> | |
| + <span id="checkbox-desc-2" class="field__title">Value 2</span> | |
| </label> | |
| - <label class="form-checkbox" for="styleguide-checkbox-3"> | |
| - <input type="checkbox" id="styleguide-checkbox-3" name="styleguide-checkbox-3" aria-labelledby="checkbox-desc-3" value="val3" /> | |
| + <label class="field-checkbox" for="fieldset-example--checkbox-3"> | |
| + <input type="checkbox" id="fieldset-example--checkbox-3" name="fieldset-example--checkbox-3" aria-labelledby="checkbox-desc-3" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-3" class="field-title">Value 3</span> | |
| + <span id="checkbox-desc-3" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| <h5 class="has-border--primary--bottom">Fieldset with Inline Checkboxes:</h5> | |
| - <fieldset class="has-checkboxes has-inline-fields" for="styleguide-checkbox"> | |
| + <fieldset class="has-checkboxes has-inline-fields"> | |
| <legend>Fieldset Label</legend> | |
| - <label class="form-checkbox" for="second_styleguide-checkbox-1"> | |
| - <input type="checkbox" id="second_styleguide-checkbox-1" name="second_styleguide-checkbox-1" aria-labelledby="checkbox-desc-4" value="val1" /> | |
| + <label class="field-checkbox" for="second_fieldset-example-checkbox-1"> | |
| + <input type="checkbox" id="second_fieldset-example-checkbox-1" name="fieldset-example-checkbox-1" aria-labelledby="checkbox-desc-4" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-4" class="field-title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| + <span id="checkbox-desc-4" class="field__title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| </label> | |
| - <label class="form-checkbox" for="second_fs_styleguide-checkbox-2"> | |
| - <input type="checkbox" id="second_fs_styleguide-checkbox-2" name="second_fs_styleguide-checkbox-2" aria-labelledby="checkbox-desc-5" value="val2" /> | |
| + <label class="field-checkbox" for="second_fieldset-example-checkbox-2"> | |
| + <input type="checkbox" id="second_fieldset-example-checkbox-2" name="second_fieldset-example-checkbox-2" aria-labelledby="checkbox-desc-5" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-5" class="field-title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| + <span id="checkbox-desc-5" class="field__title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| </label> | |
| - <label class="form-checkbox" for="second_styleguide-checkbox-3"> | |
| - <input type="checkbox" id="second_styleguide-checkbox-3" name="second_styleguide-checkbox-3" aria-labelledby="checkbox-desc-6" value="val3" /> | |
| + <label class="field-checkbox" for="second_fieldset-example-checkbox-3"> | |
| + <input type="checkbox" id="second_fieldset-example-checkbox-3" name="second_fieldset-example-checkbox-3" aria-labelledby="checkbox-desc-6" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox-desc-6" class="field-title">Value 3</span> | |
| + <span id="checkbox-desc-6" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| <h5 class="has-border--primary--bottom">Fieldset with Different Input Types:</h5> | |
| <fieldset> | |
| <legend>Fieldset Label</legend> | |
| - <label for="basic-form-email-input-1" class="form-textfield"> | |
| - <span id="basic-form-email-label-1" class="field-title">Text Input Label</span> | |
| - <input tabindex="0" id="basic-form-email-input-1" name="basic-form-email-input-1" aria-labelledby="basic-form-email-label-1" type="email" title="Input Description" value="" /> | |
| - <small>A description or some helper text for this element.</small> | |
| + <label for="fieldset-example-email-input-1" class="field-text"> | |
| + <span id="fieldset-example-email-label-1" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="fieldset-example-email-input-1" name="fieldset-example-email-input-1" aria-labelledby="fieldset-example-email-label-1" type="email" title="Input Description" value="" /> | |
| + <small class="field__description">A description or some helper text for this element.</small> | |
| </label> | |
| - <label for="basic-form-text-input-1" class="form-textfield"> | |
| - <span id="basic-form-text-label-1" class="field-title">Text Input Label</span> | |
| - <input tabindex="0" id="basic-form-text-input-1" name="basic-form-text-input-1" aria-labelledby="basic-form-text-label-1" type="text" title="Input Description" value="" /> | |
| - <small>A description or some helper text for this element.</small> | |
| + <label for="fieldset-example-text-input-1" class="field-text"> | |
| + <span id="fieldset-example-text-label-1" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="fieldset-example-text-input-1" name="fieldset-example-text-input-1" aria-labelledby="fieldset-example-text-label-1" type="text" title="Input Description" value="" /> | |
| + <small class="field__description">A description or some helper text for this element.</small> | |
| </label> | |
| </fieldset> | |
| diff --git a/scss/styleguide/kss-markup/form_radios.html b/scss/styleguide/kss-markup/form_radios.html | |
| index 3069010..55f5141 100644 | |
| --- a/scss/styleguide/kss-markup/form_radios.html | |
| +++ b/scss/styleguide/kss-markup/form_radios.html | |
| @@ -1,36 +1,36 @@ | |
| <fieldset class="has-radios" for="styleguide-radio"> | |
| <legend>Input Description</legend> | |
| - <label class="form-radio" for="styleguide-radio-1"> | |
| + <label class="field-radio" for="styleguide-radio-1"> | |
| <input type="radio" id="styleguide-radio-1" name="styleguide-radio-1" aria-labelledby="radio-desc-1" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-1" class="field-title">Value 1</span> | |
| + <span id="radio-desc-1" class="field__title">Value 1</span> | |
| </label> | |
| - <label class="form-radio" for="styleguide-radio-2"> | |
| + <label class="field-radio" for="styleguide-radio-2"> | |
| <input type="radio" id="styleguide-radio-2" name="styleguide-radio-1" aria-labelledby="radio-desc-2" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-2" class="field-title">Value 2</span> | |
| + <span id="radio-desc-2" class="field__title">Value 2</span> | |
| </label> | |
| - <label class="form-radio" for="styleguide-radio-3"> | |
| + <label class="field-radio" for="styleguide-radio-3"> | |
| <input type="radio" id="styleguide-radio-3" name="styleguide-radio-1" aria-labelledby="radio-desc-3" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-3" class="field-title">Value 3</span> | |
| + <span id="radio-desc-3" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| <fieldset class="has-radios has-inline-fields" for="styleguide-radio"> | |
| <legend>Input Description with Inline Fields</legend> | |
| - <label class="form-radio" for="second_styleguide-radio-1"> | |
| + <label class="field-radio" for="second_styleguide-radio-1"> | |
| <input type="radio" id="second_styleguide-radio-1" name="second_styleguide-radio" aria-labelledby="radio-desc-4" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-4" class="field-title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| + <span id="radio-desc-4" class="field__title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| </label> | |
| - <label class="form-radio" for="second_styleguide-radio-2"> | |
| + <label class="field-radio" for="second_styleguide-radio-2"> | |
| <input type="radio" id="second_styleguide-radio-2" name="second_styleguide-radio" aria-labelledby="radio-desc-5" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-5" class="field-title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| + <span id="radio-desc-5" class="field__title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| </label> | |
| - <label class="form-radio" for="second_styleguide-radio-3"> | |
| + <label class="field-radio" for="second_styleguide-radio-3"> | |
| <input type="radio" id="second_styleguide-radio-3" name="second_styleguide-radio" aria-labelledby="radio-desc-6" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-6" class="field-title">Value 3</span> | |
| + <span id="radio-desc-6" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| \ No newline at end of file | |
| diff --git a/scss/styleguide/kss-markup/page_landing.html b/scss/styleguide/kss-markup/page_landing.html | |
| new file mode 100644 | |
| index 0000000..1503b1e | |
| --- /dev/null | |
| +++ b/scss/styleguide/kss-markup/page_landing.html | |
| @@ -0,0 +1,99 @@ | |
| +<main> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--light"> | |
| + <div class="panel__content"> | |
| + <h1>Oh hey, here's a page</h1> | |
| + <p class="copy--lead-in">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio architecto cumque inventore, unde velit laudantium minus doloremque quam vel pariatur iusto magnam provident voluptates? Quaerat, rem dicta ipsam incidunt repellendus.</p> | |
| + <div class="has-inline-elements"> | |
| + <img src="http://placehold.it/140" /> | |
| + <img src="http://placehold.it/140" /> | |
| + <img src="http://placehold.it/140" /> | |
| + </div> | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--flush--bottom"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="sidebar"> | |
| + <h2>Here's another heading.</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab nihil doloribus ipsum repellat neque quas harum quasi reiciendis quae consectetur temporibus facere, optio dolorem. Nemo libero officia enim alias pariatur.</p> | |
| + <p>Hic, cupiditate iure itaque expedita harum debitis perspiciatis doloribus.</p> | |
| + </div> | |
| + <div class="sidebar-sibling"> | |
| + <img class="panel__image" src="http://placehold.it/800" alt="A placeholder." /> | |
| + </div> | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--flush--bottom panel--light"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="sidebar-sibling"> | |
| + <img class="panel__image" src="http://placehold.it/800" alt="A placeholder." /> | |
| + </div> | |
| + <div class="sidebar"> | |
| + <h2>Here's another heading.</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab nihil doloribus ipsum repellat neque quas harum quasi reiciendis quae consectetur temporibus facere, optio dolorem. Nemo libero officia enim alias pariatur.</p> | |
| + <p>Hic, cupiditate iure itaque expedita harum debitis perspiciatis doloribus.</p> | |
| + </div> | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--flush--bottom"> | |
| + <div class="panel__content"> | |
| + | |
| + <form class="panel__form"> | |
| + <h3>Here, tell us about yourself.</h3> | |
| + <label for="styleguide-text-input-1" class="field-text"> | |
| + <span id="input-title-1" class="field__title">Email</span> | |
| + <input id="styleguide-text-input-1" name="styleguide-text-input-1" aria-labelledby="input-title-1" type="email" title="Email" value="" /> | |
| + </label> | |
| + <label for="styleguide-textarea" class="field-text"> | |
| + <span id="input-title-2" class="field__title">What are you looking for?</span> | |
| + <textarea id="styleguide-textarea" name="styleguide-textarea" aria-labelledby="input-title-2" title="Message" value=""></textarea> | |
| + </label> | |
| + | |
| + <div class="has-buttons right"> | |
| + <button class="button--primary" type="submit">Contact Us</button> | |
| + </div> | |
| + </form> | |
| + | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--flush--bottom panel--light"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="sidebar-sibling"> | |
| + <img class="panel__image" src="http://placehold.it/800" alt="A placeholder." /> | |
| + </div> | |
| + <div class="sidebar"> | |
| + <h2>Here's another heading.</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab nihil doloribus ipsum repellat neque quas harum quasi reiciendis quae consectetur temporibus facere, optio dolorem. Nemo libero officia enim alias pariatur.</p> | |
| + <p>Hic, cupiditate iure itaque expedita harum debitis perspiciatis doloribus.</p> | |
| + </div> | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--flush--bottom"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="sidebar"> | |
| + <h2>Here's another heading.</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab nihil doloribus ipsum repellat neque quas harum quasi reiciendis quae consectetur temporibus facere, optio dolorem. Nemo libero officia enim alias pariatur.</p> | |
| + <p>Hic, cupiditate iure itaque expedita harum debitis perspiciatis doloribus.</p> | |
| + </div> | |
| + <div class="sidebar-sibling"> | |
| + <img class="panel__image" src="http://placehold.it/800" alt="A placeholder." /> | |
| + </div> | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel"> | |
| + <div class="panel__content"> | |
| + | |
| + <h2 class="title-1">Here's another heading.</h2> | |
| + <p class="copy--lead-in">Hic, cupiditate iure itaque expedita harum debitis perspiciatis doloribus.</p> | |
| + <a class="button button--primary" href="">Contact Us</a> | |
| + | |
| + </div> | |
| + </div> | |
| + | |
| +</main> | |
| \ No newline at end of file | |
| diff --git a/scss/utilities/_mixins.scss b/scss/utilities/_mixins.scss | |
| index 29ea85e..a5fa88c 100644 | |
| --- a/scss/utilities/_mixins.scss | |
| +++ b/scss/utilities/_mixins.scss | |
| @@ -14,16 +14,16 @@ | |
| // element out of the flow if its siblings. | |
| @mixin clearfix() { | |
| - &::before, | |
| - &::after { | |
| - content: ''; | |
| - display: table; | |
| - clear: both; | |
| - } | |
| + &::before, | |
| + &::after { | |
| + content: ''; | |
| + display: table; | |
| + clear: both; | |
| + } | |
| } | |
| .clearfix { | |
| - @include clearfix(); | |
| + @include clearfix(); | |
| } | |
| @@ -61,30 +61,38 @@ | |
| @mixin has-inline-elements() { | |
| - margin: $spacing-outer 0; | |
| - | |
| - &:before { | |
| - content: ''; | |
| - display: inline-block; | |
| - height: 100%; | |
| - vertical-align: middle; | |
| - margin-right: -0.25em; /* Adjusts for spacing */ | |
| - } | |
| - | |
| - & > * { | |
| - display: inline-block; | |
| - margin: 0 $spacing-inner/2; | |
| - vertical-align: bottom; | |
| - } | |
| - | |
| - @media (min-width: $screen-medium) { | |
| - white-space: nowrap; | |
| - } | |
| + margin: $spacing-outer 0; | |
| + | |
| + &:before { | |
| + content: ''; | |
| + display: inline-block; | |
| + height: 100%; | |
| + vertical-align: middle; | |
| + margin-right: -0.25em; /* Adjusts for spacing */ | |
| + } | |
| + | |
| + & > * { | |
| + display: inline-block; | |
| + margin: $spacing-inner $spacing-inner/2; | |
| + vertical-align: bottom; | |
| + } | |
| + | |
| + @media (min-width: $screen-medium) { | |
| + & > * { | |
| + display: inline-block; | |
| + margin: 0 $spacing-inner/2; | |
| + vertical-align: bottom; | |
| + } | |
| + } | |
| + | |
| + @media (min-width: $screen-medium) { | |
| + white-space: nowrap; | |
| + } | |
| } | |
| .has-inline-elements { | |
| - @include has-inline-elements(); | |
| + @include has-inline-elements(); | |
| } | |
| @@ -99,13 +107,13 @@ | |
| // width-capped() / .width-capped | |
| @mixin width-capped() { | |
| - @include rem-backup(max-width, 70); | |
| - margin-left: auto; | |
| - margin-right: auto; | |
| + @include rem-backup(max-width, 70); | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| } | |
| .width-capped { | |
| - @include width-capped(); | |
| + @include width-capped(); | |
| } | |
| @@ -113,21 +121,21 @@ | |
| // width-fullbleed() / .width-fullbleed | |
| @mixin width-fullbleed() { | |
| - | |
| - max-width: none; | |
| - width: 100vw; | |
| - position: relative; | |
| - left: -50vw; | |
| - margin-left: 50%; | |
| - | |
| - & > * { | |
| - @include width-capped(); | |
| - } | |
| + | |
| + max-width: none; | |
| + width: 100vw; | |
| + position: relative; | |
| + left: -50vw; | |
| + margin-left: 50%; | |
| + | |
| + & > * { | |
| + @include width-capped(); | |
| + } | |
| } | |
| .width-fullbleed { | |
| - @include width-fullbleed(); | |
| + @include width-fullbleed(); | |
| } | |
| @@ -139,7 +147,7 @@ | |
| // that can be toggled/based on breakpoint as needed elsewhere. | |
| @mixin visually-hidden() { | |
| - clip: rect(1px, 1px, 1px, 1px); | |
| + clip: rect(1px, 1px, 1px, 1px); | |
| height: 1px; | |
| overflow: hidden; | |
| position: absolute !important; | |
| @@ -148,7 +156,7 @@ | |
| } | |
| .visually-hidden { | |
| - @include visually-hidden(); | |
| + @include visually-hidden(); | |
| } | |
| // In cases where it's useful to toggle the visually hidden state, the following can be | |
| @@ -175,15 +183,15 @@ | |
| // $background-color-X variable needed). | |
| .has-background--primary { | |
| - background: $background-color-primary; | |
| + background: $background-color-primary; | |
| } | |
| .has-background--secondary { | |
| - background: $background-color-secondary; | |
| + background: $background-color-secondary; | |
| } | |
| .has-background--tertiary { | |
| - background: $background-color-tertiary; | |
| + background: $background-color-tertiary; | |
| } | |
| @@ -205,27 +213,27 @@ | |
| // .has-border--primary--left - Primary border applied to left side. | |
| @mixin border-primary($position:'') { | |
| - @if $position != '' { | |
| - $position: -#{$position}; | |
| - } | |
| - border#{$position}: $border-width-primary solid $border-color-primary; | |
| + @if $position != '' { | |
| + $position: -#{$position}; | |
| + } | |
| + border#{$position}: $border-width-primary solid $border-color-primary; | |
| } | |
| .has-border--primary { | |
| - @include border-primary(); | |
| + @include border-primary(); | |
| } | |
| - .has-border--primary--top { | |
| - @include border-primary(top); | |
| - } | |
| - .has-border--primary--right { | |
| - @include border-primary(right); | |
| - } | |
| - .has-border--primary--bottom { | |
| - @include border-primary(bottom); | |
| - } | |
| - .has-border--primary--left { | |
| - @include border-primary(left); | |
| - } | |
| + .has-border--primary--top { | |
| + @include border-primary(top); | |
| + } | |
| + .has-border--primary--right { | |
| + @include border-primary(right); | |
| + } | |
| + .has-border--primary--bottom { | |
| + @include border-primary(bottom); | |
| + } | |
| + .has-border--primary--left { | |
| + @include border-primary(left); | |
| + } | |
| // Secondary Border Utility Class & Mixin | |
| // | |
| @@ -242,40 +250,48 @@ | |
| // .has-border--secondary--left - Secondary border applied to left side. | |
| @mixin border-secondary($position:'') { | |
| - @if $position != '' { | |
| - $position: -#{$position}; | |
| - } | |
| - border#{$position}: $border-width-secondary solid $border-color-secondary; | |
| + @if $position != '' { | |
| + $position: -#{$position}; | |
| + } | |
| + border#{$position}: $border-width-secondary solid $border-color-secondary; | |
| } | |
| .has-border--secondary { | |
| - @include border-secondary(); | |
| + @include border-secondary(); | |
| } | |
| - .has-border--secondary--top { | |
| - @include border-secondary(top); | |
| - } | |
| - .has-border--secondary--right { | |
| - @include border-secondary(right); | |
| - } | |
| - .has-border--secondary--bottom { | |
| - @include border-secondary(bottom); | |
| - } | |
| - .has-border--secondary--left { | |
| - @include border-secondary(left); | |
| - } | |
| + .has-border--secondary--top { | |
| + @include border-secondary(top); | |
| + } | |
| + .has-border--secondary--right { | |
| + @include border-secondary(right); | |
| + } | |
| + .has-border--secondary--bottom { | |
| + @include border-secondary(bottom); | |
| + } | |
| + .has-border--secondary--left { | |
| + @include border-secondary(left); | |
| + } | |
| -// Text Alignment | |
| -.align-center { | |
| - text-align: center; | |
| -} | |
| -.align-left { | |
| - text-align: left; | |
| -} | |
| -.align-right { | |
| - text-align: right; | |
| +// Light Content | |
| +// | |
| +// An alternate copy approach using dark text on light background. | |
| + | |
| +@mixin inverse-copy() { | |
| + | |
| + background: $background-color-alt-secondary; | |
| + | |
| + &, | |
| + %titles { | |
| + color: $font-color-alt-primary; | |
| + } | |
| + | |
| + .copy--lead-in { | |
| + color: $font-color-alt-secondary; | |
| + font-weight: $font-weight-normal; | |
| + } | |
| } | |
| \ No newline at end of file | |
| diff --git a/scss/variables/_colors.scss b/scss/variables/_colors.scss | |
| index bfca1d0..182ab6f 100644 | |
| --- a/scss/variables/_colors.scss | |
| +++ b/scss/variables/_colors.scss | |
| @@ -63,6 +63,7 @@ $site-grey: ( | |
| 'light': #898989, | |
| 'dark': #333, | |
| 'lighter': #CCC, | |
| + 'lightest': #EBEBEB, | |
| ); | |
| $site-colors: ( | |
| @@ -103,6 +104,10 @@ $font-color-primary: map-get($site-grey, 'lighter'); | |
| $font-color-secondary: map-get($site-grey, 'light'); | |
| $font-color-tertiary: map-get($site-grey, 'base'); | |
| +$font-color-alt-primary: map-get($site-blue, 'dark'); | |
| +$font-color-alt-secondary: map-get($site-grey, 'base'); | |
| +$font-color-alt-tertiary: map-get($site-grey, 'light'); | |
| + | |
| $font-color-link: #fff; | |
| $font-color-link-hover: #fff; | |
| $font-color-link-focus: #fff; | |
| @@ -145,6 +150,10 @@ $background-color-primary: map-get($site-blue, 'dark'); | |
| $background-color-secondary: map-get($site-blue, 'base'); | |
| $background-color-tertiary: #fff; | |
| +$background-color-alt-primary: map-get($site-grey, 'lightest'); | |
| +$background-color-alt-secondary: #fff; | |
| +$background-color-alt-tertiary: map-get($site-grey, 'lighter'); | |
| + | |
| $background-colors: ( | |
| "primary": $background-color-primary, | |
| "secondary": $background-color-secondary, | |
| @@ -199,7 +208,7 @@ $hero-colors: ( | |
| // | |
| // __Styleguide 1.5 | |
| -$border-color-primary: darken($background-color-primary, 20%); | |
| +$border-color-primary: map_get($site-grey, 'lighter'); | |
| $border-color-secondary: darken($background-color-secondary, 20%); | |
| $border-colors: ( | |
| diff --git a/scss/variables/_structure.scss b/scss/variables/_structure.scss | |
| index a5cf36f..de99069 100644 | |
| --- a/scss/variables/_structure.scss | |
| +++ b/scss/variables/_structure.scss | |
| @@ -28,4 +28,4 @@ $screen-large: 1300px; | |
| $max-copy-width: 60rem; | |
| -$max-width: $max-copy-width + $spacing-inner; | |
| \ No newline at end of file | |
| +$max-width: 66rem; | |
| \ No newline at end of file | |
| diff --git a/styleguide/caxy-template/kss-assets/form-label-shift.js b/styleguide/caxy-template/kss-assets/form-label-shift.js | |
| new file mode 100644 | |
| index 0000000..41146cf | |
| --- /dev/null | |
| +++ b/styleguide/caxy-template/kss-assets/form-label-shift.js | |
| @@ -0,0 +1,37 @@ | |
| +(function ($) { | |
| + $(document).ready(function(){ | |
| + | |
| + $('.field-text').each(function(){ | |
| + | |
| + var $thisLabel = $(this), | |
| + $thisField = $thisLabel.find('input'); | |
| + | |
| + if(!$thisLabel.hasClass('form-type-managed-file')) { | |
| + if($thisField.length === 0) { | |
| + $thisField = $thisLabel.find('textarea'); | |
| + } | |
| + | |
| + // in cases of soft refresh where value is still present/input | |
| + if($thisField.val() !== "" && !$thisField.hasClass('has-value')) { | |
| + $thisLabel.addClass('has-value'); | |
| + } | |
| + | |
| + $thisField.on('click', function(){ | |
| + $thisLabel.addClass('has-value'); | |
| + }).on('focus', function(){ | |
| + $thisLabel.addClass('has-value'); | |
| + }).on('blur', function(){ | |
| + if($thisField.val() === "") { | |
| + $thisLabel.removeClass('has-value'); | |
| + } | |
| + }).on('change', function(){ | |
| + if($thisField.val() !== "") { | |
| + $thisLabel.addClass('has-value'); | |
| + } | |
| + }); | |
| + } | |
| + | |
| + }); | |
| + | |
| + }); | |
| +})(jQuery); | |
| \ No newline at end of file | |
| diff --git a/styleguide/caxy-template/kss-assets/kss.css b/styleguide/caxy-template/kss-assets/kss.css | |
| index 1f0808c..20d31ca 100644 | |
| --- a/styleguide/caxy-template/kss-assets/kss.css | |
| +++ b/styleguide/caxy-template/kss-assets/kss.css | |
| @@ -49,7 +49,7 @@ | |
| color: #666; | |
| margin: 0; | |
| padding-left: 24px; | |
| - border-left: 0.5em #d9d9d9 solid; } | |
| + border-left: 0.5em #d8d8d8 solid; } | |
| .kss-style hr { | |
| display: block; | |
| height: 2px; | |
| @@ -60,7 +60,7 @@ | |
| padding: 0; } | |
| .kss-style pre, .kss-style code, .kss-style kbd, .kss-style samp { | |
| font-family: Menlo, "Ubuntu Mono", "Lucida Console", "Courier New", Courier, monospace; | |
| - color: #2b2b2b; | |
| + color: #2a2a2a; | |
| font-size: 1em; } | |
| .kss-style pre { | |
| white-space: pre; | |
| diff --git a/styleguide/caxy-template/kss-assets/kss.css.map b/styleguide/caxy-template/kss-assets/kss.css.map | |
| index d08ba09..7e75207 100644 | |
| --- a/styleguide/caxy-template/kss-assets/kss.css.map | |
| +++ b/styleguide/caxy-template/kss-assets/kss.css.map | |
| @@ -1,6 +1,6 @@ | |
| { | |
| "version": 3, | |
| -"mappings": "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", | |
| +"mappings": "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", | |
| "sources": ["kss.scss"], | |
| "names": [], | |
| "file": "kss.css" | |
| diff --git a/styleguide/caxy-template/kss-assets/main-dev.css b/styleguide/caxy-template/kss-assets/main-dev.css | |
| index 004eac5..d3eae34 100644 | |
| --- a/styleguide/caxy-template/kss-assets/main-dev.css | |
| +++ b/styleguide/caxy-template/kss-assets/main-dev.css | |
| @@ -447,9 +447,14 @@ textarea { | |
| /* Adjusts for spacing */ } | |
| .has-inline-elements > * { | |
| display: inline-block; | |
| - margin: 0 0.75rem; | |
| + margin: 1.5rem 0.75rem; | |
| vertical-align: bottom; } | |
| @media (min-width: 940px) { | |
| + .has-inline-elements > * { | |
| + display: inline-block; | |
| + margin: 0 0.75rem; | |
| + vertical-align: bottom; } } | |
| + @media (min-width: 940px) { | |
| .has-inline-elements { | |
| white-space: nowrap; } } | |
| @@ -489,19 +494,19 @@ textarea { | |
| background: #fff; } | |
| .has-border--primary { | |
| - border: 1px solid black; } | |
| + border: 1px solid #CCC; } | |
| .has-border--primary--top { | |
| - border-top: 1px solid black; } | |
| + border-top: 1px solid #CCC; } | |
| .has-border--primary--right { | |
| - border-right: 1px solid black; } | |
| + border-right: 1px solid #CCC; } | |
| .has-border--primary--bottom { | |
| - border-bottom: 1px solid black; } | |
| + border-bottom: 1px solid #CCC; } | |
| .has-border--primary--left { | |
| - border-left: 1px solid black; } | |
| + border-left: 1px solid #CCC; } | |
| .has-border--secondary { | |
| border: 2px solid black; } | |
| @@ -518,15 +523,6 @@ textarea { | |
| .has-border--secondary--left { | |
| border-left: 2px solid black; } | |
| -.align-center { | |
| - text-align: center; } | |
| - | |
| -.align-left { | |
| - text-align: left; } | |
| - | |
| -.align-right { | |
| - text-align: right; } | |
| - | |
| * { | |
| box-sizing: border-box; } | |
| @@ -537,9 +533,13 @@ body { | |
| hr { | |
| border: none; | |
| - border-bottom: 1px solid black; | |
| + border-bottom: 1px solid #CCC; | |
| margin: 2rem 0; } | |
| +img { | |
| + max-width: 100%; | |
| + margin: auto; } | |
| + | |
| abbr, | |
| abbr[title] { | |
| text-decoration: none; } | |
| @@ -551,16 +551,16 @@ All text should pass [WCAG 2.0 AA standards](https://www.w3.org/WAI/WCAG20/quick | |
| Styleguide 2 | |
| */ | |
| -.title-1, h1, .title-2, h2, .title-3, h3, .title-4, h4, .title-5, h5, dt, .has-swatches .swatch h4, .title-6, h6 { | |
| +.title-1, h1, .title-2, h2, .title-3, h3, .title-4, h4, .title-5, h5, dt, .has-swatches .swatch h4, .title-6, h6, .panel.feedback-message .feedback-message__title, .sidebar h2, .sidebar h3, .sidebar h4 { | |
| color: #fff; | |
| font-family: "Varela Round", sans-serif; | |
| margin: 0 auto 1.5rem; | |
| font-weight: 400; | |
| font-style: normal; | |
| max-width: 60rem; } | |
| - p + .title-1, p + h1, p + .title-2, p + h2, p + .title-3, p + h3, p + .title-4, p + h4, p + .title-5, p + h5, p + dt, .has-swatches .swatch p + h4, p + .title-6, p + h6 { | |
| + p + .title-1, p + h1, p + .title-2, p + h2, p + .title-3, p + h3, p + .title-4, p + h4, p + .title-5, p + h5, p + dt, .has-swatches .swatch p + h4, p + .title-6, p + h6, .panel.feedback-message p + .feedback-message__title, .sidebar p + h2, .sidebar p + h3, .sidebar p + h4 { | |
| margin: 2rem auto 1.5rem auto; } | |
| - header > .title-1, header > h1, header > .title-2, header > h2, header > .title-3, header > h3, header > .title-4, header > h4, header > .title-5, header > h5, header > dt, .has-swatches .swatch header > h4, header > .title-6, header > h6 { | |
| + header > .title-1, header > h1, header > .title-2, header > h2, header > .title-3, header > h3, header > .title-4, header > h4, header > .title-5, header > h5, header > dt, .has-swatches .swatch header > h4, header > .title-6, header > h6, .panel.feedback-message header > .feedback-message__title, .sidebar header > h2, .sidebar header > h3, .sidebar header > h4 { | |
| margin: 0 auto; } | |
| .page-title { | |
| @@ -570,6 +570,11 @@ Styleguide 2 | |
| font-size: 4.5rem; } | |
| .title-1 + .subheading, h1 + .subheading { | |
| font-size: 3.375rem; } | |
| + @media (max-width: 940px) { | |
| + .title-1, h1 { | |
| + font-size: 3rem; } | |
| + .title-1 + .subheading, h1 + .subheading { | |
| + font-size: 2.25rem; } } | |
| .title-2, h2 { | |
| font-size: 2.5rem; } | |
| @@ -577,10 +582,10 @@ Styleguide 2 | |
| font-size: 1.875rem; } | |
| .title-3, h3 { | |
| - font-size: 2rem; } | |
| + font-size: 2.25rem; } | |
| .title-4, h4 { | |
| - font-size: 1.5rem; | |
| + font-size: 1.75rem; | |
| line-height: inherit; } | |
| .title-5, h5, dt, .has-swatches .swatch h4 { | |
| @@ -632,7 +637,7 @@ li { | |
| dt { | |
| margin: 1.5rem auto 0; } | |
| dl + dt { | |
| - border-top: 1px solid black; | |
| + border-top: 1px solid #CCC; | |
| padding-top: 1.5rem; } | |
| dd { | |
| @@ -672,7 +677,7 @@ code.hljs { | |
| display: block; | |
| overflow-x: scroll; | |
| border-radius: 13px; | |
| - max-width: 61.5rem; } | |
| + max-width: 66rem; } | |
| .hljs-comment { | |
| color: #898989; } | |
| @@ -702,7 +707,7 @@ strong { | |
| position: relative; | |
| max-width: 60rem; | |
| margin: 8rem auto; } | |
| - .copy--hand__pointing-right .title-1, .copy--hand__pointing-right h1, .copy--hand__pointing-right .title-2, .copy--hand__pointing-right h2, .copy--hand__pointing-right .title-3, .copy--hand__pointing-right h3, .copy--hand__pointing-right .title-4, .copy--hand__pointing-right h4, .copy--hand__pointing-right .title-5, .copy--hand__pointing-right h5, .copy--hand__pointing-right dt, .copy--hand__pointing-right .has-swatches .swatch h4, .has-swatches .swatch .copy--hand__pointing-right h4, .copy--hand__pointing-right .title-6, .copy--hand__pointing-right h6, | |
| + .copy--hand__pointing-right .title-1, .copy--hand__pointing-right h1, .copy--hand__pointing-right .title-2, .copy--hand__pointing-right h2, .copy--hand__pointing-right .title-3, .copy--hand__pointing-right h3, .copy--hand__pointing-right .title-4, .copy--hand__pointing-right h4, .copy--hand__pointing-right .title-5, .copy--hand__pointing-right h5, .copy--hand__pointing-right dt, .copy--hand__pointing-right .has-swatches .swatch h4, .has-swatches .swatch .copy--hand__pointing-right h4, .copy--hand__pointing-right .title-6, .copy--hand__pointing-right h6, .copy--hand__pointing-right .panel.feedback-message .feedback-message__title, .panel.feedback-message .copy--hand__pointing-right .feedback-message__title, | |
| .copy--hand__pointing-right p { | |
| max-width: none; | |
| margin-left: 33%; } | |
| @@ -716,20 +721,6 @@ strong { | |
| top: 0.75rem; | |
| width: 50vw; } | |
| -/* | |
| -Forms and Form Elements | |
| - | |
| -Styleguide 3 | |
| -*/ | |
| -/* | |
| -Form Elements | |
| - | |
| -Styleguide 3.1 | |
| -*/ | |
| -label { | |
| - max-width: 50rem; | |
| - display: block; } | |
| - | |
| input[type="tel"], | |
| input[type="url"], | |
| input[type="text"], | |
| @@ -738,12 +729,15 @@ input[type="email"], | |
| input[type="search"], | |
| input[type="password"], | |
| textarea, | |
| -.form-select-wrapper { | |
| - background: #efefef; | |
| +.field__select-wrapper { | |
| + background: #fff; | |
| box-sizing: border-box; | |
| - border: 1px solid #041c25; | |
| - padding: 0.75rem 1.5rem; | |
| - border-radius: 5px; } | |
| + border: 1px solid #CCC; | |
| + padding: 1.5rem 1.125rem 0.75rem; | |
| + border-radius: 6px; | |
| + position: relative; | |
| + font-size: 15px; | |
| + max-width: 100%; } | |
| input[type="tel"]:focus, | |
| input[type="url"]:focus, | |
| input[type="text"]:focus, | |
| @@ -752,11 +746,8 @@ textarea, | |
| input[type="search"]:focus, | |
| input[type="password"]:focus, | |
| textarea:focus, | |
| - .form-select-wrapper:focus { | |
| - border-color: black; } | |
| - | |
| -.form-textfield, .form-select, fieldset { | |
| - margin: 2rem 0; } | |
| + .field__select-wrapper:focus { | |
| + border-color: #b3b3b3; } | |
| input[type="tel"], | |
| input[type="url"], | |
| @@ -783,103 +774,148 @@ select { | |
| select:focus { | |
| outline: none; } | |
| -.field-title { | |
| +.field, .field-text, .field-select, .field-checkbox, | |
| +.field-radio { | |
| + margin: 1.5rem 0; | |
| + width: 100%; | |
| display: block; | |
| - line-height: 1.4em; | |
| - margin: 0 0 0.75rem; } | |
| + text-align: left; | |
| + max-width: 60rem; } | |
| + @media (min-width: 940px) { | |
| + .field.field--half, .field--half.field-text, .field--half.field-select, .field--half.field-checkbox, | |
| + .field--half.field-radio { | |
| + width: 50%; | |
| + padding: 0 0.75rem 0 0; } | |
| + .field.field--half.align-right, .field--half.align-right.field-text, .field--half.align-right.field-select, .field--half.align-right.field-checkbox, | |
| + .field--half.align-right.field-radio { | |
| + padding-right: 0; | |
| + padding-left: 0.75rem; | |
| + float: right; } | |
| + .field.field--half.align-left, .field--half.align-left.field-text, .field--half.align-left.field-select, .field--half.align-left.field-checkbox, | |
| + .field--half.align-left.field-radio { | |
| + float: left; } } | |
| + | |
| +.field__title { | |
| + font-size: 15px; | |
| + color: #898989; | |
| + display: block; | |
| + margin-bottom: 0.75rem; } | |
| -.form-textfield { | |
| +.field__description { | |
| + font-size: 12px; } | |
| + | |
| +.field-text { | |
| position: relative; | |
| - z-index: 1; | |
| - min-width: 25rem; } | |
| - .form-textfield input, | |
| - .form-textfield textarea { | |
| - width: 100%; | |
| + z-index: 1; } | |
| + .field-text input, | |
| + .field-text textarea { | |
| position: relative; | |
| z-index: 3; | |
| display: inline-block; } | |
| - .form-textfield .field-title { | |
| - font-style: italic; | |
| - font-weight: 600; } | |
| + .field-text:focus { | |
| + border-color: #bfbfbf; } | |
| + .field-text .field__title { | |
| + position: absolute; | |
| + z-index: 4; | |
| + top: 0.75rem; | |
| + left: 1.125rem; } | |
| + .field-text:focus .field__title, .field-text.has-value .field__title { | |
| + top: 0.25rem; | |
| + font-size: 12px; } | |
| textarea { | |
| height: 12rem; | |
| resize: vertical; | |
| line-height: 1.4em; } | |
| -.form-select .field-title { | |
| - font-style: italic; | |
| - font-weight: 600; } | |
| -.form-select .description::before, .form-select .description::after { | |
| +.field-select .field__description::before, .field-select .field__description::after { | |
| content: ''; | |
| display: table; | |
| clear: both; } | |
| -.form-select .form-select-wrapper { | |
| +.field-select .field__select-wrapper { | |
| position: relative; | |
| box-sizing: border-box; | |
| z-index: 1; | |
| - display: inline-block; | |
| - background: #041c25; | |
| - padding: 0; | |
| - overflow: hidden; } | |
| - .form-select .form-select-wrapper select { | |
| + display: block; | |
| + padding: 0 2.25rem 0 0; | |
| + overflow: hidden; | |
| + border: 1px solid #CCC; | |
| + height: 55px; } | |
| + .field-select .field__select-wrapper select { | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| -webkit-appearance: none; | |
| - padding: 0.5rem 1.5rem; | |
| display: block; | |
| - min-width: 98%; | |
| - min-height: 98%; | |
| - border: none; | |
| background: none; | |
| - border: 1px solid #041c25; } | |
| - .form-select .form-select-wrapper select:focus { | |
| - border-color: black; | |
| - background: #041c25; } | |
| + width: calc(100% + 2rem); | |
| + z-index: 5; | |
| + border: none; | |
| + font-size: 15px; | |
| + color: #898989; | |
| + border-radius: 13px; | |
| + padding-left: 1.5rem; | |
| + height: 55px; } | |
| + .field-select .field__select-wrapper select option { | |
| + display: block; | |
| + white-space: pre; | |
| + font-size: 15px; | |
| + padding: 0.75rem 1.5rem; } | |
| + .field-select .field__select-wrapper select:focus { | |
| + border-color: #CCC; } | |
| + .field-select .field__select-wrapper::after { | |
| + display: block; | |
| + width: 0.75rem; | |
| + height: 1rem; | |
| + font-family: "FontAwesome", serif; | |
| + font-size: 22.5px; | |
| + color: #fff; | |
| + content: "\f0d7"; | |
| + position: absolute; | |
| + right: 0.75rem; | |
| + top: 0.75rem; } | |
| -.form-checkbox, | |
| -.form-radio { | |
| +.field-checkbox, | |
| +.field-radio { | |
| padding: 0.75rem 1.5rem 0.75rem 1.5rem; | |
| position: relative; | |
| cursor: pointer; | |
| - display: inline-block; } | |
| - .form-checkbox input, | |
| - .form-radio input { | |
| + display: block; } | |
| + .field-checkbox input, | |
| + .field-radio input { | |
| opacity: 0; | |
| height: 0; | |
| width: 0; | |
| position: absolute; } | |
| - .form-checkbox input + i::after, | |
| - .form-radio input + i::after { | |
| + .field-checkbox input + i::after, | |
| + .field-radio input + i::after { | |
| position: absolute; | |
| - top: 1rem; | |
| + top: 0.75rem; | |
| left: 0; | |
| font-family: "FontAwesome", serif; | |
| display: block; | |
| font-style: normal; | |
| color: #666; } | |
| - .form-checkbox input:focus ~ .field-title, | |
| - .form-radio input:focus ~ .field-title { | |
| + .field-checkbox input:focus ~ .field__title, | |
| + .field-radio input:focus ~ .field__title { | |
| outline: 1px dotted #000; } | |
| - .form-checkbox input:checked + i::after, | |
| - .form-radio input:checked + i::after { | |
| + .field-checkbox input:checked + i::after, | |
| + .field-radio input:checked + i::after { | |
| color: #df1e36; } | |
| - .form-checkbox .field-title, | |
| - .form-radio .field-title { | |
| - padding: 0 1rem 0 0; | |
| - line-height: 1.4em; | |
| + .field-checkbox .field__title, | |
| + .field-radio .field__title { | |
| + padding: 0 0.75rem 0 0; | |
| margin-bottom: 0; } | |
| -.form-checkbox input + i::after { | |
| +.field-checkbox input + i::after { | |
| content: "\f096"; } | |
| -.form-checkbox input:checked + i::after { | |
| +.field-checkbox input:checked + i::after { | |
| content: "\f14a"; | |
| font-size: 0.95rem; } | |
| -.form-checkbox .field-title { | |
| - font-style: italic; | |
| - font-weight: 600; } | |
| -.form-radio input + i::after { | |
| +.field-radio input + i::after { | |
| content: "\f1db"; } | |
| -.form-radio input:checked + i::after { | |
| +.field-radio input:checked + i::after { | |
| content: "\f111"; } | |
| fieldset { | |
| @@ -890,37 +926,37 @@ fieldset { | |
| border: none; | |
| padding: 0; } | |
| fieldset legend { | |
| - padding-top: 1em; | |
| + padding: 1em 0 0 0; | |
| display: table; | |
| - font-style: italic; | |
| - font-weight: 600; | |
| - font-size: 20.25px; } | |
| + text-align: left; | |
| + font-size: 18px; | |
| + font-weight: 400; } | |
| fieldset legend::after { | |
| content: ":"; } | |
| - fieldset .description { | |
| + fieldset .field__description { | |
| display: block; } | |
| - fieldset .description::before, fieldset .description::after { | |
| + fieldset .field__description::before, fieldset .field__description::after { | |
| content: ''; | |
| display: table; | |
| clear: both; } | |
| - fieldset > .form-textfield, fieldset > .form-select { | |
| + fieldset > .field-text, fieldset > .field-select { | |
| display: block; } | |
| fieldset.has-checkboxes legend, fieldset.has-radios legend { | |
| font-size: 18px; } | |
| fieldset.has-checkboxes legend::after, fieldset.has-radios legend::after { | |
| content: ""; } | |
| - fieldset.has-checkboxes .form-checkbox, | |
| - fieldset.has-checkboxes .form-radio, fieldset.has-radios .form-checkbox, | |
| - fieldset.has-radios .form-radio { | |
| + fieldset.has-checkboxes .field-checkbox, | |
| + fieldset.has-checkboxes .field-radio, fieldset.has-radios .field-checkbox, | |
| + fieldset.has-radios .field-radio { | |
| float: left; | |
| - clear: left; | |
| + clear: both; | |
| margin: 0; } | |
| - fieldset.has-checkboxes.has-inline-fields .form-checkbox, | |
| - fieldset.has-checkboxes.has-inline-fields .form-radio, fieldset.has-radios.has-inline-fields .form-checkbox, | |
| - fieldset.has-radios.has-inline-fields .form-radio { | |
| + fieldset.has-checkboxes.has-inline-fields .field-checkbox, | |
| + fieldset.has-checkboxes.has-inline-fields .field-radio, fieldset.has-radios.has-inline-fields .field-checkbox, | |
| + fieldset.has-radios.has-inline-fields .field-radio { | |
| width: 50%; | |
| clear: none; } | |
| - fieldset.has-checkboxes .form-checkbox .field-title, fieldset.has-radios .form-checkbox .field-title { | |
| + fieldset.has-checkboxes .field-checkbox .field__title, fieldset.has-radios .field-checkbox .field__title { | |
| font-weight: 400; | |
| font-style: normal; } | |
| @@ -935,40 +971,38 @@ abbr[title='required'] { | |
| color: #df1e36; } | |
| label .feedback-message { | |
| - visibility: hidden; } | |
| + visibility: hidden; | |
| + font-size: 12px; } | |
| .has-feedback > .feedback-message { | |
| visibility: visible; } | |
| -.panel.feedback-message { | |
| - color: #fff; | |
| - border: none; | |
| - position: relative; | |
| - margin-top: 0; } | |
| - .panel.feedback-message::before { | |
| - font-family: "FontAwesome", serif; | |
| - content: "\f06a"; | |
| - font-size: 3.25rem; | |
| - font-style: normal; | |
| - display: block; | |
| - width: 3.25rem; | |
| - height: 3.25rem; | |
| - margin: 0 auto; } | |
| - .panel.feedback-message.error { | |
| - background: #df1e36; } | |
| - .panel.feedback-message.error a { | |
| - color: #fff; } | |
| - .panel.feedback-message.warning, .panel.feedback-message.status { | |
| - background: #072736; } | |
| - .panel.feedback-message.success { | |
| - background: #164051; } | |
| +.panel.feedback-message > * { | |
| + text-align: left; | |
| + margin: 1.5rem 0 0; } | |
| +.panel.feedback-message .feedback-message__title { | |
| + font-size: 1.75rem; | |
| + line-height: inherit; | |
| + margin: 0; | |
| + display: block; } | |
| + .panel.feedback-message .feedback-message__title + * { | |
| + margin-top: 0; } | |
| +.panel.feedback-message.error, | |
| +.panel.feedback-message.error .feedback-message__title { | |
| + color: #df1e36; } | |
| +.panel.feedback-message.alert, | |
| +.panel.feedback-message.alert .feedback-message__title { | |
| + color: #072736; } | |
| +.panel.feedback-message.success, | |
| +.panel.feedback-message.success .feedback-message__title { | |
| + color: #164051; } | |
| button, | |
| .button, | |
| .button--primary { | |
| background: #666; | |
| color: #fff; | |
| - padding: 0.75rem 3.75rem; | |
| + padding: 1.125rem 3.75rem; | |
| font-size: 18px; | |
| cursor: pointer; | |
| display: inline-block; | |
| @@ -992,6 +1026,12 @@ button, | |
| color: #fff; | |
| background: #666; | |
| border-width: 0 0 4px 0; } | |
| + button:active, | |
| + .button:active, | |
| + .button--primary:active { | |
| + top: 6px; | |
| + box-shadow: 0 0 #333333; | |
| + border-width: 0 0 0 0; } | |
| .button--primary { | |
| color: #fff; | |
| @@ -1000,6 +1040,10 @@ button, | |
| .button--primary:hover, .button--primary:focus { | |
| background: #c41a2f; | |
| box-shadow: 0 4px #6a0e1a; } | |
| + .button--primary:active { | |
| + top: 6px; | |
| + box-shadow: 0 0 #6a0e1a; | |
| + border-width: 0 0 0 0; } | |
| .has-buttons { | |
| margin: 2rem 0; | |
| @@ -1054,18 +1098,18 @@ table { | |
| margin: 2rem 0; | |
| border-spacing: 1px; | |
| border-collapse: collapse; | |
| - border-color: black; | |
| + border-color: #CCC; | |
| border-width: 1px 1px 0 1px; | |
| border-style: solid; } | |
| table tr { | |
| - border-bottom: 1px solid black; } | |
| + border-bottom: 1px solid #CCC; } | |
| table th, | |
| table td { | |
| padding: 0.75rem 1.5rem; } | |
| table th + th, table th + td, | |
| table td + th, | |
| table td + td { | |
| - border-left: 1px solid black; } | |
| + border-left: 1px solid #CCC; } | |
| table th { | |
| font-style: italic; | |
| background: #041c25; } | |
| @@ -1104,7 +1148,7 @@ form { | |
| form label input[type="search"], | |
| form label input[type="password"], | |
| form label textarea, | |
| - form label .form-select-wrapper { | |
| + form label .field__select-wrapper { | |
| display: block; } | |
| form .has-buttons { | |
| margin-top: 0; } | |
| @@ -1293,9 +1337,14 @@ form { | |
| /* Adjusts for spacing */ } | |
| .navigation--social > * { | |
| display: inline-block; | |
| - margin: 0 0.75rem; | |
| + margin: 1.5rem 0.75rem; | |
| vertical-align: bottom; } | |
| @media (min-width: 940px) { | |
| + .navigation--social > * { | |
| + display: inline-block; | |
| + margin: 0 0.75rem; | |
| + vertical-align: bottom; } } | |
| + @media (min-width: 940px) { | |
| .navigation--social { | |
| white-space: nowrap; } } | |
| .navigation--social a { | |
| @@ -1326,7 +1375,7 @@ form { | |
| align-items: center; | |
| color: #fff; | |
| padding: 2rem; } | |
| - .page-header .title-1, .page-header h1, .page-header .title-2, .page-header h2, .page-header .title-3, .page-header h3, .page-header .title-4, .page-header h4, .page-header .title-5, .page-header h5, .page-header dt, .page-header .has-swatches .swatch h4, .has-swatches .swatch .page-header h4, .page-header .title-6, .page-header h6 { | |
| + .page-header .title-1, .page-header h1, .page-header .title-2, .page-header h2, .page-header .title-3, .page-header h3, .page-header .title-4, .page-header h4, .page-header .title-5, .page-header h5, .page-header dt, .page-header .has-swatches .swatch h4, .has-swatches .swatch .page-header h4, .page-header .title-6, .page-header h6, .page-header .panel.feedback-message .feedback-message__title, .panel.feedback-message .page-header .feedback-message__title { | |
| margin: 0; | |
| color: #fff; } | |
| @@ -1480,21 +1529,18 @@ header { | |
| line-height: 1.866rem; } | |
| .panel p, | |
| .panel ul, | |
| - .panel img, | |
| - .panel li { | |
| + .panel ol { | |
| margin: 1.5rem auto; | |
| padding-left: 0; | |
| padding-right: 0; } | |
| - .panel input[type="tel"], | |
| - .panel input[type="url"], | |
| - .panel input[type="text"], | |
| - .panel input[type="number"], | |
| - .panel input[type="email"], | |
| - .panel input[type="search"], | |
| - .panel input[type="password"], | |
| - .panel textarea, | |
| - .panel .form-select-wrapper { | |
| - background: #062d3c; } | |
| + .panel .panel__form { | |
| + display: block; | |
| + max-width: 41rem; | |
| + margin: 0 auto; | |
| + padding-top: 0; } | |
| + .panel .panel__image, .panel .panel__image img { | |
| + display: inline-block; | |
| + vertical-align: bottom; } | |
| .panel > *:first-child { | |
| margin-top: 0; } | |
| .panel > *:last-child, | |
| @@ -1515,6 +1561,13 @@ header { | |
| margin-top: 0; } | |
| .panel.panel--no-margin--bottom { | |
| margin-bottom: 0; } | |
| + .panel.panel--flush { | |
| + padding-top: 0; | |
| + padding-bottom: 0; } | |
| + .panel.panel--flush--top { | |
| + padding-top: 0; } | |
| + .panel.panel--flush--bottom { | |
| + padding-bottom: 0; } | |
| .panel--fullbleed { | |
| max-width: none; | |
| @@ -1534,11 +1587,11 @@ header { | |
| max-width: 70rem; | |
| margin-left: auto; | |
| margin-right: auto; } | |
| - .panel--fullbleed > * { | |
| + .panel--fullbleed .panel__content { | |
| padding-left: 3rem; | |
| padding-right: 3rem; | |
| margin: 0 auto; } | |
| - .panel--fullbleed > * > p { | |
| + .panel--fullbleed .panel__content > p { | |
| font-size: 1.25rem; | |
| line-height: 1.866rem; } | |
| @@ -1556,7 +1609,7 @@ header { | |
| margin: -0.75rem 0 3rem; } | |
| .has-hand { | |
| - max-width: 61.5rem; | |
| + max-width: 66rem; | |
| margin: auto; } | |
| .has-hand .panel.panel--cta { | |
| width: 75%; | |
| @@ -1579,6 +1632,34 @@ header { | |
| display: block; | |
| margin: 0 auto; } | |
| +.panel--inverse { | |
| + background: #fff; | |
| + background: #EBEBEB; } | |
| + .panel--inverse, | |
| + .panel--inverse .title-1, | |
| + .panel--inverse h1, | |
| + .panel--inverse .title-2, | |
| + .panel--inverse h2, | |
| + .panel--inverse .title-3, | |
| + .panel--inverse h3, | |
| + .panel--inverse .title-4, | |
| + .panel--inverse h4, | |
| + .panel--inverse .title-5, | |
| + .panel--inverse h5, | |
| + .panel--inverse dt, | |
| + .panel--inverse .has-swatches .swatch h4, | |
| + .has-swatches .swatch .panel--inverse h4, | |
| + .panel--inverse .title-6, | |
| + .panel--inverse h6, | |
| + .panel--inverse .panel.feedback-message .feedback-message__title, | |
| + .panel.feedback-message .panel--inverse .feedback-message__title { | |
| + color: #041c25; } | |
| + .panel--inverse .copy--lead-in { | |
| + color: #666; | |
| + font-weight: 400; } | |
| + .panel--inverse.panel--light { | |
| + background: #fff; } | |
| + | |
| .teaser { | |
| margin: 4rem auto; | |
| display: block; | |
| @@ -1586,7 +1667,7 @@ header { | |
| text-align: left; | |
| max-width: 60rem; | |
| min-height: 8rem; } | |
| - .teaser .title-1, .teaser h1, .teaser .title-2, .teaser h2, .teaser .title-3, .teaser h3, .teaser .title-4, .teaser h4, .teaser .title-5, .teaser h5, .teaser dt, .teaser .has-swatches .swatch h4, .has-swatches .swatch .teaser h4, .teaser .title-6, .teaser h6, | |
| + .teaser .title-1, .teaser h1, .teaser .title-2, .teaser h2, .teaser .title-3, .teaser h3, .teaser .title-4, .teaser h4, .teaser .title-5, .teaser h5, .teaser dt, .teaser .has-swatches .swatch h4, .has-swatches .swatch .teaser h4, .teaser .title-6, .teaser h6, .teaser .panel.feedback-message .feedback-message__title, .panel.feedback-message .teaser .feedback-message__title, | |
| .teaser p { | |
| max-width: none; } | |
| @@ -1605,6 +1686,82 @@ header { | |
| left: 0; | |
| top: 0; | |
| margin: 0; } } | |
| +.has-sidebar { | |
| + margin: 2rem auto; | |
| + max-width: 66rem; } | |
| + .has-sidebar > * *:first-child { | |
| + margin-top: 0; } | |
| + .has-sidebar > * *:last-child { | |
| + margin-bottom: 0; } | |
| + @media (max-width: 940px) { | |
| + .has-sidebar > * { | |
| + margin-bottom: 0; } | |
| + .has-sidebar > *:first-child { | |
| + margin-bottom: 2rem; } } | |
| + .has-sidebar > *:first-child { | |
| + text-align: left; } | |
| + .has-sidebar > *:last-child { | |
| + text-align: right; } | |
| + @media (min-width: 940px) { | |
| + .has-sidebar { | |
| + display: -webkit-box; | |
| + display: -webkit-flex; | |
| + display: -moz-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; } | |
| + .has-sidebar .sidebar-sibling { | |
| + width: 66%; } | |
| + .has-sidebar .sidebar { | |
| + width: 33%; } } | |
| + @media (min-width: 1300px) { | |
| + .has-sidebar .sidebar-sibling { | |
| + width: 70%; } | |
| + .has-sidebar .sidebar { | |
| + width: 30%; } } | |
| + | |
| +@media (min-width: 940px) { | |
| + .sidebar-sibling { | |
| + padding-right: 4rem; } | |
| + .sidebar + .sidebar-sibling { | |
| + padding-right: 0; | |
| + padding-left: 4rem; } } | |
| +.sidebar { | |
| + position: relative; } | |
| + .sidebar h2 { | |
| + font-size: 2.25rem; } | |
| + .sidebar h3 { | |
| + font-size: 1.75rem; | |
| + line-height: inherit; } | |
| + .sidebar h4 { | |
| + font-size: 1.2rem; | |
| + font-weight: 600; } | |
| + .sidebar > * { | |
| + margin: 0; } | |
| + .sidebar > * + * { | |
| + margin-top: 1.5rem; } | |
| + | |
| +.sidebar--filled { | |
| + display: -webkit-box; | |
| + display: -webkit-flex; | |
| + display: -moz-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-box-direction: normal; | |
| + -webkit-box-orient: vertical; | |
| + -webkit-flex-direction: column; | |
| + -moz-flex-direction: column; | |
| + -ms-flex-direction: column; | |
| + flex-direction: column; } | |
| + | |
| +.sidebar__filler { | |
| + -webkit-box-flex: 1; | |
| + -webkit-flex: 1 0 auto; | |
| + -moz-box-flex: 1; | |
| + -moz-flex: 1 0 auto; | |
| + -ms-flex: 1 0 auto; | |
| + flex: 1 0 auto; | |
| + margin: 0; } | |
| + | |
| /* | |
| .card { | |
| @@ -1935,6 +2092,11 @@ header { | |
| border: 1px solid #b3b3b3; } | |
| .swatch.site-grey--lighter::after { | |
| content: "<strong>lighter</strong><br />#CCC<br />rgb(204, 204, 204)"; } | |
| + .swatch.site-grey--lightest .dot { | |
| + background-color: #EBEBEB; | |
| + border: 1px solid #d2d2d2; } | |
| + .swatch.site-grey--lightest::after { | |
| + content: "<strong>lightest</strong><br />#EBEBEB<br />rgb(235, 235, 235)"; } | |
| .swatch.font--primary .dot { | |
| background-color: #CCC; | |
| border: 1px solid #b3b3b3; } | |
| @@ -2016,10 +2178,10 @@ header { | |
| .swatch.panel--font-color::after { | |
| content: "<strong>font-color</strong><br />#CCC<br />rgb(204, 204, 204)"; } | |
| .swatch.border--primary .dot { | |
| - background-color: black; | |
| - border: 1px solid black; } | |
| + background-color: #CCC; | |
| + border: 1px solid #b3b3b3; } | |
| .swatch.border--primary::after { | |
| - content: "<strong>primary</strong><br />black<br />rgb(0, 0, 0)"; } | |
| + content: "<strong>primary</strong><br />#CCC<br />rgb(204, 204, 204)"; } | |
| .swatch.border--secondary .dot { | |
| background-color: black; | |
| border: 1px solid black; } | |
| @@ -2107,7 +2269,7 @@ header { | |
| margin-right: auto; | |
| width: 100%; | |
| background: #041c25; | |
| - border-top: 1px dotted black; | |
| + border-top: 1px dotted #CCC; | |
| position: absolute; | |
| left: 0; | |
| top: 100%; } | |
| diff --git a/styleguide/caxy-template/kss-assets/main-dev.css.map b/styleguide/caxy-template/kss-assets/main-dev.css.map | |
| index 3f03a97..90f8cad 100644 | |
| --- a/styleguide/caxy-template/kss-assets/main-dev.css.map | |
| +++ b/styleguide/caxy-template/kss-assets/main-dev.css.map | |
| @@ -1,7 +1,7 @@ | |
| { | |
| "version": 3, | |
| -"mappings": "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", | |
| -"sources": ["../../../scss/normalize.scss","../../../scss/variables/_fonts.scss","../../../bower_components/font-awesome/scss/_path.scss","../../../bower_components/font-awesome/scss/_core.scss","../../../scss/_font-awesome.scss","../../../bower_components/font-awesome/scss/_variables.scss","../../../bower_components/font-awesome/scss/_screen-reader.scss","../../../bower_components/font-awesome/scss/_mixins.scss","../../../scss/utilities/_mixins.scss","../../../scss/variables/_colors.scss","../../../scss/base/_base.scss","../../../scss/base/_typography.scss","../../../scss/variables/_structure.scss","../../../scss/base/_form-elements.scss","../../../scss/base/_buttons.scss","../../../scss/base/_tables.scss","../../../scss/components/_indicators.scss","../../../scss/components/_forms.scss","../../../scss/components/_menus.scss","../../../scss/utilities/_mixins-flexbox.scss","../../../scss/components/_page-level.scss","../../../scss/components/_site-level.scss","../../../scss/components/_containers.scss","../../../scss/components/_heroes.scss","../../../scss/styleguide/_styleguide.scss"], | |
| +"mappings": "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", | |
| +"sources": ["../../../scss/variables/_fonts.scss","../../../scss/normalize.scss","../../../bower_components/font-awesome/scss/_path.scss","../../../bower_components/font-awesome/scss/_core.scss","../../../scss/_font-awesome.scss","../../../bower_components/font-awesome/scss/_variables.scss","../../../bower_components/font-awesome/scss/_screen-reader.scss","../../../bower_components/font-awesome/scss/_mixins.scss","../../../scss/utilities/_mixins.scss","../../../scss/variables/_colors.scss","../../../scss/base/_base.scss","../../../scss/base/_typography.scss","../../../scss/variables/_structure.scss","../../../scss/base/_form-elements.scss","../../../scss/base/_buttons.scss","../../../scss/base/_tables.scss","../../../scss/components/_indicators.scss","../../../scss/components/_forms.scss","../../../scss/components/_menus.scss","../../../scss/utilities/_mixins-flexbox.scss","../../../scss/components/_page-level.scss","../../../scss/components/_site-level.scss","../../../scss/components/_containers.scss","../../../scss/components/_heroes.scss","../../../scss/styleguide/_styleguide.scss"], | |
| "names": [], | |
| "file": "main-dev.css" | |
| } | |
| diff --git a/styleguide/index.html b/styleguide/index.html | |
| index 9de7e49..d3a3478 100644 | |
| --- a/styleguide/index.html | |
| +++ b/styleguide/index.html | |
| @@ -2,7 +2,7 @@ | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| - <title>Caxy Website Styleguide - v. 1.3.3</title> | |
| + <title>Caxy Website Styleguide - v. 1.4.0</title> | |
| <meta name="description" content=""> | |
| <meta name="generator" content="kss-node"> | |
| @@ -24,7 +24,7 @@ | |
| <div class="kss-sidebar kss-style"> | |
| <header class="kss-header"> | |
| <h1 class="kss-doc-title">Caxy Website Styleguide</h1> | |
| - <small>v. 1.3.3</small> | |
| + <small>v. 1.4.0</small> | |
| </header> | |
| <nav class="kss-nav"> | |
| <ul class="kss-nav__menu"> | |
| @@ -46,7 +46,7 @@ | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html"> | |
| - <span class="kss-nav__ref">3</span><span class="kss-nav__name">Forms and Form Elements</span> | |
| + <span class="kss-nav__ref">3</span><span class="kss-nav__name">Form Fields and Buttons</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -92,6 +92,13 @@ added to the styleguide, grouped by version number.</p> | |
| <h2 id="version-1">Version 1</h2> | |
| <p>Version 1 is concerned with setting up all default/base HTML patterns and stuctures, as well as the baseline styling for our main container for this site, panels.</p> | |
| <h3 id="patterns-added-with-this-version-">Patterns added with this version:</h3> | |
| +<h4 id="1-4">1.4</h4> | |
| +<p>Adds additional panel variations, panel child element classes, and landing page example.</p> | |
| +<ul> | |
| +<li><a href="section-5.html#kssref-5-2-1">Fullbleed panel content revisions</a></li> | |
| +<li><a href="section-5.html#kssref-5-2-3">Inverse Panels</a></li> | |
| +<li><a href="section-50.html#kssref-50-2">Landing Page Example</a></li> | |
| +</ul> | |
| <h4 id="1-3-4">1.3.4</h4> | |
| <ul> | |
| <li><a href="section-2.html#kssref-2-15">Byline</a></li> | |
| @@ -159,6 +166,7 @@ Adds margin removal for panels for situation where they operate as elements flus | |
| className: 'is-in-viewport' | |
| }); | |
| </script> | |
| +<script src="kss-assets/form-label-shift.js"></script> | |
| <script src="kss-assets/js/mobile-menu.js"></script> | |
| <script src="kss-assets/js/swatch-text.js"></script> | |
| <script src="kss-assets/js/styleguide-display.js"></script> | |
| diff --git a/styleguide/kss-assets/form-label-shift.js b/styleguide/kss-assets/form-label-shift.js | |
| new file mode 100644 | |
| index 0000000..41146cf | |
| --- /dev/null | |
| +++ b/styleguide/kss-assets/form-label-shift.js | |
| @@ -0,0 +1,37 @@ | |
| +(function ($) { | |
| + $(document).ready(function(){ | |
| + | |
| + $('.field-text').each(function(){ | |
| + | |
| + var $thisLabel = $(this), | |
| + $thisField = $thisLabel.find('input'); | |
| + | |
| + if(!$thisLabel.hasClass('form-type-managed-file')) { | |
| + if($thisField.length === 0) { | |
| + $thisField = $thisLabel.find('textarea'); | |
| + } | |
| + | |
| + // in cases of soft refresh where value is still present/input | |
| + if($thisField.val() !== "" && !$thisField.hasClass('has-value')) { | |
| + $thisLabel.addClass('has-value'); | |
| + } | |
| + | |
| + $thisField.on('click', function(){ | |
| + $thisLabel.addClass('has-value'); | |
| + }).on('focus', function(){ | |
| + $thisLabel.addClass('has-value'); | |
| + }).on('blur', function(){ | |
| + if($thisField.val() === "") { | |
| + $thisLabel.removeClass('has-value'); | |
| + } | |
| + }).on('change', function(){ | |
| + if($thisField.val() !== "") { | |
| + $thisLabel.addClass('has-value'); | |
| + } | |
| + }); | |
| + } | |
| + | |
| + }); | |
| + | |
| + }); | |
| +})(jQuery); | |
| \ No newline at end of file | |
| diff --git a/styleguide/kss-assets/kss.css b/styleguide/kss-assets/kss.css | |
| index 1f0808c..20d31ca 100644 | |
| --- a/styleguide/kss-assets/kss.css | |
| +++ b/styleguide/kss-assets/kss.css | |
| @@ -49,7 +49,7 @@ | |
| color: #666; | |
| margin: 0; | |
| padding-left: 24px; | |
| - border-left: 0.5em #d9d9d9 solid; } | |
| + border-left: 0.5em #d8d8d8 solid; } | |
| .kss-style hr { | |
| display: block; | |
| height: 2px; | |
| @@ -60,7 +60,7 @@ | |
| padding: 0; } | |
| .kss-style pre, .kss-style code, .kss-style kbd, .kss-style samp { | |
| font-family: Menlo, "Ubuntu Mono", "Lucida Console", "Courier New", Courier, monospace; | |
| - color: #2b2b2b; | |
| + color: #2a2a2a; | |
| font-size: 1em; } | |
| .kss-style pre { | |
| white-space: pre; | |
| diff --git a/styleguide/kss-assets/kss.css.map b/styleguide/kss-assets/kss.css.map | |
| index d08ba09..7e75207 100644 | |
| --- a/styleguide/kss-assets/kss.css.map | |
| +++ b/styleguide/kss-assets/kss.css.map | |
| @@ -1,6 +1,6 @@ | |
| { | |
| "version": 3, | |
| -"mappings": "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", | |
| +"mappings": "AAoBQ,8EAAsE;AAE9E,UAMC;EALC,WAAW,EAAE,aAAa;EAC1B,GAAG,EAAE,oCAAoC;EACzC,GAAG,EAAE,sLAAuE;EAC5E,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;AA0BpB,UAAW;EAET,KAAK,EAhDiB,IAAI;EAiD1B,WAAW,EAzBG,8BAAW;EA0BzB,SAAS,EAtBK,IAAI;EAwBlB,YAAE;IAEA,KAAK,EAjDS,OAAO;IAkDrB,eAAe,EAAE,SAAS;IAE1B,oBAAU;MACR,KAAK,EApDe,OAAO;IAsD7B,sCACU;MACR,KAAK,EAvDa,OAAO;IAyD3B,mBAAU;MACR,KAAK,EAzDc,OAAO;IA4D5B,uCACS;MACP,OAAO,EAAE,CAAC;IAGZ,wDAEK;MACH,eAAe,EAAE,SAAS;EAK9B,YAAE;IACA,MAAM,EAAE,MAAc;IACtB,SAAS,EAAE,KAAK;EAGlB,wFAAuB;IACrB,MAAM,EAAE,UAAkB;IAC1B,WAAW,EAjEG,mCAAgB;IAkE9B,KAAK,EAxFY,IAAI;IAyFrB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;EAGrB,2CAAW;IACT,KAAK,EAAE,OAAmC;EAG5C,aAAG;IAAE,SAAS,EAAE,IAAqB;EACrC,aAAG;IAAE,SAAS,EAAE,IAAqB;EACrC,aAAG;IAAE,SAAS,EAAE,IAAkB;EAClC,aAAG;IAAE,SAAS,EAAE,IAAqB;EACrC,aAAG;IAAE,SAAS,EAAE,IAAqB;EACrC,aAAG;IAAE,SAAS,EAAE,IAAkB;EAElC,qBAAW;IACT,KAAK,EAxGW,IAAI;IAyGpB,MAAM,EAAE,CAAC;IACT,YAAY,EA/EF,IAAoB;IAgF9B,WAAW,EAAE,mBAAgE;EAG/E,aAAG;IACD,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,iBAA8C;IAC1D,aAAa,EAAE,iBAA6C;IAC5D,MAAM,EAAE,MAAc;IACtB,OAAO,EAAE,CAAC;EAGZ,gEAAqB;IACnB,WAAW,EAjGC,yEAAK;IAkGjB,KAAK,EAAE,OAAqD;IAC5D,SAAS,EAAE,GAAG;EAGhB,cAAI;IACF,WAAW,EAAE,GAAG;IAChB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,IAAI;EAGjB,cAAI;IACF,KAAK,EAtIY,IAAI;IAuIrB,UAAU,EAAE,IAAI;IAChB,eAAe,EAAE,IAAI;EAGvB,eAAK;IACH,KAAK,EA5IY,IAAI;IA6IrB,UAAU,EAAE,IAAI;IAChB,WAAW,EAAE,IAAI;EAGnB,8BAAS;IACP,SAAS,EAAE,GAAG;IACd,WAAW,EAAE,CAAC;IACd,QAAQ,EAAE,QAAQ;IAClB,cAAc,EAAE,QAAQ;EAE1B,cAAI;IAAE,GAAG,EAAE,MAAM;EACjB,cAAI;IAAE,MAAM,EAAE,OAAO;EAErB,4BAAO;IACL,MAAM,EAAE,MAAc;IACtB,OAAO,EAAE,UAAkB;EAE7B,0BAAgB;IACd,MAAM,EAAE,CAAC;EAGX,2CAAW;IACT,KAAK,EApKe,IAAI;IAqKxB,WAAW,EA7IC,8BAAW;IA8IvB,SAAS,EAAE,QAAmB;EAEhC,aAAG;IACD,MAAM,EAAE,UAAoB;EAG9B,cAAI;IACF,SAAS,EAAC,IAAI;IACd,MAAM,EAAE,CAAC;IACT,sBAAsB,EAAE,OAAO;IAC/B,cAAc,EAAE,MAAM;EAGxB,gBAAM;IACJ,eAAe,EAAE,QAAQ;IACzB,cAAc,EAAE,CAAC;EAEnB,aAAG;IACD,cAAc,EAAE,GAAG;EAGrB,YAAa;IACX,kCAAa;MAAE,eAAe,EAAE,SAAS;IACzC,aAAG;MAAE,MAAM,EAAE,GAAG;MAAE,MAAM,EAAC,CAAC;MAAE,aAAa,EAAC,eAAe;IACzD,wBAAc;MAAE,OAAO,EAAE,mBAAmB;IAC5C,sEAAiD;MAAE,OAAO,EAAE,EAAE;IAC9D,4BAAkB;MAAE,OAAO,EAAE,oBAAoB;IACjD,qCAAgB;MAAE,MAAM,EAAE,cAAc;MAAE,aAAa,EAAE,GAAG;MAAE,iBAAiB,EAAE,KAAK;IACtF,6BAAQ;MAAE,iBAAiB,EAAE,KAAK;IAClC,cAAI;MAAE,SAAS,EAAE,eAAe;IAChC,0CAAU;MAAE,OAAO,EAAE,CAAC;MAAE,MAAM,EAAE,CAAC;IACjC,4BAAO;MAAE,gBAAgB,EAAE,KAAK;;AAQpC,SAAU;EAER,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,IAAI;EACb,UAAU,EApNY,IAAI;EAsN1B,oCAA8C;IANhD,SAAU;MAON,OAAO,EAAE,CAAC;MACV,UAAU,EAAE,IAAI;EAGlB,mBAAU;IAER,MAAM,EAAE,MAAM;IAEd,qCAAoB;MAClB,MAAM,EAAE,aAAyB;IAGnC,oCAA8C;MARhD,mBAAU;QAUN,WAAW,EAvNG,KAAK;QAwNnB,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,MAAM;QAEhB,qCAAoB;UAClB,WAAW,EA5NC,KAAK;EA4OvB;uBACY;IAEV,IAAI,EAAE,CAAC;IAEP,oCAA8C;MALhD;2BACY;QAKR,QAAQ,EAAE,KAAK;QACf,KAAK,EAnPS,KAAK;EA+PvB,sBAAa;IAEX,aAAa,EAAE,cAA4B;IAC3C,WAAW,EAtPG,mCAAgB;IAuP9B,OAAO,EAAE,YAAY;IAErB,wBAAE;MACA,eAAe,EAAE,IAAI;IAGvB,oCAA8C;MAVhD,sBAAa;QAWT,MAAM,EAAE,mBAAmB;QAC3B,QAAQ,EAAE,MAAM;QAChB,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,cAA4B;EAI9C,qBAAY;IAEV,UAAU,EAjSiB,OAAkC;IAkS7D,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,SAA+B;IACxC,SAAS,EAAE,IAAmB;IAC9B,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,cAA4B;IACpC,WAAW,EA7QC,8BAAW;IA8QvB,KAAK,EAtSe,IAAI;IAwSxB,yBAAI;MACF,OAAO,EAAE,KAAK;MACd,MAAM,EAAE,IAAI;IAGd,oCAA8C;MAhBhD,qBAAY;QAiBR,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,WAAW;QACzB,MAAM,EAAE,MAAM;;AAalB,wBAAe;EACb,MAAM,EAAE,SAAoB;EAE5B,oCAA8C;IAHhD,wBAAe;MAIX,SAAS,EAAE,KAAK;AAIpB,qBAAY;EACV,OAAO,EAAE,MAAc;EACvB,MAAM,EAAE,CAAC;AAGX,wBAAe;EACb,UAAU,EAAE,CAAC;EACb,aAAa,EAAE,CAAC;EAChB,OAAO,EAAE,CAAC;EACV,eAAe,EAAE,IAAI;AAGvB,6BAAoB;EAElB,OAAO,EAAE,YAAY;EACrB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EAEV,oCAA8C;IANhD,6BAAoB;MAOhB,OAAO,EAAE,SAAS;MAClB,aAAa,EAAE,CAAC;MAChB,gCAAG;QACD,UAAU,EAAE,IAAI;QAChB,UAAU,EAAE,cAAc;QAC1B,aAAa,EAAE,IAAI;QACnB,aAAa,EAAE,cAAc;AAKnC,6BAAoB;EAElB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,YAAY;EACrB,WAAW,EAAE,MAAM;EACnB,aAAa,EA3UH,IAAoB;EA8U5B,oCAA8C;IADhD,oCAAS;MAEL,OAAO,EAAE,GAAG;MACZ,QAAQ,EAAE,QAAQ;MAClB,IAAI,EAAE,KAAa;MACnB,KAAK,EAAE,CAAC;MACR,MAAM,EAAE,IAAI;MACZ,gBAAgB,EAAE,WAAa;EAInC,oDAAyB;IACvB,gBAAgB,EAAE,OAAO;IACzB,KAAK,EAAE,GAAG;IACV,UAAU,EAAE,oBAAoB;AAIpC,8BAAqB;EAEnB,OAAO,EAAE,IAAI;EAEb,oCAA8C;IAJhD,8BAAqB;MAMjB,OAAO,EAAE,KAAK;MACd,eAAe,EAAE,IAAI;MACrB,MAAM,EAAE,CAAC;MACT,OAAO,EAAE,CAAC;MAEV,iCAAG;QACD,YAAY,EA3WN,IAAoB;AAiXhC,uBAAc;EACZ,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,GAAG;AAGpB,6BAAoB;EAClB,WAAW,EAAE,GAAG;;AAQpB,SAAU;;;;;;;;;;;;;;;;;EAER,sBAAa;IACX,aAAa,EAAE,IAAkB;IACjC,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;EAGb,oBAAW;IACT,aAAa,EAAE,CAAC;IAChB,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,GAAG;IAChB,aAAa,EA3YH,IAAoB;EA8YhC,yBAAgB;IACd,OAAO,EAAE,KAAK;IACd,SAAS,EAjZG,IAAI;IAkZhB,WAAW,EAlZC,IAAI;IAoZhB,gCAAS;MACP,OAAO,EAAE,UAAU;EAGvB,+BAAsB;IAEpB,OAAO,EAAE,KAAK;IACd,eAAe,EAAE,IAAI;IACrB,KAAK,EAxbe,IAAI;IA0bxB,oHAES;MACP,KAAK,EAxbO,OAAO;MA0bnB,oCAAqC;QAEnC,qMAA2B;UACzB,OAAO,EAAE,MAAM;UACf,0NAAS;YACP,WAAW,EA3aP,aAAa;YA4ajB,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,OAAmC;EAOpD,oCAA2B;IACzB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAgC;EAGzC,yBAAgB;IACd,OAAO,EAAE,KAAK;IACd,eAAe,EAAE,IAAI;IACrB,UAAU,EAAE,CAAC;IACb,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;EAEjB,gCAAuB;IACrB,WAAW,EAAE,IAAI;EAEnB,+BAAsB;IACpB,OAAO,EAAE,SAAS;EAEpB,+BAAsB;IACpB,OAAO,EAAE,UAAU;IACnB,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,MAAM;EAErB,sCAA6B;IAC3B,OAAO,EAAE,UAAU;EAErB,6CAAoC;IAClC,WAAW,EAAE,MAAM;EAGrB,gCAAuB;IACrB,MAAM,EAAE,cAA4B;EAEtC,gCAAuB;IAErB,aAAa,EAAE,cAA4B;IAC3C,gBAAgB,EAnfW,OAAkC;IAof7D,OAAO,EAAE,QAA6B;IACtC,WAAW,EA5dG,mCAAgB;IA6d9B,WAAW,EAAE,MAAM;IAldrB,iFACS;MACP,OAAO,EAAE,EAAE;MACX,OAAO,EAAE,KAAK;MACd,KAAK,EAAE,IAAI;EAidb,6BAAoB;IAClB,OAAO,EAAE,WAA2B;EAGtC,qCAA4B;IAC1B,WAAW,EA/dD,IAAoB;EAkehC;+BACoB;IAClB,WAAW,EAAE,GAAG;EAGlB,gCAAuB;IAErB,UAAU,EAAE,OAAO;IACnB,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;IACX,OAAO,EA5eG,IAAoB;IA6e9B,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,UAA0B;IAClC,UAAU,EAAE,MAAM;IAElB;kDACc;MACZ,KAAK,EAAE,IAAI;IAGb,2CAAa;MACX,MAAM,EAAE,CAAC;EAIb,qBAAY;IACV,MAAM,EAAE,aAAqB;IAC7B,MAAM,EAAE,cAAc;IACtB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,MAAM;EAElB,yBAAgB;IACd,MAAM,EAAE,CAAC;EAGX,qBAAY;IACV,SAAS,EAAE,GAAG;EAGhB,qBAAY;IACV,OAAO,EAAC,IAAI;IAEZ,oCAAqC;MAHvC,qBAAY;QAIR,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;IAGV,yBAAI;MACF,MAAM,EAAE,CAAC;EAUb,cAAK;IAAE,KAAK,EAAE,IAAI;EAElB,cAAK;IAAE,KAAK,EAAE,IAAI;EAClB,cAAK;IAAE,KAAK,EAAE,IAAI;EAClB,cAAK;IAAE,KAAK,EAAE,IAAI;EAClB,cAAK;IAAE,KAAK,EAAE,IAAI;EAClB,cAAK;IAAE,KAAK,EAAE,IAAI;EAElB,8CAAiB;IAAE,KAAK,EAAE,IAAI;EAC9B,cAAK;IAAE,KAAK,EAAE,IAAI;EAClB,cAAK;IAAE,KAAK,EAAE,IAAI;EAClB,cAAK;IAAE,KAAK,EAAE,IAAI;EAClB,8BAAW;IAAE,KAAK,EAAE,IAAI;EACxB,cAAK;IAAE,KAAK,EAAE,GAAG;EAGjB,wBAAyB;IACvB,cAAK;MAAE,KAAK,EAAE,IAAI;IAClB,cAAK;MAAE,KAAK,EAAE,IAAI;MAAE,WAAW,EAAE,IAAI;IACrC,cAAK;MAAE,KAAK,EAAE,IAAI;MAAE,UAAU,EAAE,MAAM;IACtC,cAAK;MAAE,KAAK,EAAE,IAAI;MAAE,WAAW,EAAE,IAAI;IACrC,cAAK;MAAE,KAAK,EAAE,IAAI;IAClB,8CAAiB;MAAE,KAAK,EAAE,IAAI;IAC9B,cAAK;MAAE,KAAK,EAAE,IAAI;MAAE,WAAW,EAAE,IAAI;IACrC,cAAK;MAAE,KAAK,EAAE,IAAI;IAClB,cAAK;MAAE,KAAK,EAAE,IAAI;EAIpB,qBAAY;IACV,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,SAAS;IAClB,eAAe,EAAE,IAAI;;IAErB,wBAAG;MACD,UAAU,EAjkBF,IAAoB;MAkkB5B,aAAa,EAAE,cAAc;MAC7B,OAAO,EAAE,MAAM;MACf,UAAU,EAAE,IAAI;MAEhB,oCAAc;QACZ,WAAW,EAAE,GAAG;IAIpB;;;;+BAIM;MACJ,UAAU,EAAE,OAAO;;AAOzB,WAAY;EAEV,aAAa,EAAE,GAAG;EAClB,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,GAAc;EACvB,SAAS,EAAE,QAAQ;EACnB,cAAc,EAAE,SAAS;EACzB,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,YAAY;EACrB,WAAW,EAAE,GAAG;EAEhB,sBAAa;IACX,KAAK,EAAE,IAAI;EAGb,mBAAU;IACR,WAAW,EAAE,aAAa;IAC1B,aAAa,EAAE,KAAK;EAGtB,uBAAc;IACZ,UAAU,EAAE,OAAO;IACnB,+BAAU;MACR,OAAO,EAAE,OAAO;EAGpB,kBAAS;IACP,UAAU,EAAE,OAAO;IACnB,0BAAU;MACR,OAAO,EAAE,OAAO;EAGpB,iBAAQ;IACN,UAAU,EAAE,OAAO;IACnB,yBAAU;MACR,OAAO,EAAE,OAAO;;AAKtB,mBAAoB;EAElB,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,SAAS;EAClB,UAAU,EA3pBM,OAAO;EA4pBvB,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAChB,aAAa,EAAE,GAAG;EAClB,cAAc,EAAE,OAAO;EACvB,WAAW,EA7oBG,8BAAW;EA+oBzB,gFAES;IACP,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,IAAI;IAChB,GAAG,EAAE,CAAC;EAGR,0BAAS;IACP,UAAU,EAzqBW,OAAO;IA0qB5B,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,IAAI;IAChB,GAAG,EAAE,CAAC;;AAIV,eAAgB;EACd,MAAM,EAAE,QAAkB;EAC1B,QAAQ,EAAE,KAAK;EACf,UAAU,EAAE,KAAK;EACjB,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,CAAC;EACR,KAAK,EAAE,IAAI;EACX,MAAM,EAtrBY,MAAM;EAurBxB,UAAU,EAnsBmB,OAAkC;EAosB/D,aAAa,EAAE,cAA4B;EAC3C,OAAO,EAAE,GAAG;EACZ,sBAAO;IACL,MAAM,EAAE,GAAc;IACtB,OAAO,EAAE,YAAY;;AAQzB,aAAc;EAEZ,MAAM,EAAE,QAAgB;EACxB,YAAY,EAAE,IAAc;EAC5B,WAAW,EAAE,cAA4B;EAEzC;kBACG;IACD,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,OAAO,EAAE,YAAY;;AAIzB,aAAc;EAEZ,OAAO,EAAE,YAAY;EACrB,cAAc,EAAE,UAAU;EAE1B,qBAAU;IACR,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,GAAG;IAChB,OAAO,EAAE,UAAoB;IAC7B,WAAW,EAAE,aAAa;EAI1B,0BAAU;IACR,OAAO,EAAE,OAAO;EAKlB,8BAAU;IACR,OAAO,EAAE,OAAO;EAKlB,8BAAU;IACR,OAAO,EAAE,OAAO;EAKlB,8BAAU;IACR,OAAO,EAAE,OAAO;EAKlB,0BAAU;IACR,OAAO,EAAE,OAAO", | |
| "sources": ["kss.scss"], | |
| "names": [], | |
| "file": "kss.css" | |
| diff --git a/styleguide/kss-assets/main-dev.css b/styleguide/kss-assets/main-dev.css | |
| index 004eac5..d3eae34 100644 | |
| --- a/styleguide/kss-assets/main-dev.css | |
| +++ b/styleguide/kss-assets/main-dev.css | |
| @@ -447,9 +447,14 @@ textarea { | |
| /* Adjusts for spacing */ } | |
| .has-inline-elements > * { | |
| display: inline-block; | |
| - margin: 0 0.75rem; | |
| + margin: 1.5rem 0.75rem; | |
| vertical-align: bottom; } | |
| @media (min-width: 940px) { | |
| + .has-inline-elements > * { | |
| + display: inline-block; | |
| + margin: 0 0.75rem; | |
| + vertical-align: bottom; } } | |
| + @media (min-width: 940px) { | |
| .has-inline-elements { | |
| white-space: nowrap; } } | |
| @@ -489,19 +494,19 @@ textarea { | |
| background: #fff; } | |
| .has-border--primary { | |
| - border: 1px solid black; } | |
| + border: 1px solid #CCC; } | |
| .has-border--primary--top { | |
| - border-top: 1px solid black; } | |
| + border-top: 1px solid #CCC; } | |
| .has-border--primary--right { | |
| - border-right: 1px solid black; } | |
| + border-right: 1px solid #CCC; } | |
| .has-border--primary--bottom { | |
| - border-bottom: 1px solid black; } | |
| + border-bottom: 1px solid #CCC; } | |
| .has-border--primary--left { | |
| - border-left: 1px solid black; } | |
| + border-left: 1px solid #CCC; } | |
| .has-border--secondary { | |
| border: 2px solid black; } | |
| @@ -518,15 +523,6 @@ textarea { | |
| .has-border--secondary--left { | |
| border-left: 2px solid black; } | |
| -.align-center { | |
| - text-align: center; } | |
| - | |
| -.align-left { | |
| - text-align: left; } | |
| - | |
| -.align-right { | |
| - text-align: right; } | |
| - | |
| * { | |
| box-sizing: border-box; } | |
| @@ -537,9 +533,13 @@ body { | |
| hr { | |
| border: none; | |
| - border-bottom: 1px solid black; | |
| + border-bottom: 1px solid #CCC; | |
| margin: 2rem 0; } | |
| +img { | |
| + max-width: 100%; | |
| + margin: auto; } | |
| + | |
| abbr, | |
| abbr[title] { | |
| text-decoration: none; } | |
| @@ -551,16 +551,16 @@ All text should pass [WCAG 2.0 AA standards](https://www.w3.org/WAI/WCAG20/quick | |
| Styleguide 2 | |
| */ | |
| -.title-1, h1, .title-2, h2, .title-3, h3, .title-4, h4, .title-5, h5, dt, .has-swatches .swatch h4, .title-6, h6 { | |
| +.title-1, h1, .title-2, h2, .title-3, h3, .title-4, h4, .title-5, h5, dt, .has-swatches .swatch h4, .title-6, h6, .panel.feedback-message .feedback-message__title, .sidebar h2, .sidebar h3, .sidebar h4 { | |
| color: #fff; | |
| font-family: "Varela Round", sans-serif; | |
| margin: 0 auto 1.5rem; | |
| font-weight: 400; | |
| font-style: normal; | |
| max-width: 60rem; } | |
| - p + .title-1, p + h1, p + .title-2, p + h2, p + .title-3, p + h3, p + .title-4, p + h4, p + .title-5, p + h5, p + dt, .has-swatches .swatch p + h4, p + .title-6, p + h6 { | |
| + p + .title-1, p + h1, p + .title-2, p + h2, p + .title-3, p + h3, p + .title-4, p + h4, p + .title-5, p + h5, p + dt, .has-swatches .swatch p + h4, p + .title-6, p + h6, .panel.feedback-message p + .feedback-message__title, .sidebar p + h2, .sidebar p + h3, .sidebar p + h4 { | |
| margin: 2rem auto 1.5rem auto; } | |
| - header > .title-1, header > h1, header > .title-2, header > h2, header > .title-3, header > h3, header > .title-4, header > h4, header > .title-5, header > h5, header > dt, .has-swatches .swatch header > h4, header > .title-6, header > h6 { | |
| + header > .title-1, header > h1, header > .title-2, header > h2, header > .title-3, header > h3, header > .title-4, header > h4, header > .title-5, header > h5, header > dt, .has-swatches .swatch header > h4, header > .title-6, header > h6, .panel.feedback-message header > .feedback-message__title, .sidebar header > h2, .sidebar header > h3, .sidebar header > h4 { | |
| margin: 0 auto; } | |
| .page-title { | |
| @@ -570,6 +570,11 @@ Styleguide 2 | |
| font-size: 4.5rem; } | |
| .title-1 + .subheading, h1 + .subheading { | |
| font-size: 3.375rem; } | |
| + @media (max-width: 940px) { | |
| + .title-1, h1 { | |
| + font-size: 3rem; } | |
| + .title-1 + .subheading, h1 + .subheading { | |
| + font-size: 2.25rem; } } | |
| .title-2, h2 { | |
| font-size: 2.5rem; } | |
| @@ -577,10 +582,10 @@ Styleguide 2 | |
| font-size: 1.875rem; } | |
| .title-3, h3 { | |
| - font-size: 2rem; } | |
| + font-size: 2.25rem; } | |
| .title-4, h4 { | |
| - font-size: 1.5rem; | |
| + font-size: 1.75rem; | |
| line-height: inherit; } | |
| .title-5, h5, dt, .has-swatches .swatch h4 { | |
| @@ -632,7 +637,7 @@ li { | |
| dt { | |
| margin: 1.5rem auto 0; } | |
| dl + dt { | |
| - border-top: 1px solid black; | |
| + border-top: 1px solid #CCC; | |
| padding-top: 1.5rem; } | |
| dd { | |
| @@ -672,7 +677,7 @@ code.hljs { | |
| display: block; | |
| overflow-x: scroll; | |
| border-radius: 13px; | |
| - max-width: 61.5rem; } | |
| + max-width: 66rem; } | |
| .hljs-comment { | |
| color: #898989; } | |
| @@ -702,7 +707,7 @@ strong { | |
| position: relative; | |
| max-width: 60rem; | |
| margin: 8rem auto; } | |
| - .copy--hand__pointing-right .title-1, .copy--hand__pointing-right h1, .copy--hand__pointing-right .title-2, .copy--hand__pointing-right h2, .copy--hand__pointing-right .title-3, .copy--hand__pointing-right h3, .copy--hand__pointing-right .title-4, .copy--hand__pointing-right h4, .copy--hand__pointing-right .title-5, .copy--hand__pointing-right h5, .copy--hand__pointing-right dt, .copy--hand__pointing-right .has-swatches .swatch h4, .has-swatches .swatch .copy--hand__pointing-right h4, .copy--hand__pointing-right .title-6, .copy--hand__pointing-right h6, | |
| + .copy--hand__pointing-right .title-1, .copy--hand__pointing-right h1, .copy--hand__pointing-right .title-2, .copy--hand__pointing-right h2, .copy--hand__pointing-right .title-3, .copy--hand__pointing-right h3, .copy--hand__pointing-right .title-4, .copy--hand__pointing-right h4, .copy--hand__pointing-right .title-5, .copy--hand__pointing-right h5, .copy--hand__pointing-right dt, .copy--hand__pointing-right .has-swatches .swatch h4, .has-swatches .swatch .copy--hand__pointing-right h4, .copy--hand__pointing-right .title-6, .copy--hand__pointing-right h6, .copy--hand__pointing-right .panel.feedback-message .feedback-message__title, .panel.feedback-message .copy--hand__pointing-right .feedback-message__title, | |
| .copy--hand__pointing-right p { | |
| max-width: none; | |
| margin-left: 33%; } | |
| @@ -716,20 +721,6 @@ strong { | |
| top: 0.75rem; | |
| width: 50vw; } | |
| -/* | |
| -Forms and Form Elements | |
| - | |
| -Styleguide 3 | |
| -*/ | |
| -/* | |
| -Form Elements | |
| - | |
| -Styleguide 3.1 | |
| -*/ | |
| -label { | |
| - max-width: 50rem; | |
| - display: block; } | |
| - | |
| input[type="tel"], | |
| input[type="url"], | |
| input[type="text"], | |
| @@ -738,12 +729,15 @@ input[type="email"], | |
| input[type="search"], | |
| input[type="password"], | |
| textarea, | |
| -.form-select-wrapper { | |
| - background: #efefef; | |
| +.field__select-wrapper { | |
| + background: #fff; | |
| box-sizing: border-box; | |
| - border: 1px solid #041c25; | |
| - padding: 0.75rem 1.5rem; | |
| - border-radius: 5px; } | |
| + border: 1px solid #CCC; | |
| + padding: 1.5rem 1.125rem 0.75rem; | |
| + border-radius: 6px; | |
| + position: relative; | |
| + font-size: 15px; | |
| + max-width: 100%; } | |
| input[type="tel"]:focus, | |
| input[type="url"]:focus, | |
| input[type="text"]:focus, | |
| @@ -752,11 +746,8 @@ textarea, | |
| input[type="search"]:focus, | |
| input[type="password"]:focus, | |
| textarea:focus, | |
| - .form-select-wrapper:focus { | |
| - border-color: black; } | |
| - | |
| -.form-textfield, .form-select, fieldset { | |
| - margin: 2rem 0; } | |
| + .field__select-wrapper:focus { | |
| + border-color: #b3b3b3; } | |
| input[type="tel"], | |
| input[type="url"], | |
| @@ -783,103 +774,148 @@ select { | |
| select:focus { | |
| outline: none; } | |
| -.field-title { | |
| +.field, .field-text, .field-select, .field-checkbox, | |
| +.field-radio { | |
| + margin: 1.5rem 0; | |
| + width: 100%; | |
| display: block; | |
| - line-height: 1.4em; | |
| - margin: 0 0 0.75rem; } | |
| + text-align: left; | |
| + max-width: 60rem; } | |
| + @media (min-width: 940px) { | |
| + .field.field--half, .field--half.field-text, .field--half.field-select, .field--half.field-checkbox, | |
| + .field--half.field-radio { | |
| + width: 50%; | |
| + padding: 0 0.75rem 0 0; } | |
| + .field.field--half.align-right, .field--half.align-right.field-text, .field--half.align-right.field-select, .field--half.align-right.field-checkbox, | |
| + .field--half.align-right.field-radio { | |
| + padding-right: 0; | |
| + padding-left: 0.75rem; | |
| + float: right; } | |
| + .field.field--half.align-left, .field--half.align-left.field-text, .field--half.align-left.field-select, .field--half.align-left.field-checkbox, | |
| + .field--half.align-left.field-radio { | |
| + float: left; } } | |
| + | |
| +.field__title { | |
| + font-size: 15px; | |
| + color: #898989; | |
| + display: block; | |
| + margin-bottom: 0.75rem; } | |
| -.form-textfield { | |
| +.field__description { | |
| + font-size: 12px; } | |
| + | |
| +.field-text { | |
| position: relative; | |
| - z-index: 1; | |
| - min-width: 25rem; } | |
| - .form-textfield input, | |
| - .form-textfield textarea { | |
| - width: 100%; | |
| + z-index: 1; } | |
| + .field-text input, | |
| + .field-text textarea { | |
| position: relative; | |
| z-index: 3; | |
| display: inline-block; } | |
| - .form-textfield .field-title { | |
| - font-style: italic; | |
| - font-weight: 600; } | |
| + .field-text:focus { | |
| + border-color: #bfbfbf; } | |
| + .field-text .field__title { | |
| + position: absolute; | |
| + z-index: 4; | |
| + top: 0.75rem; | |
| + left: 1.125rem; } | |
| + .field-text:focus .field__title, .field-text.has-value .field__title { | |
| + top: 0.25rem; | |
| + font-size: 12px; } | |
| textarea { | |
| height: 12rem; | |
| resize: vertical; | |
| line-height: 1.4em; } | |
| -.form-select .field-title { | |
| - font-style: italic; | |
| - font-weight: 600; } | |
| -.form-select .description::before, .form-select .description::after { | |
| +.field-select .field__description::before, .field-select .field__description::after { | |
| content: ''; | |
| display: table; | |
| clear: both; } | |
| -.form-select .form-select-wrapper { | |
| +.field-select .field__select-wrapper { | |
| position: relative; | |
| box-sizing: border-box; | |
| z-index: 1; | |
| - display: inline-block; | |
| - background: #041c25; | |
| - padding: 0; | |
| - overflow: hidden; } | |
| - .form-select .form-select-wrapper select { | |
| + display: block; | |
| + padding: 0 2.25rem 0 0; | |
| + overflow: hidden; | |
| + border: 1px solid #CCC; | |
| + height: 55px; } | |
| + .field-select .field__select-wrapper select { | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| -webkit-appearance: none; | |
| - padding: 0.5rem 1.5rem; | |
| display: block; | |
| - min-width: 98%; | |
| - min-height: 98%; | |
| - border: none; | |
| background: none; | |
| - border: 1px solid #041c25; } | |
| - .form-select .form-select-wrapper select:focus { | |
| - border-color: black; | |
| - background: #041c25; } | |
| + width: calc(100% + 2rem); | |
| + z-index: 5; | |
| + border: none; | |
| + font-size: 15px; | |
| + color: #898989; | |
| + border-radius: 13px; | |
| + padding-left: 1.5rem; | |
| + height: 55px; } | |
| + .field-select .field__select-wrapper select option { | |
| + display: block; | |
| + white-space: pre; | |
| + font-size: 15px; | |
| + padding: 0.75rem 1.5rem; } | |
| + .field-select .field__select-wrapper select:focus { | |
| + border-color: #CCC; } | |
| + .field-select .field__select-wrapper::after { | |
| + display: block; | |
| + width: 0.75rem; | |
| + height: 1rem; | |
| + font-family: "FontAwesome", serif; | |
| + font-size: 22.5px; | |
| + color: #fff; | |
| + content: "\f0d7"; | |
| + position: absolute; | |
| + right: 0.75rem; | |
| + top: 0.75rem; } | |
| -.form-checkbox, | |
| -.form-radio { | |
| +.field-checkbox, | |
| +.field-radio { | |
| padding: 0.75rem 1.5rem 0.75rem 1.5rem; | |
| position: relative; | |
| cursor: pointer; | |
| - display: inline-block; } | |
| - .form-checkbox input, | |
| - .form-radio input { | |
| + display: block; } | |
| + .field-checkbox input, | |
| + .field-radio input { | |
| opacity: 0; | |
| height: 0; | |
| width: 0; | |
| position: absolute; } | |
| - .form-checkbox input + i::after, | |
| - .form-radio input + i::after { | |
| + .field-checkbox input + i::after, | |
| + .field-radio input + i::after { | |
| position: absolute; | |
| - top: 1rem; | |
| + top: 0.75rem; | |
| left: 0; | |
| font-family: "FontAwesome", serif; | |
| display: block; | |
| font-style: normal; | |
| color: #666; } | |
| - .form-checkbox input:focus ~ .field-title, | |
| - .form-radio input:focus ~ .field-title { | |
| + .field-checkbox input:focus ~ .field__title, | |
| + .field-radio input:focus ~ .field__title { | |
| outline: 1px dotted #000; } | |
| - .form-checkbox input:checked + i::after, | |
| - .form-radio input:checked + i::after { | |
| + .field-checkbox input:checked + i::after, | |
| + .field-radio input:checked + i::after { | |
| color: #df1e36; } | |
| - .form-checkbox .field-title, | |
| - .form-radio .field-title { | |
| - padding: 0 1rem 0 0; | |
| - line-height: 1.4em; | |
| + .field-checkbox .field__title, | |
| + .field-radio .field__title { | |
| + padding: 0 0.75rem 0 0; | |
| margin-bottom: 0; } | |
| -.form-checkbox input + i::after { | |
| +.field-checkbox input + i::after { | |
| content: "\f096"; } | |
| -.form-checkbox input:checked + i::after { | |
| +.field-checkbox input:checked + i::after { | |
| content: "\f14a"; | |
| font-size: 0.95rem; } | |
| -.form-checkbox .field-title { | |
| - font-style: italic; | |
| - font-weight: 600; } | |
| -.form-radio input + i::after { | |
| +.field-radio input + i::after { | |
| content: "\f1db"; } | |
| -.form-radio input:checked + i::after { | |
| +.field-radio input:checked + i::after { | |
| content: "\f111"; } | |
| fieldset { | |
| @@ -890,37 +926,37 @@ fieldset { | |
| border: none; | |
| padding: 0; } | |
| fieldset legend { | |
| - padding-top: 1em; | |
| + padding: 1em 0 0 0; | |
| display: table; | |
| - font-style: italic; | |
| - font-weight: 600; | |
| - font-size: 20.25px; } | |
| + text-align: left; | |
| + font-size: 18px; | |
| + font-weight: 400; } | |
| fieldset legend::after { | |
| content: ":"; } | |
| - fieldset .description { | |
| + fieldset .field__description { | |
| display: block; } | |
| - fieldset .description::before, fieldset .description::after { | |
| + fieldset .field__description::before, fieldset .field__description::after { | |
| content: ''; | |
| display: table; | |
| clear: both; } | |
| - fieldset > .form-textfield, fieldset > .form-select { | |
| + fieldset > .field-text, fieldset > .field-select { | |
| display: block; } | |
| fieldset.has-checkboxes legend, fieldset.has-radios legend { | |
| font-size: 18px; } | |
| fieldset.has-checkboxes legend::after, fieldset.has-radios legend::after { | |
| content: ""; } | |
| - fieldset.has-checkboxes .form-checkbox, | |
| - fieldset.has-checkboxes .form-radio, fieldset.has-radios .form-checkbox, | |
| - fieldset.has-radios .form-radio { | |
| + fieldset.has-checkboxes .field-checkbox, | |
| + fieldset.has-checkboxes .field-radio, fieldset.has-radios .field-checkbox, | |
| + fieldset.has-radios .field-radio { | |
| float: left; | |
| - clear: left; | |
| + clear: both; | |
| margin: 0; } | |
| - fieldset.has-checkboxes.has-inline-fields .form-checkbox, | |
| - fieldset.has-checkboxes.has-inline-fields .form-radio, fieldset.has-radios.has-inline-fields .form-checkbox, | |
| - fieldset.has-radios.has-inline-fields .form-radio { | |
| + fieldset.has-checkboxes.has-inline-fields .field-checkbox, | |
| + fieldset.has-checkboxes.has-inline-fields .field-radio, fieldset.has-radios.has-inline-fields .field-checkbox, | |
| + fieldset.has-radios.has-inline-fields .field-radio { | |
| width: 50%; | |
| clear: none; } | |
| - fieldset.has-checkboxes .form-checkbox .field-title, fieldset.has-radios .form-checkbox .field-title { | |
| + fieldset.has-checkboxes .field-checkbox .field__title, fieldset.has-radios .field-checkbox .field__title { | |
| font-weight: 400; | |
| font-style: normal; } | |
| @@ -935,40 +971,38 @@ abbr[title='required'] { | |
| color: #df1e36; } | |
| label .feedback-message { | |
| - visibility: hidden; } | |
| + visibility: hidden; | |
| + font-size: 12px; } | |
| .has-feedback > .feedback-message { | |
| visibility: visible; } | |
| -.panel.feedback-message { | |
| - color: #fff; | |
| - border: none; | |
| - position: relative; | |
| - margin-top: 0; } | |
| - .panel.feedback-message::before { | |
| - font-family: "FontAwesome", serif; | |
| - content: "\f06a"; | |
| - font-size: 3.25rem; | |
| - font-style: normal; | |
| - display: block; | |
| - width: 3.25rem; | |
| - height: 3.25rem; | |
| - margin: 0 auto; } | |
| - .panel.feedback-message.error { | |
| - background: #df1e36; } | |
| - .panel.feedback-message.error a { | |
| - color: #fff; } | |
| - .panel.feedback-message.warning, .panel.feedback-message.status { | |
| - background: #072736; } | |
| - .panel.feedback-message.success { | |
| - background: #164051; } | |
| +.panel.feedback-message > * { | |
| + text-align: left; | |
| + margin: 1.5rem 0 0; } | |
| +.panel.feedback-message .feedback-message__title { | |
| + font-size: 1.75rem; | |
| + line-height: inherit; | |
| + margin: 0; | |
| + display: block; } | |
| + .panel.feedback-message .feedback-message__title + * { | |
| + margin-top: 0; } | |
| +.panel.feedback-message.error, | |
| +.panel.feedback-message.error .feedback-message__title { | |
| + color: #df1e36; } | |
| +.panel.feedback-message.alert, | |
| +.panel.feedback-message.alert .feedback-message__title { | |
| + color: #072736; } | |
| +.panel.feedback-message.success, | |
| +.panel.feedback-message.success .feedback-message__title { | |
| + color: #164051; } | |
| button, | |
| .button, | |
| .button--primary { | |
| background: #666; | |
| color: #fff; | |
| - padding: 0.75rem 3.75rem; | |
| + padding: 1.125rem 3.75rem; | |
| font-size: 18px; | |
| cursor: pointer; | |
| display: inline-block; | |
| @@ -992,6 +1026,12 @@ button, | |
| color: #fff; | |
| background: #666; | |
| border-width: 0 0 4px 0; } | |
| + button:active, | |
| + .button:active, | |
| + .button--primary:active { | |
| + top: 6px; | |
| + box-shadow: 0 0 #333333; | |
| + border-width: 0 0 0 0; } | |
| .button--primary { | |
| color: #fff; | |
| @@ -1000,6 +1040,10 @@ button, | |
| .button--primary:hover, .button--primary:focus { | |
| background: #c41a2f; | |
| box-shadow: 0 4px #6a0e1a; } | |
| + .button--primary:active { | |
| + top: 6px; | |
| + box-shadow: 0 0 #6a0e1a; | |
| + border-width: 0 0 0 0; } | |
| .has-buttons { | |
| margin: 2rem 0; | |
| @@ -1054,18 +1098,18 @@ table { | |
| margin: 2rem 0; | |
| border-spacing: 1px; | |
| border-collapse: collapse; | |
| - border-color: black; | |
| + border-color: #CCC; | |
| border-width: 1px 1px 0 1px; | |
| border-style: solid; } | |
| table tr { | |
| - border-bottom: 1px solid black; } | |
| + border-bottom: 1px solid #CCC; } | |
| table th, | |
| table td { | |
| padding: 0.75rem 1.5rem; } | |
| table th + th, table th + td, | |
| table td + th, | |
| table td + td { | |
| - border-left: 1px solid black; } | |
| + border-left: 1px solid #CCC; } | |
| table th { | |
| font-style: italic; | |
| background: #041c25; } | |
| @@ -1104,7 +1148,7 @@ form { | |
| form label input[type="search"], | |
| form label input[type="password"], | |
| form label textarea, | |
| - form label .form-select-wrapper { | |
| + form label .field__select-wrapper { | |
| display: block; } | |
| form .has-buttons { | |
| margin-top: 0; } | |
| @@ -1293,9 +1337,14 @@ form { | |
| /* Adjusts for spacing */ } | |
| .navigation--social > * { | |
| display: inline-block; | |
| - margin: 0 0.75rem; | |
| + margin: 1.5rem 0.75rem; | |
| vertical-align: bottom; } | |
| @media (min-width: 940px) { | |
| + .navigation--social > * { | |
| + display: inline-block; | |
| + margin: 0 0.75rem; | |
| + vertical-align: bottom; } } | |
| + @media (min-width: 940px) { | |
| .navigation--social { | |
| white-space: nowrap; } } | |
| .navigation--social a { | |
| @@ -1326,7 +1375,7 @@ form { | |
| align-items: center; | |
| color: #fff; | |
| padding: 2rem; } | |
| - .page-header .title-1, .page-header h1, .page-header .title-2, .page-header h2, .page-header .title-3, .page-header h3, .page-header .title-4, .page-header h4, .page-header .title-5, .page-header h5, .page-header dt, .page-header .has-swatches .swatch h4, .has-swatches .swatch .page-header h4, .page-header .title-6, .page-header h6 { | |
| + .page-header .title-1, .page-header h1, .page-header .title-2, .page-header h2, .page-header .title-3, .page-header h3, .page-header .title-4, .page-header h4, .page-header .title-5, .page-header h5, .page-header dt, .page-header .has-swatches .swatch h4, .has-swatches .swatch .page-header h4, .page-header .title-6, .page-header h6, .page-header .panel.feedback-message .feedback-message__title, .panel.feedback-message .page-header .feedback-message__title { | |
| margin: 0; | |
| color: #fff; } | |
| @@ -1480,21 +1529,18 @@ header { | |
| line-height: 1.866rem; } | |
| .panel p, | |
| .panel ul, | |
| - .panel img, | |
| - .panel li { | |
| + .panel ol { | |
| margin: 1.5rem auto; | |
| padding-left: 0; | |
| padding-right: 0; } | |
| - .panel input[type="tel"], | |
| - .panel input[type="url"], | |
| - .panel input[type="text"], | |
| - .panel input[type="number"], | |
| - .panel input[type="email"], | |
| - .panel input[type="search"], | |
| - .panel input[type="password"], | |
| - .panel textarea, | |
| - .panel .form-select-wrapper { | |
| - background: #062d3c; } | |
| + .panel .panel__form { | |
| + display: block; | |
| + max-width: 41rem; | |
| + margin: 0 auto; | |
| + padding-top: 0; } | |
| + .panel .panel__image, .panel .panel__image img { | |
| + display: inline-block; | |
| + vertical-align: bottom; } | |
| .panel > *:first-child { | |
| margin-top: 0; } | |
| .panel > *:last-child, | |
| @@ -1515,6 +1561,13 @@ header { | |
| margin-top: 0; } | |
| .panel.panel--no-margin--bottom { | |
| margin-bottom: 0; } | |
| + .panel.panel--flush { | |
| + padding-top: 0; | |
| + padding-bottom: 0; } | |
| + .panel.panel--flush--top { | |
| + padding-top: 0; } | |
| + .panel.panel--flush--bottom { | |
| + padding-bottom: 0; } | |
| .panel--fullbleed { | |
| max-width: none; | |
| @@ -1534,11 +1587,11 @@ header { | |
| max-width: 70rem; | |
| margin-left: auto; | |
| margin-right: auto; } | |
| - .panel--fullbleed > * { | |
| + .panel--fullbleed .panel__content { | |
| padding-left: 3rem; | |
| padding-right: 3rem; | |
| margin: 0 auto; } | |
| - .panel--fullbleed > * > p { | |
| + .panel--fullbleed .panel__content > p { | |
| font-size: 1.25rem; | |
| line-height: 1.866rem; } | |
| @@ -1556,7 +1609,7 @@ header { | |
| margin: -0.75rem 0 3rem; } | |
| .has-hand { | |
| - max-width: 61.5rem; | |
| + max-width: 66rem; | |
| margin: auto; } | |
| .has-hand .panel.panel--cta { | |
| width: 75%; | |
| @@ -1579,6 +1632,34 @@ header { | |
| display: block; | |
| margin: 0 auto; } | |
| +.panel--inverse { | |
| + background: #fff; | |
| + background: #EBEBEB; } | |
| + .panel--inverse, | |
| + .panel--inverse .title-1, | |
| + .panel--inverse h1, | |
| + .panel--inverse .title-2, | |
| + .panel--inverse h2, | |
| + .panel--inverse .title-3, | |
| + .panel--inverse h3, | |
| + .panel--inverse .title-4, | |
| + .panel--inverse h4, | |
| + .panel--inverse .title-5, | |
| + .panel--inverse h5, | |
| + .panel--inverse dt, | |
| + .panel--inverse .has-swatches .swatch h4, | |
| + .has-swatches .swatch .panel--inverse h4, | |
| + .panel--inverse .title-6, | |
| + .panel--inverse h6, | |
| + .panel--inverse .panel.feedback-message .feedback-message__title, | |
| + .panel.feedback-message .panel--inverse .feedback-message__title { | |
| + color: #041c25; } | |
| + .panel--inverse .copy--lead-in { | |
| + color: #666; | |
| + font-weight: 400; } | |
| + .panel--inverse.panel--light { | |
| + background: #fff; } | |
| + | |
| .teaser { | |
| margin: 4rem auto; | |
| display: block; | |
| @@ -1586,7 +1667,7 @@ header { | |
| text-align: left; | |
| max-width: 60rem; | |
| min-height: 8rem; } | |
| - .teaser .title-1, .teaser h1, .teaser .title-2, .teaser h2, .teaser .title-3, .teaser h3, .teaser .title-4, .teaser h4, .teaser .title-5, .teaser h5, .teaser dt, .teaser .has-swatches .swatch h4, .has-swatches .swatch .teaser h4, .teaser .title-6, .teaser h6, | |
| + .teaser .title-1, .teaser h1, .teaser .title-2, .teaser h2, .teaser .title-3, .teaser h3, .teaser .title-4, .teaser h4, .teaser .title-5, .teaser h5, .teaser dt, .teaser .has-swatches .swatch h4, .has-swatches .swatch .teaser h4, .teaser .title-6, .teaser h6, .teaser .panel.feedback-message .feedback-message__title, .panel.feedback-message .teaser .feedback-message__title, | |
| .teaser p { | |
| max-width: none; } | |
| @@ -1605,6 +1686,82 @@ header { | |
| left: 0; | |
| top: 0; | |
| margin: 0; } } | |
| +.has-sidebar { | |
| + margin: 2rem auto; | |
| + max-width: 66rem; } | |
| + .has-sidebar > * *:first-child { | |
| + margin-top: 0; } | |
| + .has-sidebar > * *:last-child { | |
| + margin-bottom: 0; } | |
| + @media (max-width: 940px) { | |
| + .has-sidebar > * { | |
| + margin-bottom: 0; } | |
| + .has-sidebar > *:first-child { | |
| + margin-bottom: 2rem; } } | |
| + .has-sidebar > *:first-child { | |
| + text-align: left; } | |
| + .has-sidebar > *:last-child { | |
| + text-align: right; } | |
| + @media (min-width: 940px) { | |
| + .has-sidebar { | |
| + display: -webkit-box; | |
| + display: -webkit-flex; | |
| + display: -moz-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; } | |
| + .has-sidebar .sidebar-sibling { | |
| + width: 66%; } | |
| + .has-sidebar .sidebar { | |
| + width: 33%; } } | |
| + @media (min-width: 1300px) { | |
| + .has-sidebar .sidebar-sibling { | |
| + width: 70%; } | |
| + .has-sidebar .sidebar { | |
| + width: 30%; } } | |
| + | |
| +@media (min-width: 940px) { | |
| + .sidebar-sibling { | |
| + padding-right: 4rem; } | |
| + .sidebar + .sidebar-sibling { | |
| + padding-right: 0; | |
| + padding-left: 4rem; } } | |
| +.sidebar { | |
| + position: relative; } | |
| + .sidebar h2 { | |
| + font-size: 2.25rem; } | |
| + .sidebar h3 { | |
| + font-size: 1.75rem; | |
| + line-height: inherit; } | |
| + .sidebar h4 { | |
| + font-size: 1.2rem; | |
| + font-weight: 600; } | |
| + .sidebar > * { | |
| + margin: 0; } | |
| + .sidebar > * + * { | |
| + margin-top: 1.5rem; } | |
| + | |
| +.sidebar--filled { | |
| + display: -webkit-box; | |
| + display: -webkit-flex; | |
| + display: -moz-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-box-direction: normal; | |
| + -webkit-box-orient: vertical; | |
| + -webkit-flex-direction: column; | |
| + -moz-flex-direction: column; | |
| + -ms-flex-direction: column; | |
| + flex-direction: column; } | |
| + | |
| +.sidebar__filler { | |
| + -webkit-box-flex: 1; | |
| + -webkit-flex: 1 0 auto; | |
| + -moz-box-flex: 1; | |
| + -moz-flex: 1 0 auto; | |
| + -ms-flex: 1 0 auto; | |
| + flex: 1 0 auto; | |
| + margin: 0; } | |
| + | |
| /* | |
| .card { | |
| @@ -1935,6 +2092,11 @@ header { | |
| border: 1px solid #b3b3b3; } | |
| .swatch.site-grey--lighter::after { | |
| content: "<strong>lighter</strong><br />#CCC<br />rgb(204, 204, 204)"; } | |
| + .swatch.site-grey--lightest .dot { | |
| + background-color: #EBEBEB; | |
| + border: 1px solid #d2d2d2; } | |
| + .swatch.site-grey--lightest::after { | |
| + content: "<strong>lightest</strong><br />#EBEBEB<br />rgb(235, 235, 235)"; } | |
| .swatch.font--primary .dot { | |
| background-color: #CCC; | |
| border: 1px solid #b3b3b3; } | |
| @@ -2016,10 +2178,10 @@ header { | |
| .swatch.panel--font-color::after { | |
| content: "<strong>font-color</strong><br />#CCC<br />rgb(204, 204, 204)"; } | |
| .swatch.border--primary .dot { | |
| - background-color: black; | |
| - border: 1px solid black; } | |
| + background-color: #CCC; | |
| + border: 1px solid #b3b3b3; } | |
| .swatch.border--primary::after { | |
| - content: "<strong>primary</strong><br />black<br />rgb(0, 0, 0)"; } | |
| + content: "<strong>primary</strong><br />#CCC<br />rgb(204, 204, 204)"; } | |
| .swatch.border--secondary .dot { | |
| background-color: black; | |
| border: 1px solid black; } | |
| @@ -2107,7 +2269,7 @@ header { | |
| margin-right: auto; | |
| width: 100%; | |
| background: #041c25; | |
| - border-top: 1px dotted black; | |
| + border-top: 1px dotted #CCC; | |
| position: absolute; | |
| left: 0; | |
| top: 100%; } | |
| diff --git a/styleguide/kss-assets/main-dev.css.map b/styleguide/kss-assets/main-dev.css.map | |
| index 3f03a97..90f8cad 100644 | |
| --- a/styleguide/kss-assets/main-dev.css.map | |
| +++ b/styleguide/kss-assets/main-dev.css.map | |
| @@ -1,7 +1,7 @@ | |
| { | |
| "version": 3, | |
| -"mappings": "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", | |
| -"sources": ["../../../scss/normalize.scss","../../../scss/variables/_fonts.scss","../../../bower_components/font-awesome/scss/_path.scss","../../../bower_components/font-awesome/scss/_core.scss","../../../scss/_font-awesome.scss","../../../bower_components/font-awesome/scss/_variables.scss","../../../bower_components/font-awesome/scss/_screen-reader.scss","../../../bower_components/font-awesome/scss/_mixins.scss","../../../scss/utilities/_mixins.scss","../../../scss/variables/_colors.scss","../../../scss/base/_base.scss","../../../scss/base/_typography.scss","../../../scss/variables/_structure.scss","../../../scss/base/_form-elements.scss","../../../scss/base/_buttons.scss","../../../scss/base/_tables.scss","../../../scss/components/_indicators.scss","../../../scss/components/_forms.scss","../../../scss/components/_menus.scss","../../../scss/utilities/_mixins-flexbox.scss","../../../scss/components/_page-level.scss","../../../scss/components/_site-level.scss","../../../scss/components/_containers.scss","../../../scss/components/_heroes.scss","../../../scss/styleguide/_styleguide.scss"], | |
| +"mappings": ";;;;;;AAgDQ,yEAAiE;ACzCzE,IAAK;EACH,WAAW,EAAE,UAAU;;EACvB,oBAAoB,EAAE,IAAI;;EAC1B,wBAAwB,EAAE,IAAI;;;;;;AAOhC,IAAK;EACH,MAAM,EAAE,CAAC;;;;;;;;;AAYX;;;;;;;;;;;OAWQ;;EACN,OAAO,EAAE,KAAK;;;;;AAOhB;;;KAGM;EACJ,OAAO,EAAE,YAAY;;;;;AAOvB,qBAAsB;EACpB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,CAAC;;;;;AAOX,QAAS;EACP,cAAc,EAAE,QAAQ;;;;;;AAQ1B;QACS;EACP,OAAO,EAAE,IAAI;;;;;;;AAUf,CAAE;EACA,gBAAgB,EAAE,WAAW;;;;;;AAQ/B;OACQ;EACN,aAAa,EAAE,CAAC;;;;;;;;AAWlB,WAAY;EACV,aAAa,EAAE,IAAI;;EACnB,eAAe,EAAE,SAAS;;EAC1B,eAAe,EAAE,gBAAgB;;;;;;AAOnC;MACO;EACL,WAAW,EAAE,OAAO;;;;;AAOtB;MACO;EACL,WAAW,EAAE,MAAM;;;;;AAOrB,GAAI;EACF,UAAU,EAAE,MAAM;;;;;;AAQpB,EAAG;EACD,SAAS,EAAE,GAAG;EACd,MAAM,EAAE,QAAQ;;;;;AAOlB,IAAK;EACH,gBAAgB,EAAE,IAAI;EACtB,KAAK,EAAE,IAAI;;;;;AAOb,KAAM;EACJ,SAAS,EAAE,GAAG;;;;;;AAQhB;GACI;EACF,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,CAAC;EACd,QAAQ,EAAE,QAAQ;EAClB,cAAc,EAAE,QAAQ;;AAG1B,GAAI;EACF,MAAM,EAAE,OAAO;;AAGjB,GAAI;EACF,GAAG,EAAE,MAAM;;;;;;;AAUb,GAAI;EACF,YAAY,EAAE,IAAI;;;;;AAOpB,cAAe;EACb,QAAQ,EAAE,MAAM;;;;;;;;AAWlB;;;IAGK;EACH,WAAW,EAAE,oBAAoB;;EACjC,SAAS,EAAE,GAAG;;;;;;AAOhB,MAAO;EACL,MAAM,EAAE,QAAQ;;;;;;AAQlB,EAAG;EACD,UAAU,EAAE,WAAW;;EACvB,MAAM,EAAE,CAAC;;EACT,QAAQ,EAAE,OAAO;;;;;;;;AAUnB;;;QAGS;EACP,IAAI,EAAE,OAAO;;;;;AAOf,QAAS;EACP,WAAW,EAAE,IAAI;;;;;;;AASnB;;MAEO;;EACL,QAAQ,EAAE,OAAO;;;;;;AAQnB;;;QAGS;;EACP,MAAM,EAAE,CAAC;;;;;;AAQX;MACO;;EACL,cAAc,EAAE,IAAI;;;;;AAOtB;;;eAGgB;EACd,MAAM,EAAE,OAAO;;;;;AAOjB,UAAW;EACT,MAAM,EAAE,OAAO;;;;;;;AASjB;;;eAGgB;EACd,kBAAkB,EAAE,MAAM;;;;;;AAO5B;uBACwB;EACtB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;;;;AAOZ;oBACqB;EACnB,OAAO,EAAE,qBAAqB;;;;;AAOhC,QAAS;EACP,MAAM,EAAE,iBAAiB;EACzB,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,qBAAqB;;;;;;;;AAUhC,MAAO;EACL,UAAU,EAAE,UAAU;;EACtB,KAAK,EAAE,OAAO;;EACd,OAAO,EAAE,KAAK;;EACd,SAAS,EAAE,IAAI;;EACf,OAAO,EAAE,CAAC;;EACV,WAAW,EAAE,MAAM;;;;;;AAOrB,QAAS;EACP,QAAQ,EAAE,IAAI;;;;;;AAQhB;cACe;EACb,UAAU,EAAE,UAAU;;EACtB,OAAO,EAAE,CAAC;;;;;;AAOZ;0CAC2C;EACzC,MAAM,EAAE,IAAI;;;;;AAOd,eAAgB;EACd,kBAAkB,EAAE,SAAS;;;;;;AAQ/B;0CAC2C;EACzC,kBAAkB,EAAE,IAAI;;;;ACna1B,UAWC;EAVC,WAAW,EAAE,aAAa;EAC1B,GAAG,EAAE,+CAAgE;EACrE,GAAG,EAAE,4WAAmG;EAMxG,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;ACVpB,GAAmB;EACjB,OAAO,EAAE,YAAY;EACrB,IAAI,EAAE,uCAA8E;EACpF,SAAS,EAAE,OAAO;EAClB,cAAc,EAAE,IAAI;EACpB,sBAAsB,EAAE,WAAW;EACnC,uBAAuB,EAAE,SAAS;;ACMpC,yBAAyC;EAAE,OAAO,EC0pB1B,GAAO;;ADzpB/B,0BAA0C;EAAE,OAAO,ECsO1B,GAAO;;ADrOhC,0BAA0C;EAAE,OAAO,ECoY1B,GAAO;;ADnYhC,kBAAkC;EAAE,OAAO,ECspB1B,GAAO;;ADrpBxB;mBACmC;EAAE,OAAO,EC+N1B,GAAO;;AD9NzB,6BAA6C;EAAE,OAAO,EC+S1B,GAAO;;AD9SnC,sBAAsC;EAAE,OAAO,EC2S1B,GAAO;;AD1S5B,mBAAmC;EAAE,OAAO,EC6X1B,GAAO;;AD5XzB,oBAAoC;EAAE,OAAO,EC+V1B,GAAO;;AD9V1B;+BAC+C;EAAE,OAAO,ECyS1B,GAAO;;ADxSrC,iBAAiC;EAAE,OAAO,EC4R1B,GAAO;;ACpTvB,QAAS;EC8BP,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;EAChB,IAAI,EAAE,gBAAa;EACnB,MAAM,EAAE,CAAC;;AAUT,mDACQ;EACN,QAAQ,EAAE,MAAM;EAChB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,CAAC;EACT,QAAQ,EAAE,OAAO;EACjB,IAAI,EAAE,IAAI;;ACzCV,8EACS;EACP,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;;AAyEjB,oBAAqB;EA9BjB,MAAM,EAAE,MAAgB;EAExB,2BAAS;IACP,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,YAAY;IACrB,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,MAAM;IACtB,YAAY,EAAE,OAAO;;EAGvB,wBAAM;IACF,OAAO,EAAE,YAAY;IACrB,MAAM,EAAE,cAA+B;IACvC,cAAc,EAAE,MAAM;EAG1B,yBAAmC;IACjC,wBAAM;MACJ,OAAO,EAAE,YAAY;MACrB,MAAM,EAAE,SAAkB;MAC1B,cAAc,EAAE,MAAM;EAI1B,yBAAmC;IAMvC,oBAAqB;MALb,WAAW,EAAE,MAAM;;AA0B3B,aAAc;EAzEZ,SAAQ,EAAE,KAAkB;EAC5B,SAAQ,EAAE,KAAY;EAoEpB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;;AAyBtB,gBAAiB;EAZb,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,KAAK;EACZ,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,KAAK;EACX,WAAW,EAAE,GAAG;EAEhB,oBAAM;IAzFR,SAAQ,EAAE,KAAkB;IAC5B,SAAQ,EAAE,KAAY;IAoEpB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;;AA8CtB,gBAAiB;EARb,IAAI,EAAE,wBAAwB;EAChC,MAAM,EAAE,GAAG;EACX,QAAQ,EAAE,MAAM;EAChB,QAAQ,EAAE,mBAAmB;EAC7B,KAAK,EAAE,GAAG;EACV,SAAS,EAAE,MAAM;;AA8BnB,wBAAyB;EACrB,UAAU,ECIc,OAA2B;;ADDvD,0BAA2B;EACvB,UAAU,ECwEiB,OAA2B;;ADrE1D,yBAA0B;EACtB,UAAU,EC3Cc,IAAI;;ADuEhC,oBAAqB;EAHjB,MAAkB,EAAE,cAAiD;;AAMrE,yBAA0B;EAN1B,UAAkB,EAAE,cAAiD;;AASrE,2BAA4B;EAT5B,YAAkB,EAAE,cAAiD;;AAYrE,4BAA6B;EAZ7B,aAAkB,EAAE,cAAiD;;AAerE,0BAA2B;EAf3B,WAAkB,EAAE,cAAiD;;AAwCzE,sBAAuB;EAHnB,MAAkB,EAAE,eAAqD;;AAMzE,2BAA4B;EAN5B,UAAkB,EAAE,eAAqD;;AASzE,6BAA8B;EAT9B,YAAkB,EAAE,eAAqD;;AAYzE,8BAA+B;EAZ/B,aAAkB,EAAE,eAAqD;;AAezE,4BAA6B;EAf7B,WAAkB,EAAE,eAAqD;;AEvP7E,CAAE;EACD,UAAU,EAAE,UAAU;;AAGvB,IAAK;EACH,KAAK,EDqMgB,IAA8B;ECpMnD,WAAW,EVwES,wBAAuB;EUvE3C,UAAU,ED8KgB,OAA2B;;AC3KvD,EAAG;EACF,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,cAAiD;EAChE,MAAM,EAAE,MAAgB;;AAGzB,GAAI;EACF,SAAS,EAAE,IAAI;EACf,MAAM,EAAE,IAAI;;AAGd;WACW;EACT,eAAe,EAAE,IAAI;;;;;;;;;ACDvB,yMAAQ;EAEN,KAAK,EFkFoB,IAAI;EEjF7B,WAAW,EXgCe,0BAAyB;EW/BnD,MAAM,EAAE,aAAqB;EAC7B,WAAW,EXyCQ,GAAG;EWxCtB,UAAU,EAAE,MAAM;EAClB,SAAS,ECRM,KAAK;EDUpB,iRAAM;IACJ,MAAM,EAAE,qBAAuC;EAGjD,2WAAW;IACT,MAAM,EAAE,MAAM;;AAMlB,WAAY;EACV,UAAU,EAAE,IAAgB;;AAyD9B,YAAS;EAjDP,SAAS,EADG,MAAM;EAGlB,wCAAgB;IACd,SAAS,EAAE,QAAiB;EAG9B,yBAAmC;IA2CrC,YAAS;MAxCL,SAAS,EADG,IAAI;MAGhB,wCAAgB;QACd,SAAS,EAAE,OAAiB;;AAwClC,YAAS;EAhCP,SAAS,EADG,MAAM;EAGlB,wCAAgB;IACd,SAAS,EAAE,QAAiB;;AAgChC,YAAS;EA1BP,SAAS,EADG,OAAO;;AA8BrB,YAAS;EAxBP,SAAS,EADG,OAAO;EAEnB,WAAW,EAAE,OAAO;;AA0BtB,0CAAS;EArBP,SAAS,EADG,MAAM;EAElB,WAAW,EXvBU,GAAG;;AW8C1B,YAAS;EAnBP,SAAS,EAAE,IAAI;EACf,WAAW,EX5BU,GAAG;;AW4F1B,WAAY;EACV,WAAW,EXpFS,wBAAuB;EWqF3C,KAAK,EF2GiB,OAA4B;EE1GlD,WAAW,EXhGQ,GAAG;;AW2HxB;KACM;EAEJ,WAAW,EXhIS,KAAK;EWiIzB,MAAM,EAAE,WAAmB;EAC3B,SAAS,EC/KM,KAAK;EDiLpB;qBAAgB;IAZhB,WAAW,EXjIe,0BAAyB;IWkInD,SAAS,EAAE,cAAc;IACzB,WAAW,EAAE,KAAK;;AAkCpB,CAAE;EAEA,KAAK,EF1HW,IAAI;EE2HpB,eAAe,EAAE,IAAI;EAErB,0CAGU;IACR,eAAe,EXrLI,SAAS;EWwL9B,6BACqB;IACnB,KAAK,EFrIe,IAAI;IEsIxB,eAAe,EXzLU,IAA2B;EW4LtD,OAAQ;IACN,KAAK,EFzIe,IAAI;IE0IxB,eAAe,EX9LU,IAA2B;;AWyMxD;;EAEG;EACD,MAAM,EAAE,qBAAuC;EAC/C,OAAO,EAAE,CAAC;EACV,SAAS,EC7OM,KAAK;;ADgPtB,EAAG;EACD,MAAM,EAAE,cAA+B;;AA6DzC,EAAG;EAGD,MAAM,EAAE,aAAqB;EAE7B,OAAO;IACL,UAAU,EAAE,cAAiD;IAC7D,WAAW,ECnUC,MAAM;;ADuUtB,EAAG;EACD,MAAM,EAAE,gBAAiC;;AA2B3C,UAAW;EAET,MAAM,EAAE,MAAgB;EACxB,OAAO,EAAE,uBAAmE;EAC5E,SAAS,EAAE,IAAsB;EACjC,WAAW,EAAE,IAAoB;EACjC,UAAU,EAAE,MAAM;EAClB,KAAK,EFvKgB,IAA8B;EEyKnD,iBAAO;IACL,WAAW,EC7WC,MAAM;ID8WlB,SAAS,EAAE,OAAwB;IACnC,KAAK,EFxGe,OAA4B;IEyGhD,UAAU,EAAE,KAAK;;AAyBrB,WAAY;EACV,SAAS,EXnVU,IAAI;;AW8VzB,SAAU;EAER,WAAW,EAAE,SAAS;EACtB,SAAS,EXlWW,IAAI;;AWuX1B,IAAK;EACH,OAAO,EAAE,gBAAiC;EAC1C,UAAU,EFjQgB,OAA2B;;AEuRvD,GAAI;EACF,SAAS,ECxbM,KAAK;EDybpB,MAAM,EAAE,SAAmB;;AAiB7B,SAAU;EACR,OAAO,EC1dO,IAAI;ED2dlB,UAAU,EFpOmB,OAA2B;EEqOxD,OAAO,EAAE,KAAK;EACd,UAAU,EAAE,MAAM;EAClB,aAAa,ECreS,IAAI;EDse1B,SAAS,EC/cC,KAAK;;ADkdjB,aAAc;EACZ,KAAK,EF3NiB,OAA4B;;AE6NpD,YAAa;EACX,KAAK,EFhOe,OAAO;;AEkO7B,cAAe;EACb,KAAK,EFjOiB,OAA4B;;AEmOpD,aAAc;EACZ,KAAK,EFrOgB,OAA0B;;AEuOjD,WAAY;EACV,KAAK,EFtOc,IAAI;;AEwOzB,YAAa;EACX,KAAK,EFxOe,OAA2B;;AE0OjD,YAAa;EACX,KAAK,EF1Oe,OAAO;;AEiP7B,MAAO;EACL,WAAW,EX7bM,GAAG;;AWmftB,2BAA4B;EAE1B,QAAQ,EAAE,QAAQ;EAClB,SAAS,ECviBM,KAAK;EDwiBpB,MAAM,EAAE,SAAqB;EAE7B;+BACE;IACA,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,GAAG;EAGlB,mCAAU;IACR,UAAU,EAAE,6DAA6D;IACzE,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,OAAO;IACZ,KAAK,EAAE,IAAI;;AElkBf;;;;;;;;sBAAY;EAEV,UAAU,EJoIqB,IAAI;EInInC,UAAU,EAAE,UAAU;EACtB,MAAM,EAAE,cAAiD;EACzD,OAAO,EAAE,uBAAkD;EAC3D,aAAa,EDjBW,GAAG;ECkB3B,QAAQ,EAAE,QAAQ;EAClB,SAAS,Eb0CW,IAAI;EazCxB,SAAS,EAAE,IAAI;EAEf;;;;;;;;8BAAQ;IACN,YAAY,EAAE,OAAkC;;AAgBpD;;;;;;;;;MASO;EAEL,OAAO,EAAE,KAAK;EACd,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EAEX;;;;;;;;;cAAQ;IACN,OAAO,EAAE,IAAI;;AASjB;YAAO;EAEL,MAAM,EAAE,QAAgB;EACxB,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,KAAK;EACd,UAAU,EAAE,IAAI;EAChB,SAAS,EDjDM,KAAK;ECmDpB,yBAAmC;IACjC;4BAAc;MAEZ,KAAK,EAAE,GAAG;MACV,OAAO,EAAE,aAAsB;MAE/B;0CAAc;QACZ,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,OAAgB;QAC9B,KAAK,EAAE,KAAK;MAEd;yCAAa;QACX,KAAK,EAAE,IAAI;;AAMnB,aAAc;EACZ,SAAS,Eb9BW,IAAI;Ea+BxB,KAAK,EJkLiB,OAA4B;EIjLlD,OAAO,EAAE,KAAK;EACd,aAAa,EAAE,OAAgB;;AAGjC,mBAAoB;EAClB,SAAS,EbpCU,IAAI;;AaqDzB,WAAY;EAGV,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,CAAC;EAEV;sBACS;IACP,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,YAAY;EAGvB,iBAAQ;IACN,YAAY,EAAE,OAAiC;EAGjD,yBAAc;IACZ,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC;IACV,GAAG,EAAE,OAAgB;IACrB,IAAI,EAAE,QAAkB;EAI1B,oEAC0B;IACxB,GAAG,EAAE,OAAO;IACZ,SAAS,EbjFQ,IAAI;;AaoGzB,QAAS;EACP,MAAM,EAAE,KAAK;EACb,MAAM,EAAE,QAAQ;EAChB,WAAW,EbnGS,KAAK;;AQ1DvB,mFACS;EACP,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;AKyLf,oCAAuB;EAErB,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,UAAU;EACtB,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,KAAK;EACd,OAAO,EAAE,aAAwB;EACjC,QAAQ,EAAE,MAAM;EAChB,MAAM,EAAE,cAA+B;EACvC,MAAM,EAAE,IAAI;EAEZ,2CAAO;IAEL,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,kBAAkB,EAAE,IAAI;IACxB,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,IAAI;IACZ,SAAS,Eb9JO,IAAI;Ia+JpB,KAAK,EJkDa,OAA4B;IIjD9C,aAAa,ED9NK,IAAI;IC+NtB,YAAY,EDvNF,MAAM;ICwNhB,MAAM,EAAE,IAAI;IAEZ,kDAAO;MACL,OAAO,EAAE,KAAK;MACd,WAAW,EAAE,GAAG;MAChB,SAAS,EbvKK,IAAI;MawKlB,OAAO,EAAE,cAA+B;IAG1C,iDAAQ;MACN,YAAY,EJ/BG,IAA8B;EImCjD,2CAAS;IACP,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,IAAI;IACZ,WAAW,EbrME,oBAAa;IasM1B,SAAS,EAAE,MAAuB;IAClC,KAAK,EJ7IO,IAAI;II8IhB,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,OAAgB;IACvB,GAAG,EAAE,OAAgB;;AA4B3B;YACa;EAIX,OAAO,EAAE,6BAA+D;EACxE,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,OAAO;EACf,OAAO,EAAE,KAAK;EAEd;oBAAM;IAIJ,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,QAAQ;IAElB;iCAAa;MACX,QAAQ,EAAE,QAAQ;MAClB,GAAG,EAAE,OAAgB;MACrB,IAAI,EAAE,CAAC;MACP,WAAW,Eb9PE,oBAAa;Ma+P1B,OAAO,EAAE,KAAK;MACd,UAAU,EAAE,MAAM;MAClB,KAAK,EJzCgB,IAA2B;II4ClD;4CAAwB;MACtB,OAAO,EAAE,eAAe;IAG1B;yCAAqB;MACnB,KAAK,EJxCY,OAA0B;EI6C/C;4BAAc;IACZ,OAAO,EAAE,aAAsB;IAC/B,aAAa,EAAE,CAAC;;AAShB,gCAAa;EACX,OAAO,EAAE,OAAO;AAGlB,wCAAqB;EACnB,OAAO,EAAE,OAAO;EAChB,SAAS,EAAE,OAAO;;AASpB,6BAAa;EACX,OAAO,EAAE,OAAO;AAGlB,qCAAqB;EACnB,OAAO,EAAE,OAAO;;AAqDtB,QAAS;EAEP,MAAM,EAAE,QAAgB;EACxB,QAAQ,EAAE,QAAQ;EAClB,SAAS,EAAE,CAAC;EACZ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,CAAC;EAEV,eAAO;IAEL,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,IAAI;IAChB,SAAS,EbhWO,IAAI;IaiWpB,WAAW,EbzVM,GAAG;Ia2VpB,sBAAS;MACP,OAAO,EAAE,GAAG;EAIhB,4BAAoB;IAElB,OAAO,EAAE,KAAK;IL9Zd,yEACS;MACP,OAAO,EAAE,EAAE;MACX,OAAO,EAAE,KAAK;MACd,KAAK,EAAE,IAAI;EK6Zf,gDACkB;IAChB,OAAO,EAAE,KAAK;EAMd,0DAAO;IACL,SAAS,EbtXK,IAAI;IauXlB,wEAAS;MACP,OAAO,EAAE,EAAE;EAIf;;kCACa;IACX,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,CAAC;EAIT;;oDACc;IACZ,KAAK,EAAE,GAAG;IACV,KAAK,EAAE,IAAI;EAIf,wGAA8B;IAC5B,WAAW,EbpYI,GAAG;IaqYlB,UAAU,EAAE,MAAM;;AAiCxB,sBAAuB;EACrB,SAAS,Eb7aU,IAAI;Ea8avB,KAAK,EJ/NgB,OAA0B;EIgO/C,eAAe,EAAE,IAAI;;AAIrB,2DACa;EACX,YAAY,EJtOO,OAA0B;AIwO/C,uCAAsB;EACpB,KAAK,EJzOc,OAA0B;;AI6OjD,uBAAwB;EACtB,UAAU,EAAE,MAAM;EAClB,SAAS,Eb9bU,IAAI;;AakcvB,iCAAsB;EACpB,UAAU,EAAE,OAAO;;AAqBrB,2BAAM;EACJ,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,UAAkB;AAG5B,gDAAyB;EFtczB,SAAS,EADG,OAAO;EAEnB,WAAW,EAAE,OAAO;EEyclB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,KAAK;EAEd,oDAAM;IACJ,UAAU,EAAE,CAAC;AAMf;sDACyB;EACvB,KAAK,EJ9RY,OAA0B;AIkS7C;sDACyB;EACvB,KAAK,EJpToB,OAA2B;AIwTtD;wDACyB;EACvB,KAAK,EJ5TqB,OAA4B;;AK5O5D;;gBAAQ;EAEJ,UAAU,ELmPa,IAA2B;EKlPlD,KAAK,EL6MW,IAAI;EK5MpB,OAAO,EAAE,gBAAqC;EAC9C,SAAS,Ed4CM,IAAkB;Ec3CjC,MAAM,EAAE,OAAO;EACf,OAAO,EAAE,YAAY;EACrB,aAAa,EFvBS,GAAG;EEwBzB,UAAU,EAAE,aAAqC;EACjD,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,OAAO;EACf,cAAc,EAAE,SAAS;EACzB,WAAW,EdkDO,wBAAuB;EcjDzC,SAAS,EAAE,OAAO;EAClB,WAAW,EdsCM,GAAG;EcrCpB,cAAc,EAAE,GAAG;EAEnB;;;;wBACQ;IACJ,GAAG,EAAE,GAAG;IACR,UAAU,EAAE,aAAqC;IACjD,OAAO,EAAE,IAAI;IACb,KAAK,ELyLO,IAAI;IKxLhB,UAAU,EL6NS,IAA2B;IK5N9C,YAAY,EAAE,SAAS;EAG3B;;yBAAS;IACP,GAAG,EAAE,GAAG;IACR,UAAU,EAAE,WAAmC;IAC/C,YAAY,EAAE,OAAO;;AAW3B,gBAAiB;EAEb,KAAK,ELwKmB,IAAI;EKvK5B,UAAU,ELwKc,OAA6B;EKvKrD,UAAU,EAAE,aAA6C;EAEzD,8CACQ;IACJ,UAAU,ELmKU,OAA6B;IKlKjD,UAAU,EAAE,aAA6C;EAG7D,uBAAS;IACP,GAAG,EAAE,GAAG;IACR,UAAU,EAAE,WAA2C;IACvD,YAAY,EAAE,OAAO;;AAiC3B,YAAa;EAET,MAAM,EAAE,MAAgB;EACxB,OAAO,EAAE,KAAK;EACd,SAAS,EAAE,CAAC;EAGZ,uDAAgE;IAE5D;;iCAAQ;MAEJ,KAAK,EAAE,IAAI;MACX,KAAK,EAAE,IAAI;MAEX;;;;;;;;sDAAY;QACR,MAAM,EAAE,UAAkB;EAMtC,oCAA6C;IAIrC;;;;;;;;oDAAY;MACR,MAAM,EAAE,YAAoB;IAKpC,kBAAQ;MACJ,UAAU,EAAE,KAAK;IAKjB;;yCAAQ;MAEJ,KAAK,EAAE,IAAI;MACX,KAAK,EAAE,IAAI;MAEX;;;;;;;;8DAAY;QACR,MAAM,EAAE,UAAkB;;AClJ9C,KAAM;EAEJ,MAAM,EAAE,MAAgB;EACxB,cAAc,EAAE,GAAG;EACnB,eAAe,EAAE,QAAQ;EACzB,YAAY,ENmMS,IAA8B;EMlMnD,YAAY,EAAE,aAAmE;EACjF,YAAY,EAAE,KAAK;EAEnB,QAAG;IACD,aAAa,EAAE,cAAiD;EAGlE;UACG;IACD,OAAO,EAAE,cAA+B;IACxC;;iBACQ;MACN,WAAW,EAAE,cAAiD;EAIlE,QAAG;IACD,UAAU,EAAE,MAAM;IAClB,UAAU,EN2Jc,OAA2B;EMxJrD,QAAG;IACD,cAAc,EAAE,GAAG;;AChCvB,gBAAiB;EACf,IAAI,EP4EoB,IAAI;;AO1E9B,gBAAiB;EACf,IAAI,EP2QiB,OAA0B;;AOvP/C,iBAAY;EACV,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,QAAQ;EAChB,KAAK,EAAE,IAAI;EACX,QAAQ,EAAE,MAAM;EAChB,MAAM,EAAE,MAAM;AAGhB,SAAI;EACF,KAAK,EAAE,IAAI;;ACnCf,IAAK;EACH,OAAO,EAAE,QAAgB;EACzB,aAAa,ELQC,IAAI;;AK2BpB,IAAK;EAEH,SAAS,EAAE,KAAK;EAEhB,UAAM;IAEJ,aAAa,ELhCD,MAAM;IKiClB,OAAO,EAAE,KAAK;IAEd;;;;;;;;qCAAY;MACV,OAAO,EAAE,KAAK;EAIlB,iBAAa;IACX,UAAU,EAAE,CAAC;EAGf,wBAAsB;IACpB,SAAS,EAAE,IAAI;;AAqBnB,YAAa;EAEX,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,YAAY;EACrB,cAAc,EAAE,MAAM;EACtB,QAAQ,EAAE,MAAM;EAChB,OAAO,EAAE,CAAC;EACV,aAAa,EAAE,CAAC;EAEhB,kBAAM;IACJ,MAAM,EAAE,CAAC;EAGX;iCACmB;IACjB,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,MAAM;EAKnB,4CAAqB;IAEnB,OAAO,EAAE,YAAY;IACrB,WAAW,EjBxCW,0BAAyB;EiB8CnD,mBAAO;IAEL,MAAM,EAAE,IAAI;IACZ,MAAM,EAAC,CAAC;IACR,UAAU,EAAE,IAAI;IAChB,MAAM,EAAC,IAAI;IACX,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,CAAC;IACR,GAAG,EAAC,CAAC;IACL,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,KAAK;IAEjB,0BAAS;MACP,WAAW,EjB1EE,oBAAa;MiB2E1B,KAAK,ERuJa,OAA4B;MQtJ9C,OAAO,EAAE,OAAO;IAGlB,oDACQ;MACN,eAAe,EAAE,IAAI;MACrB,UAAU,ER6HgB,OAA4B;MQ5HtD,kEAAS;QACP,KAAK,ERoIc,IAA2B;;ASxPtD,WAAY;EAER,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,QAAgB;EAEzB,yBAAgB;IAEZ,YAAY,EAAE,CAAC;IAEf,iCAAU;MACN,OAAO,EAAE,GAAG;MACZ,OAAO,ENhBH,MAAM;;AMsBtB,gBAAiB;EAEb,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,MAAgB;EACxB,OAAO,EAAE,CAAC;EAEV,4BAAY;IACR,OAAO,EAAE,YAAY;;AAY7B,gBAAiB;EAEf,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,EAAE;EAEX,6BAAa;IAEX,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,MAAM;IACtB,OAAO,EAAE,sBAAiD;IAC1D,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,IAAI;IAEX,qCAAU;MACR,cAAc,EAAE,MAAM;MACtB,WAAW,ElBnBE,oBAAa;MkBoB1B,OAAO,EAAE,OAAO;MAChB,aAAa,EAAE,OAAgB;EAKnC,wBAAU;IAER,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,eAAe,EAAE,IAAI;IACrB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,CAAC;IAEV,2BAAG;MACD,OAAO,EAAE,CAAC;MACV,MAAM,EAAE,CAAC;MACT,OAAO,EAAE,YAAY;IAKrB,oCAA8C;MAFhD,uCAAiB;QVyDjB,IAAI,EAAE,wBAAwB;QAChC,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,mBAAmB;QAC7B,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,MAAM;QUvDX,8CAAS;UVkEf,IAAI,EAAE,IAAI;UACV,MAAM,EAAE,IAAI;UACZ,QAAQ,EAAE,IAAI;UACd,QAAQ,EAAE,QAAQ;UAClB,KAAK,EAAE,IAAI;UACX,MAAM,EAAE,IAAI;UACZ,OAAO,EAAE,IAAI;UUrEL,KAAK,EAAE,IAAI;UACX,KAAK,EAAE,CAAC;UACR,OAAO,EAAE,OAAgB;UACzB,UAAU,ET4JW,OAA2B;US3JhD,QAAQ,EAAE,QAAQ;UAElB,iDAAG;YACD,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,IAAI;QAKpB,0CAAG;UACD,OAAO,EAAE,KAAK;UACd,UAAU,EAAE,IAAI;EAQxB,kBAAE;IACA,KAAK,EToFc,IAA8B;ISnFjD,cAAc,EAAE,SAAS;IACzB,OAAO,ENjHK,MAAM;IMkHlB,WAAW,ElBhEa,0BAAyB;IkBiEjD,OAAO,EAAE,KAAK;IACd,OAAO,ENpHK,MAAM;IMsHlB,4BAAY;MACV,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,SAAS;IAG5B,6EAES;MACP,KAAK,EAAE,IAAI;MACX,eAAe,EAAE,IAAI;IAGvB,yBAAmC;MApBrC,kBAAE;QAqBE,OAAO,EAAE,cAA+B;EAStC,qDAAS;IACP,WAAW,ElBxGF,oBAAa;IkByGtB,OAAO,EAAE,OAAO;IAChB,YAAY,EAAE,OAAgB;IAC9B,KAAK,EAAE,IAAI;EAKjB,oCAA8C;IAE5C,8BAAK;MACH,QAAQ,EAAE,QAAQ;MAClB,UAAU,ET2Fc,OAA4B;MS1FpD,OAAO,EAAE,OAAgB;MACzB,MAAM,EAAE,CAAC;MACT,gCAAE;QACA,KAAK,ETgGY,IAA2B;QS/F5C,OAAO,EAAE,cAA+B;QACxC,OAAO,EAAE,KAAK;QAEd,8EACQ;UACN,KAAK,ETnEO,IAAI;ES0E1B,oCAA8C;IAjIhD,gBAAiB;MAmIb,UAAU,EAAE,KAAK;MACjB,KAAK,EAAE,IAAI;MAEX,mBAAG;QACD,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,KAAK;EAKlB,oCAA8C;IAE5C,6BAAa;MVlDb,IAAI,EAAE,wBAAwB;MAChC,MAAM,EAAE,GAAG;MACX,QAAQ,EAAE,MAAM;MAChB,QAAQ,EAAE,mBAAmB;MAC7B,KAAK,EAAE,GAAG;MACV,SAAS,EAAE,MAAM;IUiDf,qCAAqB;MC7IxB,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,YAAY;MACrB,OAAO,EAAE,SAAS;MAClB,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,IAAI;MAwOZ,gBAAgB,EAAE,OAAO;MACzB,aAAa,EAAE,OAAO;MAOvB,uBAAuB,EDrGO,aAAa;MCsG3C,oBAAoB,EDtGU,aAAa;MCuG3C,eAAe,EDvGe,aAAa;MACtC,MAAM,EAAE,MAAM;MACd,OAAO,EAAE,CAAC;;AAqBhB,mBAAoB;EVrKhB,MAAM,EAAE,MAAgB;EUwKxB,eAAe,EAAE,IAAI;EACrB,SAAS,EAAE,OAAO;EAClB,UAAU,EAAE,CAAC;EACb,aAAa,EAAE,CAAC;EVzKhB,0BAAS;IACP,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,YAAY;IACrB,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,MAAM;IACtB,YAAY,EAAE,OAAO;;EAGvB,uBAAM;IACF,OAAO,EAAE,YAAY;IACrB,MAAM,EAAE,cAA+B;IACvC,cAAc,EAAE,MAAM;EAG1B,yBAAmC;IACjC,uBAAM;MACJ,OAAO,EAAE,YAAY;MACrB,MAAM,EAAE,SAAkB;MAC1B,cAAc,EAAE,MAAM;EAI1B,yBAAmC;IU6IvC,mBAAoB;MV5IZ,WAAW,EAAE,MAAM;EUoJvB,qBAAE;IACE,KAAK,EAAE,IAAI;IACX,wDACQ;MACJ,KAAK,ETlIC,IAAI;;AWzGtB;;YAEa;EACZ,OAAO,EROQ,MAAM;;AQOtB,YAAa;EDwCZ,OAAO,EAAE,WAAW;EACpB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,WAAW;EACpB,OAAO,EAAE,IAAI;EAwOZ,gBAAgB,EAAE,OAAO;EACzB,aAAa,EAAE,OAAO;EAOvB,uBAAuB,ECzRE,aAAa;ED0RtC,oBAAoB,EC1RK,aAAa;ED2RtC,eAAe,EC3RU,aAAa;EDyTrC,iBAAiB,ECxTG,MAAM;EDyT1B,cAAc,ECzTM,MAAM;ED2T3B,mBAAmB,EC3TE,MAAM;ED4T3B,gBAAgB,EC5TK,MAAM;ED6T3B,WAAW,EC7TU,MAAM;EAC3B,KAAK,EAAE,IAAI;EACX,OAAO,ERdQ,IAAI;EQgBnB,2cAAQ;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;;AAKb,UAAW;EZIT,SAAQ,EAAE,KAAkB;EAC5B,SAAQ,EAAE,KAAY;EAoEpB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EYxErB,MAAM,EAAE,MAAM;;AAcf,YAAa;EACZ,OAAO,ERxCQ,IAAI;;ASNlB,yBAAmC;EAFrC;cACa;IbqHT,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,GAAG;IAEhB;oBAAM;MAzFR,SAAQ,EAAE,KAAkB;MAC5B,SAAQ,EAAE,KAAY;MAoEpB,WAAW,EAAE,IAAI;MACjB,YAAY,EAAE,IAAI;;Aa1FtB,YAAa;EAEX,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,GAAG;EACZ,OAAO,EAAE,CAAC;EAEV,6BAAiB;IFmClB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,IAAI;IAgRZ,iBAAiB,EErTM,MAAM;IFsT7B,cAAc,EEtTS,MAAM;IFwT9B,mBAAmB,EExTK,MAAM;IFyT9B,gBAAgB,EEzTQ,MAAM;IF0T9B,WAAW,EE1Ta,MAAM;IF6Q7B,gBAAgB,EAAE,OAAO;IACzB,aAAa,EAAE,OAAO;IAOvB,uBAAuB,EEpRK,aAAa;IFqRzC,oBAAoB,EErRQ,aAAa;IFsRzC,eAAe,EEtRa,aAAa;EAGxC,yBAAmC;IACjC,0BAAc;MACZ,QAAQ,EAAE,QAAQ;MAClB,IAAI,ETrBM,MAAM;MSsBhB,GAAG,ETtBO,MAAM;ES0BpB,yBAAmC;IApBrC,YAAa;MAqBT,MAAM,EAAE,MAAM;MACd,6BAAiB;QACf,OAAO,ET7BG,MAAM;;ASwCtB,YAAa;EAEX,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,QAAgB;EACzB,UAAU,EZ0MmB,OAA2B;EYzMxD,SAAS,ErBUU,IAAI;EqBTvB,KAAK,EZyNiB,OAA4B;EYxNlD,cAAc,EAAE,SAAS;EAEzB,6BAAiB;IACf,UAAU,EAAE,MAAM;EAIlB,kCAAK;IACH,OAAO,EAAE,KAAK;EAEhB,oDAAuB;IACrB,KAAK,EZ6Ma,OAA4B;IY5M9C,eAAe,EAAE,IAAI;EAIzB,cAAE;IACA,MAAM,EAAE,MAAM;EAGhB,yBAAmC;IACjC,qCAAyB;MACvB,OAAO,EAAE,KAAK;MACd,UAAU,EAAE,MAAM;MAClB,MAAM,EAAE,YAAqB;EAIjC,yBAAmC;IAEjC,6BAAiB;MF9BpB,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,YAAY;MACrB,OAAO,EAAE,SAAS;MAClB,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,IAAI;MA6QZ,iBAAiB,EAAE,GAAG;MACtB,cAAc,EAAE,GAAG;MAKpB,mBAAmB,EEvPO,QAAQ;MFwPlC,gBAAgB,EExPU,QAAQ;MFyPlC,WAAW,EEzPe,QAAQ;MF4MjC,gBAAgB,EAAE,OAAO;MACzB,aAAa,EAAE,OAAO;MAOvB,uBAAuB,EEnNO,aAAa;MFoN3C,oBAAoB,EEpNU,aAAa;MFqN3C,eAAe,EErNe,aAAa;MACtC,OAAO,EAAE,QAAgB;MACzB,cAAc,EAAE,MAAM;IAGxB,mCAAuB;MACrB,UAAU,EAAE,IAAI;IAGlB,oCAAwB;MACtB,UAAU,EAAE,KAAK;IAIjB,kCAAK;MACH,OAAO,EAAE,YAAY;IAEvB,qDAAwB;MACtB,OAAO,EAAE,KAAK;EAMpB,iCAAqB;IACnB,MAAM,EAAE,CAAC;IACT,qCAAM;MACJ,cAAc,EAAE,MAAM;;ACtE5B;OACQ;EACJ,OAAO,EAAE,QAAgB;EACzB,aAAa,EVzCD,IAAI;;AU4CpB,MAAO;EACH,OAAO,EAAE,QAAgB;;AA+B7B,MAAO;EAnFH,OAAO,EVQK,MAAM;EUPlB,MAAM,EAAE,SAAmB;EAqF7B,OAAO,EAAE,CAAC;EACV,KAAK,Eb2EkB,IAAiB;Ea1ExC,eAAe,EAAE,IAAI;EACrB,UAAU,EAAE,MAAM;EAClB,WAAW,EtBhCe,0BAAyB;EsBiCnD,OAAO,EAAE,IAAgB;EACzB,MAAM,EAAE,SAAqB;EAzF3B;eACO;IACH,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;EAGb,WAAK;IACD,SAAS,EAAE,IAAI;EAGnB,yBAAmB;IACf,MAAM,EAAE,CAAC;EAGb,sBAAkB;IACd,UAAU,EAAE,CAAC;IACb,WAAW,EAAE,CAAC;EAGlB,8FAGkB;IACd,aAAa,EAAE,CAAC;IAChB,cAAc,EAAE,CAAC;EAGrB,4BAAwB;IACpB,OAAO,EVvBC,MAAM;IUwBd,yCAAa;MACT,UAAU,EVzBN,MAAM;EUsFpB,UAAM;IACF,SAAS,EAAE,OAAO;IAClB,WAAW,EAAE,QAAQ;EAGzB;;WAEG;IACC,MAAM,EAAE,WAAmB;IAC3B,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,CAAC;EAGpB,mBAAa;IACX,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,KAAkB;IAC7B,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,CAAC;EAId,8CACM;IACJ,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,MAAM;EAI1B,sBAAkB;IACd,UAAU,EAAE,CAAC;EAGjB;yCACiC;IAC7B,aAAa,EAAE,CAAC;EAGpB,6BAAyB;IdjGzB,SAAQ,EAAE,KAAkB;IAC5B,SAAQ,EAAE,KAAY;IAoEpB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;Ic6BhB,aAAa,EVrIK,IAAI;EUwI1B,mBAAe;IACX,UAAU,EbqHe,OAA2B;EalHxD,uBAAmB;IACjB,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;EAGlB,4BAAwB;IACtB,UAAU,EAAE,CAAC;EAGf,+BAA2B;IACzB,aAAa,EAAE,CAAC;EAGlB,mBAAe;IACb,WAAW,EAAE,CAAC;IACd,cAAc,EAAE,CAAC;EAGnB,wBAAoB;IAClB,WAAW,EAAE,CAAC;EAGhB,2BAAuB;IACrB,cAAc,EAAE,CAAC;;AAyBrB,iBAAkB;EdvEd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,KAAK;EACZ,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,KAAK;EACX,WAAW,EAAE,GAAG;EcsEhB,UAAU,EVxLE,IAAI;EUyLhB,aAAa,EVzLD,IAAI;EU0LhB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EAClB,UAAU,Eb2DiB,OAA2B;Ea1DtD,YAAY,EAAE,CAAC;EACf,aAAa,EAAE,CAAC;Ed1EhB,qBAAM;IAzFR,SAAQ,EAAE,KAAkB;IAC5B,SAAQ,EAAE,KAAY;IAoEpB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;Ec+FlB,iCAAgB;IACZ,YAAY,EAAE,IAAgB;IAC9B,aAAa,EAAE,IAAgB;IAC/B,MAAM,EAAE,MAAM;IACd,qCAAM;MACF,SAAS,EAAE,OAAO;MAClB,WAAW,EAAE,QAAQ;;AAwBjC,8BAA+B;EAC3B,UAAU,EbsBkB,OAA4B;;Aae5D,WAAY;EAER,UAAU,EbfiB,OAA2B;EaiBtD,8BAAmB;IACf,WAAW,EAAE,GAAG;EAGpB,6BAAkB;IXxFpB,WAAW,EXjIe,0BAAyB;IWkInD,SAAS,EAAE,cAAc;IACzB,WAAW,EAAE,KAAK;IWwFZ,MAAM,EAAE,eAAoC;;AAoBpD,SAAU;EAEN,SAAS,EVpRD,KAAK;EUqRb,MAAM,EAAE,IAAI;EAEZ,2BAAkB;IAEd,KAAK,EAAE,GAAG;IACV,UAAU,EAAE,IAAI;IAChB,WAAW,EAAE,CAAC;IACd,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,IAAI;IAGnB,mCAAU;MACN,OAAO,EAAE,KAAK;MACd,OAAO,EAAE,EAAE;MACX,UAAU,EAAE,iDAAiD;MAC7D,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,KAAK;MACb,KAAK,EAAE,KAAK;MACZ,QAAQ,EAAE,QAAQ;MAClB,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,gBAAgB;;AAQjC,kBAAmB;EACf,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,MAAM;;AAmBlB,eAAgB;EdvEd,UAAU,ECpIqB,IAAI;Ea6MnC,UAAU,Eb9MmB,OAA+B;EDuI5D;;;;;;;;;;;;;;;;;kEACQ;IACN,KAAK,ECpGmB,OAA2B;EDuGrD,8BAAe;IACb,KAAK,ECzBkB,IAA2B;ID0BlD,WAAW,ER1NM,GAAG;EsB2RtB,4BAAe;IACb,UAAU,Eb/MmB,IAAI;;Aa4PrC,OAAQ;EAEJ,MAAM,EAAE,SAAqB;EAC7B,OAAO,EAAE,KAAK;EACd,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,IAAI;EAChB,SAAS,EV9XI,KAAK;EU+XlB,UAAU,EATO,IAAI;EAWvB;WACE;IACA,SAAS,EAAE,IAAI;;AAKnB,cAAe;EACX,KAAK,EAnBY,IAAI;EAoBrB,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,aAAqB;;AAGjC,yBAAmC;EAC/B,OAAQ;IACJ,YAAY,EAAE,KAAoC;;EAEtD;gBACe;IACX,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;AA0BjB,YAAa;EAEX,MAAM,EAAE,SAAmB;EAC3B,SAAS,EVnbC,KAAK;EUubb,8BAAgB;IACd,UAAU,EAAE,CAAC;EAEf,6BAAe;IACb,aAAa,EAAE,CAAC;EAGlB,yBAAmC;IATrC,gBAAM;MAUF,aAAa,EAAE,CAAC;MAChB,4BAAc;QACZ,aAAa,EVjdL,IAAI;EUudlB,4BAAkB;IAChB,UAAU,EAAE,IAAI;EAElB,2BAAiB;IACf,UAAU,EAAE,KAAK;EAGnB,yBAAmC;IA9BrC,YAAa;MHhZZ,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,YAAY;MACrB,OAAO,EAAE,SAAS;MAClB,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,IAAI;MG8aV,6BAAiB;QACf,KAAK,EAAE,GAAG;MAGZ,qBAAS;QACP,KAAK,EAAE,GAAG;EAId,0BAAkC;IAEhC,6BAAiB;MACf,KAAK,EAAE,GAAG;IAGZ,qBAAS;MACP,KAAK,EAAE,GAAG;;AAMhB,yBAAmC;EACjC,gBAAiB;IAEf,aAAa,EAAE,IAAgB;IAE/B,2BAAa;MACX,aAAa,EAAE,CAAC;MAChB,YAAY,EAAE,IAChB;AAIJ,QAAS;EAEP,QAAQ,EAAE,QAAQ;EAElB,WAAG;IX9bH,SAAS,EADG,OAAO;EWkcnB,WAAG;IX5bH,SAAS,EADG,OAAO;IAEnB,WAAW,EAAE,OAAO;EW8bpB,WAAG;IXzbH,SAAS,EADG,MAAM;IAElB,WAAW,EXvBU,GAAG;EsBmdxB,YAAM;IAEJ,MAAM,EAAE,CAAC;IAET,gBAAM;MACJ,UAAU,EVthBA,MAAM;;AU2iBtB,gBAAiB;EH5fhB,OAAO,EAAE,WAAW;EACpB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,WAAW;EACpB,OAAO,EAAE,IAAI;EAmCZ,qBAAqB,EAAE,MAAM;EAC7B,kBAAkB,EAAE,QAAQ;EAQ7B,sBAAsB,EG8cG,MAAM;EH7c/B,mBAAmB,EG6cM,MAAM;EH5c/B,kBAAkB,EG4cO,MAAM;EH3c/B,cAAc,EG2cW,MAAM;;AAGhC,gBAAiB;EHvThB,gBAAgB,EAHF,CAAW;EAIzB,YAAY,EAAE,QAAW;EACzB,aAAa,EALC,CAAW;EAMzB,SAAS,EAAE,QAAW;EACtB,QAAQ,EAAE,QAAW;EACrB,IAAI,EAAE,QAAW;EGoThB,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7hBX,KAAM;EfwFF,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,KAAK;EACZ,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,KAAK;EACX,WAAW,EAAE,GAAG;EezFlB,UAAU,EdiJc,IAAI;EchJ5B,KAAK,EdoOoB,IAA2B;EcnOpD,SAAS,EAAE,IAAI;EfyFb,SAAM;IAzFR,SAAQ,EAAE,KAAkB;IAC5B,SAAQ,EAAE,KAAY;IAoEpB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;EepEpB;oBACa;IACX,KAAK,EdgJmB,OAA2B;Ic/InD,aAAa,EAAE,CAAC;EAGlB,iBAAY;IAEV,OAAO,EAAE,WAA+B;IACxC,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,IAAI;IAEZ,mBAAE;MACA,UAAU,EAAE,CAAC;EAKjB,SAAM;IACJ,QAAQ,EAAE,QAAQ;EAGpB,kBAAa;IAEX,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;IAEb,yFAC2B;MACzB,MAAM,EAAE,CAAC;IAGX,mFACwB;MACtB,GAAG,EAAE,CAAC;IAGR,uFACyB;MACvB,KAAK,EXzEK,MAAM;IW4ElB,qFACwB;MACtB,IAAI,EX9EM,MAAM;EWkFpB,yBAAmC;IAEjC,SAAM;MJrCT,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,YAAY;MACrB,OAAO,EAAE,SAAS;MAClB,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,IAAI;MAyCZ,qBAAqB,EAAE,MAAM;MAC7B,kBAAkB,EAAE,UAAU;MAE/B,sBAAsB,EITO,GAAG;MJUhC,mBAAmB,EIVU,GAAG;MJWhC,kBAAkB,EIXW,GAAG;MJYhC,cAAc,EIZe,GAAG;MAC3B,MAAM,EAAE,KAAK;MACb,QAAQ,EAAE,QAAQ;IAGpB,iBAAY;MAEV,UAAU,EAAE,CAAC;MAEb,mFACyB;QACvB,KAAK,EAAE,GAAG;MAGZ,8EAC0B;QACxB,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,KAAK;MAGnB,4EACyB;QACvB,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,IAAI;MAGlB,6CAA8B;QJoOnC,kBAAkB,EInOS,MAAM;QJoOjC,eAAe,EIpOY,MAAM;QJ0OhC,mBAAmB,EI1OO,MAAM;QJ4OjC,UAAU,EI5OiB,MAAM;QAC1B,UAAU,EAAE,IAAI;IAIpB,kBAAa;MACX,OAAO,EAAE,KAAK;;ACrGpB,aAAc;EL6Bb,OAAO,EAAE,WAAW;EACpB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,WAAW;EACpB,OAAO,EAAE,IAAI;EAwOZ,gBAAgB,EAAE,OAAO;EACzB,aAAa,EAAE,OAAO;EAOvB,uBAAuB,EK9QE,aAAa;EL+QtC,oBAAoB,EK/QK,aAAa;ELgRtC,eAAe,EKhRU,aAAa;ELiGtC,iBAAiB,EKhGE,IAAI;ELiGvB,cAAc,EKjGK,IAAI;ELqGtB,aAAa,EKrGK,IAAI;ELuGvB,SAAS,EKvGU,IAAI;EACvB,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EAEV,qBAAQ;ILoBR,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,IAAI;IAmCZ,qBAAqB,EAAE,MAAM;IAC7B,kBAAkB,EAAE,QAAQ;IAQ7B,sBAAsB,EKlEG,MAAM;ILmE/B,mBAAmB,EKnEM,MAAM;ILoE/B,kBAAkB,EKpEO,MAAM;ILqE/B,cAAc,EKrEW,MAAM;IL8P9B,gBAAgB,EAAE,OAAO;IACzB,aAAa,EAAE,OAAO;IAOvB,uBAAuB,EKrQG,aAAa;ILsQvC,oBAAoB,EKtQM,aAAa;ILuQvC,eAAe,EKvQW,aAAa;IACtC,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,MAAM;IACd,wBAAG;MACF,MAAM,EAAE,CAAC;;AASZ,OAAQ;EAEP,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,MAAM;EAClB,SAAS,ExBOY,IAAI;EwBLzB,YAAK;IACJ,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,WAAmB;IAC3B,aAAa,EAAE,IAAI;EAGpB,aAAM;IACL,OAAO,EAAE,MAAM;EAGhB,+BACS;IACR,UAAU,EAAE,MAAM;EA1DhB,2BAAK;IACJ,gBAAgB,EfgQE,OAA0B;Ie/P5C,MAAM,EAAE,iBAA6B;EAGtC,6BAAS;IACR,OAAO,EAAE,0DAAiF;EAN3F,4BAAK;IACJ,gBAAgB,EfmQC,OAA2B;IelQ5C,MAAM,EAAE,iBAA6B;EAGtC,8BAAS;IACR,OAAO,EAAE,6DAAiF;EAN3F,2BAAK;IACJ,gBAAgB,EfwNa,OAAyB;IevNtD,MAAM,EAAE,iBAA6B;EAGtC,6BAAS;IACR,OAAO,EAAE,0DAAiF;EAN3F,4BAAK;IACJ,gBAAgB,EfgPU,OAA2B;Ie/OrD,MAAM,EAAE,iBAA6B;EAGtC,8BAAS;IACR,OAAO,EAAE,wDAAiF;EAN3F,6BAAK;IACJ,gBAAgB,Ef8OW,OAA4B;Ie7OvD,MAAM,EAAE,iBAA6B;EAGtC,+BAAS;IACR,OAAO,EAAE,0DAAiF;EAN3F,4BAAK;IACJ,gBAAgB,EfwKO,OAA2B;IevKlD,MAAM,EAAE,eAA6B;EAGtC,8BAAS;IACR,OAAO,EAAE,wDAAiF;EAN3F,4BAAK;IACJ,gBAAgB,EfuPM,IAA2B;IetPjD,MAAM,EAAE,iBAA6B;EAGtC,8BAAS;IACR,OAAO,EAAE,yDAAiF;EAN3F,6BAAK;IACJ,gBAAgB,EfiQG,OAA4B;IehQ/C,MAAM,EAAE,iBAA6B;EAGtC,+BAAS;IACR,OAAO,EAAE,6DAAiF;EAN3F,4BAAK;IACJ,gBAAgB,EfoNK,IAA2B;IenNhD,MAAM,EAAE,iBAA6B;EAGtC,8BAAS;IACR,OAAO,EAAE,sDAAiF;EAN3F,+BAAK;IACJ,gBAAgB,Ef6LE,IAA8B;Ie5LhD,MAAM,EAAE,iBAA6B;EAGtC,iCAAS;IACR,OAAO,EAAE,4DAAiF;EAN3F,gCAAK;IACJ,gBAAgB,EfmIU,OAA+B;IelIzD,MAAM,EAAE,iBAA6B;EAGtC,kCAAS;IACR,OAAO,EAAE,gEAAiF;EAN3F,0BAAK;IACJ,gBAAgB,Ef6LE,IAA8B;Ie5LhD,MAAM,EAAE,iBAA6B;EAGtC,4BAAS;IACR,OAAO,EAAE,4DAAiF;EAN3F,4BAAK;IACJ,gBAAgB,EfiQG,OAA4B;IehQ/C,MAAM,EAAE,iBAA6B;EAGtC,8BAAS;IACR,OAAO,EAAE,iEAAiF;EAN3F,2BAAK;IACJ,gBAAgB,EfuPM,IAA2B;IetPjD,MAAM,EAAE,iBAA6B;EAGtC,6BAAS;IACR,OAAO,EAAE,6DAAiF;EAN3F,uBAAK;IACJ,gBAAgB,EfyFH,IAAI;IexFjB,MAAM,EAAE,iBAA6B;EAGtC,yBAAS;IACR,OAAO,EAAE,yDAAiF;EAN3F,6BAAK;IACJ,gBAAgB,Ef0FG,IAAI;IezFvB,MAAM,EAAE,iBAA6B;EAGtC,+BAAS;IACR,OAAO,EAAE,+DAAiF;EAN3F,6BAAK;IACJ,gBAAgB,Ef2FG,IAAI;Ie1FvB,MAAM,EAAE,iBAA6B;EAGtC,+BAAS;IACR,OAAO,EAAE,+DAAiF;EAN3F,4BAAK;IACJ,gBAAgB,Ef6FM,IAAI;Ie5F1B,MAAM,EAAE,iBAA6B;EAGtC,8BAAS;IACR,OAAO,EAAE,4DAAiF;EAN3F,8BAAK;IACJ,gBAAgB,EfiQG,OAA4B;IehQ/C,MAAM,EAAE,iBAA6B;EAGtC,gCAAS;IACR,OAAO,EAAE,iEAAiF;EAN3F,6BAAK;IACJ,gBAAgB,EfuPM,IAA2B;IetPjD,MAAM,EAAE,iBAA6B;EAGtC,+BAAS;IACR,OAAO,EAAE,6DAAiF;EAN3F,gCAAK;IACJ,gBAAgB,EfwKO,OAA2B;IevKlD,MAAM,EAAE,eAA6B;EAGtC,kCAAS;IACR,OAAO,EAAE,2DAAiF;EAN3F,kCAAK;IACJ,gBAAgB,EfgPU,OAA2B;Ie/OrD,MAAM,EAAE,iBAA6B;EAGtC,oCAAS;IACR,OAAO,EAAE,6DAAiF;EAN3F,iCAAK;IACJ,gBAAgB,EfiIO,IAAI;IehI3B,MAAM,EAAE,iBAA6B;EAGtC,mCAAS;IACR,OAAO,EAAE,6DAAiF;EAN3F,2BAAK;IACJ,gBAAgB,EfwKO,OAA2B;IevKlD,MAAM,EAAE,eAA6B;EAGtC,6BAAS;IACR,OAAO,EAAE,2DAAiF;EAN3F,6BAAK;IACJ,gBAAgB,EfgPU,OAA2B;Ie/OrD,MAAM,EAAE,iBAA6B;EAGtC,+BAAS;IACR,OAAO,EAAE,6DAAiF;EAN3F,4BAAK;IACJ,gBAAgB,Ef8OW,OAA4B;Ie7OvD,MAAM,EAAE,iBAA6B;EAGtC,8BAAS;IACR,OAAO,EAAE,6DAAiF;EAN3F,8BAAK;IACJ,gBAAgB,EfoJI,IAAiB;IenJrC,MAAM,EAAE,iBAA6B;EAGtC,gCAAS;IACR,OAAO,EAAE,+DAAiF;EAN3F,4BAAK;IACJ,gBAAgB,Ef6LE,IAA8B;Ie5LhD,MAAM,EAAE,iBAA6B;EAGtC,8BAAS;IACR,OAAO,EAAE,4DAAiF;EAN3F,8BAAK;IACJ,gBAAgB,Ef8LI,KAAwC;Ie7L5D,MAAM,EAAE,eAA6B;EAGtC,gCAAS;IACR,OAAO,EAAE,yDAAiF;EAN3F,2BAAK;IACJ,gBAAgB,EfgPU,OAA2B;Ie/OrD,MAAM,EAAE,iBAA6B;EAGtC,6BAAS;IACR,OAAO,EAAE,0DAAiF;EAN3F,+BAAK;IACJ,gBAAgB,EfkND,IAAI;IejNnB,MAAM,EAAE,iBAA6B;EAGtC,iCAAS;IACR,OAAO,EAAE,+DAAiF;EAN3F,+BAAK;IACJ,gBAAgB,EfuPM,IAA2B;IetPjD,MAAM,EAAE,iBAA6B;EAGtC,iCAAS;IACR,OAAO,EAAE,+DAAiF;EAN3F,qCAAK;IACJ,gBAAgB,EfoNK,IAA2B;IenNhD,MAAM,EAAE,iBAA6B;EAGtC,uCAAS;IACR,OAAO,EAAE,kEAAiF;EAN3F,uCAAK;IACJ,gBAAgB,EfsNO,IAAI;IerN3B,MAAM,EAAE,iBAA6B;EAGtC,yCAAS;IACR,OAAO,EAAE,uEAAiF;EAN3F,uCAAK;IACJ,gBAAgB,EfuNO,OAA6B;IetNpD,MAAM,EAAE,iBAA6B;EAGtC,yCAAS;IACR,OAAO,EAAE,wEAAiF;EAN3F,6CAAK;IACJ,gBAAgB,EfwNa,OAAyB;IevNtD,MAAM,EAAE,iBAA6B;EAGtC,+CAAS;IACR,OAAO,EAAE,8EAAiF;EAN3F,0BAAK;IACJ,gBAAgB,EfmKK,IAAI;IelKzB,MAAM,EAAE,iBAA6B;EAGtC,4BAAS;IACR,OAAO,EAAE,4DAAiF;EAN3F,4BAAK;IACJ,gBAAgB,EfwKO,OAA2B;IevKlD,MAAM,EAAE,eAA6B;EAGtC,8BAAS;IACR,OAAO,EAAE,6DAAiF;EAN3F,2BAAK;IACJ,gBAAgB,EfgPU,OAA2B;Ie/OrD,MAAM,EAAE,iBAA6B;EAGtC,6BAAS;IACR,OAAO,EAAE,4DAAiF;EAN3F,+BAAK;IACJ,gBAAgB,EfuPM,IAA2B;IetPjD,MAAM,EAAE,iBAA6B;EAGtC,iCAAS;IACR,OAAO,EAAE,iEAAiF;EAN3F,iCAAK;IACJ,gBAAgB,EfwKO,OAA2B;IevKlD,MAAM,EAAE,eAA6B;EAGtC,mCAAS;IACR,OAAO,EAAE,kEAAiF;EAN3F,gCAAK;IACJ,gBAAgB,EfyKM,IAAI;IexK1B,MAAM,EAAE,iBAA6B;EAGtC,kCAAS;IACR,OAAO,EAAE,kEAAiF;;AA2D/F,yBAA0B;ELvBzB,OAAO,EAAE,WAAW;EACpB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,WAAW;EACpB,OAAO,EAAE,IAAI;EA4Fb,iBAAiB,EKvEE,UAAU;ELwE7B,cAAc,EKxEK,UAAU;ELyE7B,aAAa,EKzEM,UAAU;EL0E7B,SAAS,EK1EU,UAAU;EhB9C5B,SAAQ,EAAE,KAAkB;EAC5B,SAAQ,EAAE,KAAY;EAoEpB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EgBtBrB,KAAK,EAAE,IAAI;EACX,UAAU,EfmGiB,OAA2B;EelGtD,UAAU,EAAE,eAAkD;EAC9D,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;;AAGV,kBAAmB;ELnClB,OAAO,EAAE,WAAW;EACpB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,WAAW;EACpB,OAAO,EAAE,IAAI;EAyCZ,qBAAqB,EAAE,MAAM;EAC7B,kBAAkB,EAAE,UAAU;EAE/B,sBAAsB,EKVE,GAAG;ELW3B,mBAAmB,EKXK,GAAG;ELY3B,kBAAkB,EKZM,GAAG;ELa3B,cAAc,EKbU,GAAG;ELiC3B,iBAAiB,EKhCE,IAAI;ELiCvB,cAAc,EKjCK,IAAI;ELqCtB,aAAa,EKrCK,IAAI;ELuCvB,SAAS,EKvCU,IAAI;EACvB,eAAe,EAAE,IAAI;EAErB,qBAAK;IACJ,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,SAAkB;IAC1B,OAAO,EAAE,CAAC;;AAKZ,0JAAqC;EACpC,UAAU,EZnGK,IAAI;;AY4GnB;qBACG;EACF,WAAW,EAAE,mCAA+B;;AAI7C;uBACG;EACF,WAAW,EAAE,qCAAiC;;AAS/C;cACI;EACH,UAAU,EAAE,IAAI;EAChB;mBAAG;IACF,MAAM,EAAE,CAAC;;;AA8ER;4CAAuB;EACrB,OAAO,EAAE,CAAC;EACV,QAAQ,EAAE,OAAO", | |
| +"sources": ["../../../scss/variables/_fonts.scss","../../../scss/normalize.scss","../../../bower_components/font-awesome/scss/_path.scss","../../../bower_components/font-awesome/scss/_core.scss","../../../scss/_font-awesome.scss","../../../bower_components/font-awesome/scss/_variables.scss","../../../bower_components/font-awesome/scss/_screen-reader.scss","../../../bower_components/font-awesome/scss/_mixins.scss","../../../scss/utilities/_mixins.scss","../../../scss/variables/_colors.scss","../../../scss/base/_base.scss","../../../scss/base/_typography.scss","../../../scss/variables/_structure.scss","../../../scss/base/_form-elements.scss","../../../scss/base/_buttons.scss","../../../scss/base/_tables.scss","../../../scss/components/_indicators.scss","../../../scss/components/_forms.scss","../../../scss/components/_menus.scss","../../../scss/utilities/_mixins-flexbox.scss","../../../scss/components/_page-level.scss","../../../scss/components/_site-level.scss","../../../scss/components/_containers.scss","../../../scss/components/_heroes.scss","../../../scss/styleguide/_styleguide.scss"], | |
| "names": [], | |
| "file": "main-dev.css" | |
| } | |
| diff --git a/styleguide/section-1.html b/styleguide/section-1.html | |
| index 331176a..a671443 100644 | |
| --- a/styleguide/section-1.html | |
| +++ b/styleguide/section-1.html | |
| @@ -2,7 +2,7 @@ | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| - <title>Caxy Website Styleguide - v. 1.3.3</title> | |
| + <title>Caxy Website Styleguide - v. 1.4.0</title> | |
| <meta name="description" content=""> | |
| <meta name="generator" content="kss-node"> | |
| @@ -24,7 +24,7 @@ | |
| <div class="kss-sidebar kss-style"> | |
| <header class="kss-header"> | |
| <h1 class="kss-doc-title">Caxy Website Styleguide</h1> | |
| - <small>v. 1.3.3</small> | |
| + <small>v. 1.4.0</small> | |
| </header> | |
| <nav class="kss-nav"> | |
| <ul class="kss-nav__menu"> | |
| @@ -84,7 +84,7 @@ | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html"> | |
| - <span class="kss-nav__ref">3</span><span class="kss-nav__name">Forms and Form Elements</span> | |
| + <span class="kss-nav__ref">3</span><span class="kss-nav__name">Form Fields and Buttons</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -256,7 +256,7 @@ | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: variables/_colors.scss, line 94</small> | |
| + <small>Source: variables/_colors.scss, line 95</small> | |
| </div> | |
| </section> | |
| <section id="kssref-1-3" class="kss-section kss-section--depth-2" data-status=""> | |
| @@ -310,7 +310,7 @@ background colors.</p> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: variables/_colors.scss, line 133</small> | |
| + <small>Source: variables/_colors.scss, line 138</small> | |
| </div> | |
| </section> | |
| <section id="kssref-1-4" class="kss-section kss-section--depth-2" data-status=""> | |
| @@ -332,7 +332,7 @@ background colors.</p> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: variables/_colors.scss, line 172</small> | |
| + <small>Source: variables/_colors.scss, line 181</small> | |
| </div> | |
| </section> | |
| <section id="kssref-1-6" class="kss-section kss-section--depth-2" data-status=""> | |
| @@ -381,7 +381,7 @@ background colors.</p> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: variables/_colors.scss, line 215</small> | |
| + <small>Source: variables/_colors.scss, line 224</small> | |
| </div> | |
| </section> | |
| <section id="kssref-1-7" class="kss-section kss-section--depth-2" data-status=""> | |
| @@ -455,6 +455,7 @@ The font families in play are [].</p> | |
| className: 'is-in-viewport' | |
| }); | |
| </script> | |
| +<script src="kss-assets/form-label-shift.js"></script> | |
| <script src="kss-assets/js/mobile-menu.js"></script> | |
| <script src="kss-assets/js/swatch-text.js"></script> | |
| <script src="kss-assets/js/styleguide-display.js"></script> | |
| diff --git a/styleguide/section-2.html b/styleguide/section-2.html | |
| index d8cc9ed..bd0c509 100644 | |
| --- a/styleguide/section-2.html | |
| +++ b/styleguide/section-2.html | |
| @@ -2,7 +2,7 @@ | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| - <title>Caxy Website Styleguide - v. 1.3.3</title> | |
| + <title>Caxy Website Styleguide - v. 1.4.0</title> | |
| <meta name="description" content=""> | |
| <meta name="generator" content="kss-node"> | |
| @@ -24,7 +24,7 @@ | |
| <div class="kss-sidebar kss-style"> | |
| <header class="kss-header"> | |
| <h1 class="kss-doc-title">Caxy Website Styleguide</h1> | |
| - <small>v. 1.3.3</small> | |
| + <small>v. 1.4.0</small> | |
| </header> | |
| <nav class="kss-nav"> | |
| <ul class="kss-nav__menu"> | |
| @@ -144,7 +144,7 @@ | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html"> | |
| - <span class="kss-nav__ref">3</span><span class="kss-nav__name">Forms and Form Elements</span> | |
| + <span class="kss-nav__ref">3</span><span class="kss-nav__name">Form Fields and Buttons</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -294,7 +294,7 @@ | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 151</small> | |
| + <small>Source: base/_typography.scss, line 180</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-4" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -338,7 +338,7 @@ | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 187</small> | |
| + <small>Source: base/_typography.scss, line 216</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-5" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -382,7 +382,7 @@ | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 247</small> | |
| + <small>Source: base/_typography.scss, line 276</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-6" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -426,7 +426,7 @@ | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 266</small> | |
| + <small>Source: base/_typography.scss, line 295</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-7" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -471,7 +471,7 @@ | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 285</small> | |
| + <small>Source: base/_typography.scss, line 314</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-8" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -522,7 +522,7 @@ A, ut laudantium sunt blanditiis non at, tempora dolore." | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 320</small> | |
| + <small>Source: base/_typography.scss, line 349</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-9" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -565,7 +565,7 @@ A, ut laudantium sunt blanditiis non at, tempora dolore." | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 364</small> | |
| + <small>Source: base/_typography.scss, line 393</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-10" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -607,7 +607,7 @@ A, ut laudantium sunt blanditiis non at, tempora dolore.</p> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 401</small> | |
| + <small>Source: base/_typography.scss, line 430</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-11" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -651,7 +651,7 @@ A, ut laudantium sunt blanditiis non at, tempora dolore. | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 423</small> | |
| + <small>Source: base/_typography.scss, line 452</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-12" class="kss-section kss-section--depth-2" data-status="ready"> | |
| @@ -742,7 +742,7 @@ A, ut laudantium sunt blanditiis non at, tempora dolore. | |
| </code></pre></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 447</small> | |
| + <small>Source: base/_typography.scss, line 476</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-13" class="kss-section kss-section--depth-2" data-status=""> | |
| @@ -815,7 +815,7 @@ A, ut laudantium sunt blanditiis non at, tempora dolore. | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 502</small> | |
| + <small>Source: base/_typography.scss, line 531</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-14" class="kss-section kss-section--depth-2" data-status=""> | |
| @@ -837,7 +837,7 @@ A, ut laudantium sunt blanditiis non at, tempora dolore. | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 514</small> | |
| + <small>Source: base/_typography.scss, line 543</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-14-1" class="kss-section kss-section--depth-3" data-status="review"> | |
| @@ -881,7 +881,7 @@ A, ut laudantium sunt blanditiis non at, tempora dolore. | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 520</small> | |
| + <small>Source: base/_typography.scss, line 549</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-14-2" class="kss-section kss-section--depth-3" data-status=""> | |
| @@ -940,7 +940,7 @@ A, ut laudantium sunt blanditiis non at, tempora dolore. | |
| </div></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_typography.scss, line 537</small> | |
| + <small>Source: base/_typography.scss, line 566</small> | |
| </div> | |
| </section> | |
| <section id="kssref-2-15" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -1017,6 +1017,7 @@ blocks but is simple enough to be used in teasers and cards if desired.</p> | |
| className: 'is-in-viewport' | |
| }); | |
| </script> | |
| +<script src="kss-assets/form-label-shift.js"></script> | |
| <script src="kss-assets/js/mobile-menu.js"></script> | |
| <script src="kss-assets/js/swatch-text.js"></script> | |
| <script src="kss-assets/js/styleguide-display.js"></script> | |
| diff --git a/styleguide/section-3.html b/styleguide/section-3.html | |
| index 3d1ef93..2336d61 100644 | |
| --- a/styleguide/section-3.html | |
| +++ b/styleguide/section-3.html | |
| @@ -2,7 +2,7 @@ | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| - <title>Caxy Website Styleguide - v. 1.3.3</title> | |
| + <title>Caxy Website Styleguide - v. 1.4.0</title> | |
| <meta name="description" content=""> | |
| <meta name="generator" content="kss-node"> | |
| @@ -24,7 +24,7 @@ | |
| <div class="kss-sidebar kss-style"> | |
| <header class="kss-header"> | |
| <h1 class="kss-doc-title">Caxy Website Styleguide</h1> | |
| - <small>v. 1.3.3</small> | |
| + <small>v. 1.4.0</small> | |
| </header> | |
| <nav class="kss-nav"> | |
| <ul class="kss-nav__menu"> | |
| @@ -46,37 +46,25 @@ | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html"> | |
| - <span class="kss-nav__ref">3</span><span class="kss-nav__name">Forms and Form Elements</span> | |
| + <span class="kss-nav__ref">3</span><span class="kss-nav__name">Form Fields and Buttons</span> | |
| </a> | |
| <ul class="kss-nav__menu-child"> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html#kssref-3-1"> | |
| <span class="kss-nav__ref ">3.1</span | |
| - ><span class="kss-nav__name">Form Elements</span> | |
| + ><span class="kss-nav__name">Text Inputs</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| - <a class="kss-nav__menu-link" href="section-3.html#kssref-3-1-2"> | |
| - <span class="kss-nav__ref kss-nav__ref-child">3.1.2</span | |
| - ><span class="kss-nav__name">Form Fields</span> | |
| - </a> | |
| - </li> | |
| - <li class="kss-nav__menu-item"> | |
| - <a class="kss-nav__menu-link" href="section-3.html#kssref-3-1-3"> | |
| - <span class="kss-nav__ref kss-nav__ref-child">3.1.3</span | |
| - ><span class="kss-nav__name">File Upload Fields</span> | |
| - </a> | |
| - </li> | |
| - <li class="kss-nav__menu-item"> | |
| - <a class="kss-nav__menu-link" href="section-3.html#kssref-3-1-4"> | |
| - <span class="kss-nav__ref kss-nav__ref-child">3.1.4</span | |
| - ><span class="kss-nav__name">Fieldsets</span> | |
| + <a class="kss-nav__menu-link" href="section-3.html#kssref-3-2"> | |
| + <span class="kss-nav__ref ">3.2</span | |
| + ><span class="kss-nav__name">Buttons and Button Contexts</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html#kssref-3-2"> | |
| <span class="kss-nav__ref ">3.2</span | |
| - ><span class="kss-nav__name">Buttons and Button Contexts</span> | |
| + ><span class="kss-nav__name">Text Areas</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -92,27 +80,39 @@ | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| + <a class="kss-nav__menu-link" href="section-3.html#kssref-3-3"> | |
| + <span class="kss-nav__ref ">3.3</span | |
| + ><span class="kss-nav__name">Select Menus</span> | |
| + </a> | |
| + </li> | |
| + <li class="kss-nav__menu-item"> | |
| + <a class="kss-nav__menu-link" href="section-3.html#kssref-3-4"> | |
| + <span class="kss-nav__ref ">3.4</span | |
| + ><span class="kss-nav__name">Checkboxes</span> | |
| + </a> | |
| + </li> | |
| + <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html#kssref-3-5"> | |
| <span class="kss-nav__ref ">3.5</span | |
| - ><span class="kss-nav__name">Form Validation</span> | |
| + ><span class="kss-nav__name">Fieldsets</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| - <a class="kss-nav__menu-link" href="section-3.html#kssref-3-5-1"> | |
| - <span class="kss-nav__ref kss-nav__ref-child">3.5.1</span | |
| - ><span class="kss-nav__name">Required Fields</span> | |
| + <a class="kss-nav__menu-link" href="section-3.html#kssref-3-5"> | |
| + <span class="kss-nav__ref ">3.5</span | |
| + ><span class="kss-nav__name">Radio Inputs</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html#kssref-3-6"> | |
| <span class="kss-nav__ref ">3.6</span | |
| - ><span class="kss-nav__name">3.6</span> | |
| + ><span class="kss-nav__name">Form Validation</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| - <a class="kss-nav__menu-link" href="section-3.html#kssref-3-6-2"> | |
| - <span class="kss-nav__ref kss-nav__ref-child">3.6.2</span | |
| - ><span class="kss-nav__name">Feedback Messaging</span> | |
| + <a class="kss-nav__menu-link" href="section-3.html#kssref-3-6-1"> | |
| + <span class="kss-nav__ref kss-nav__ref-child">3.6.1</span | |
| + ><span class="kss-nav__name">Required Fields</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -180,11 +180,27 @@ | |
| 3 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| - Forms and Form Elements | |
| + Form Fields and Buttons | |
| </a> | |
| </h1> | |
| + <div class="kss-description"> | |
| + <p>Form fields will fill their containers 100% unless the specific | |
| +situation dictates otherwise. This is to mainly aid in a mobile-first approach.</p> | |
| +<p>All form fields should be wrapped inside of their respective label | |
| +elements. This accomplishes a few things:</p> | |
| +<ul> | |
| +<li>Clicking on the label element will bring focus to its input regardless of whether a <code>for</code> value is set</li> | |
| +<li>It groups all content relevant to an input in with it, which can aid screen readers in assigning context</li> | |
| +<li>This provides a baked-in element that can be leveraged for positioning and spacing alongside the input itself, which can be very valuable</li> | |
| +<li>A feedback class (error, alert, success, etc) applied to the label element will be inherited by all content, which leads to less markup</li> | |
| +</ul> | |
| +<p>All form fields can be made half width with the application of the <code>.field--half</code> class. This does apply a float, however. To provide the | |
| +most flexibility in using this feature, if a form field is intended to be half width but also clear its siblings, the <code>.clearfix</code> utility class | |
| +should be applied. Full width fields will clear half-width fields without this class.</p> | |
| + | |
| + </div> | |
| <hr /> | |
| @@ -200,72 +216,139 @@ | |
| 3.1 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| - Form Elements | |
| + Text Inputs | |
| </a> | |
| </h2> | |
| + <dl class="pattern-info kss-style"> | |
| + <dt>Pattern Type:</dt> | |
| + <dd class="pattern-type atom">atom</dd> | |
| + </dl> | |
| </div> | |
| + <div class="kss-modifier__wrapper"> | |
| + <div class="kss-modifier__heading kss-style"> | |
| + | |
| + <span class="kss-status development">In Development</span> | |
| + | |
| + Example | |
| + </div> | |
| + | |
| + | |
| + <div class="kss-modifier__example"> | |
| + <label for="styleguide-text-input-1" class="field-text"> | |
| + <span id="input-title-1" class="field__title">Input Title</span> | |
| + <input id="styleguide-text-input-1" name="styleguide-text-input-1" aria-labelledby="input-title-1" type="text" title="Input Title" value="" /> | |
| +</label> | |
| + </div> | |
| + | |
| + </div> | |
| + <div class="kss-markup kss-style"> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><label for="styleguide-text-input-1" class="field-text"> | |
| + <span id="input-title-1" class="field__title">Input Title</span> | |
| + <input id="styleguide-text-input-1" name="styleguide-text-input-1" aria-labelledby="input-title-1" type="text" title="Input Title" value="" /> | |
| +</label></code></pre> | |
| + </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 11</small> | |
| + <small>Source: base/_form-elements.scss, line 112</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-3-1-2" class="kss-section kss-section--depth-3" data-status=""> | |
| + <section id="kssref-3-2" class="kss-section kss-section--depth-2" data-status=""> | |
| <div class="kss-style"> | |
| - <h3 class="kss-title kss-title--level-3"> | |
| - <a class="kss-title__permalink" href="#kssref-3-1-2"> | |
| + <h2 class="kss-title kss-title--level-2"> | |
| + <a class="kss-title__permalink" href="#kssref-3-2"> | |
| + <span class="kss-title__ref"> | |
| + 3.2 | |
| + <span class="kss-title__permalink-hash"></span> | |
| + </span> | |
| + Buttons and Button Contexts | |
| + </a> | |
| + </h2> | |
| + | |
| + | |
| + | |
| + | |
| + </div> | |
| + | |
| + <div class="kss-source kss-style"> | |
| + <small>Source: base/_buttons.scss, line 2</small> | |
| + </div> | |
| + </section> | |
| + <section id="kssref-3-2" class="kss-section kss-section--depth-2" data-status=""> | |
| + | |
| + <div class="kss-style"> | |
| + <h2 class="kss-title kss-title--level-2"> | |
| + <a class="kss-title__permalink" href="#kssref-3-2"> | |
| <span class="kss-title__ref"> | |
| - 3.1.2 | |
| + 3.2 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| - Form Fields | |
| + Text Areas | |
| </a> | |
| - </h3> | |
| + </h2> | |
| + <dl class="pattern-info kss-style"> | |
| + <dt>Pattern Type:</dt> | |
| + <dd class="pattern-type atom">atom</dd> | |
| + </dl> | |
| - <div class="kss-description"> | |
| - <p>Form fields will fill their containers 100% unless the sepcific | |
| -situation dictates otherwise. This is to mainly aid in a mobile-first approach.</p> | |
| -<p>All form fields should be wrapped inside of their respective label | |
| -elements. This accomplishes a few things:</p> | |
| -<ul> | |
| -<li>Clicking on the label element will bring focus to its input regardless of whether a <code>for</code> value is set</li> | |
| -<li>It groups all content relevant to an input in with it, which can aid screen readers in assigning context</li> | |
| -<li>This provides a baked-in element that can be leveraged for positioning and spacing alongside the input itself, which can be very valuable</li> | |
| -<li>A feedback class (error, alert, success, etc) applied to the label element will be inherited by all content, which leads to less markup</li> | |
| -</ul> | |
| + | |
| + </div> | |
| + | |
| + <div class="kss-modifier__wrapper"> | |
| + <div class="kss-modifier__heading kss-style"> | |
| + | |
| + <span class="kss-status development">In Development</span> | |
| + | |
| + Example | |
| </div> | |
| - </div> | |
| + <div class="kss-modifier__example"> | |
| + <label for="styleguide-textarea" class="field-text"> | |
| + <span id="input-title-2" class="field__title">Input Title</span> | |
| + <textarea id="styleguide-textarea" name="styleguide-textarea" aria-labelledby="input-title-2" title="Input Title" value=""></textarea> | |
| +</label> | |
| + </div> | |
| + </div> | |
| + <div class="kss-markup kss-style"> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><label for="styleguide-textarea" class="field-text"> | |
| + <span id="input-title-2" class="field__title">Input Title</span> | |
| + <textarea id="styleguide-textarea" name="styleguide-textarea" aria-labelledby="input-title-2" title="Input Title" value=""></textarea> | |
| +</label></code></pre> | |
| + </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 24</small> | |
| + <small>Source: base/_form-elements.scss, line 159</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-3-1-2-1" class="kss-section kss-section--depth-4" data-status=""> | |
| + <section id="kssref-3-2-1" class="kss-section kss-section--depth-3" data-status=""> | |
| <div class="kss-style"> | |
| - <h4 class="kss-title kss-title--level-4"> | |
| - <a class="kss-title__permalink" href="#kssref-3-1-2-1"> | |
| + <h3 class="kss-title kss-title--level-3"> | |
| + <a class="kss-title__permalink" href="#kssref-3-2-1"> | |
| <span class="kss-title__ref"> | |
| - 3.1.2.1 | |
| + 3.2.1 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| - Text Inputs | |
| + Buttons | |
| </a> | |
| - </h4> | |
| + </h3> | |
| <dl class="pattern-info kss-style"> | |
| <dt>Pattern Type:</dt> | |
| <dd class="pattern-type atom">atom</dd> | |
| </dl> | |
| + <div class="kss-description"> | |
| + <p>Button text should be no longer than [X] words long.</p> | |
| + | |
| + </div> | |
| </div> | |
| @@ -285,55 +368,80 @@ elements. This accomplishes a few things:</p> | |
| </div> | |
| <div class="kss-modifier__example"> | |
| - <label for="styleguide-text-input-1" class="form-textfield"> | |
| - <span id="input-title-1" class="field-title">Input Title</span> | |
| - <input id="styleguide-text-input-1" class="[modifier class]" name="styleguide-text-input-1" aria-labelledby="input-title-1" type="text" title="Input Title" value="" /> | |
| -</label> | |
| + <button class="[modifier class]">Button</button> | |
| </div> | |
| <div class="kss-modifier__copy"> | |
| <div class="kss-modifier__name kss-style"> | |
| - :focus | |
| + ::hover | |
| </div> | |
| <div class="kss-modifier__description kss-style"> | |
| - focus state | |
| + Hover state | |
| </div> | |
| </div> | |
| <div class="kss-modifier__example"> | |
| - <label for="styleguide-text-input-1" class="form-textfield"> | |
| - <span id="input-title-1" class="field-title">Input Title</span> | |
| - <input id="styleguide-text-input-1" class="pseudo-class-focus" name="styleguide-text-input-1" aria-labelledby="input-title-1" type="text" title="Input Title" value="" /> | |
| -</label> | |
| + <button class="pseudo-class- pseudo-class-hover">Button</button> | |
| + </div> | |
| + <div class="kss-modifier__copy"> | |
| + <div class="kss-modifier__name kss-style"> | |
| + .button--primary | |
| + </div> | |
| + <div class="kss-modifier__description kss-style"> | |
| + When a button should be highlighted/is the main action in a set, use this class. | |
| + </div> | |
| + </div> | |
| + <div class="kss-modifier__example"> | |
| + <button class="button--primary">Button</button> | |
| + </div> | |
| + <div class="kss-modifier__copy"> | |
| + <div class="kss-modifier__name kss-style"> | |
| + .button--primary::hover | |
| + </div> | |
| + <div class="kss-modifier__description kss-style"> | |
| + When a button should be highlighted/is the main action in a set, use this class. | |
| + </div> | |
| + </div> | |
| + <div class="kss-modifier__example"> | |
| + <button class="button--primary pseudo-class- pseudo-class-hover">Button</button> | |
| </div> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><label for="styleguide-text-input-1" class="form-textfield"> | |
| - <span id="input-title-1" class="field-title">Input Title</span> | |
| - <input id="styleguide-text-input-1" class="[modifier class]" name="styleguide-text-input-1" aria-labelledby="input-title-1" type="text" title="Input Title" value="" /> | |
| -</label></code></pre> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><button class="[modifier class]">Button</button></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 96</small> | |
| + <small>Source: base/_buttons.scss, line 7</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-3-1-2-2" class="kss-section kss-section--depth-4" data-status=""> | |
| + <section id="kssref-3-2-2" class="kss-section kss-section--depth-3" data-status=""> | |
| <div class="kss-style"> | |
| - <h4 class="kss-title kss-title--level-4"> | |
| - <a class="kss-title__permalink" href="#kssref-3-1-2-2"> | |
| + <h3 class="kss-title kss-title--level-3"> | |
| + <a class="kss-title__permalink" href="#kssref-3-2-2"> | |
| <span class="kss-title__ref"> | |
| - 3.1.2.2 | |
| + 3.2.2 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| - Text Areas | |
| + Button Sets | |
| </a> | |
| - </h4> | |
| + </h3> | |
| <dl class="pattern-info kss-style"> | |
| <dt>Pattern Type:</dt> | |
| - <dd class="pattern-type atom">atom</dd> | |
| + <dd class="pattern-type molecule">molecule</dd> | |
| + <br /> | |
| + <dt>Pattern Can Contain:</dt> | |
| + <dd>Only `buttons` or elements with the `.button` class</dd> | |
| </dl> | |
| + <div class="kss-description"> | |
| + <p>If more than one button is present in a given situation, one and only one | |
| +should be identified as the primary button.</p> | |
| +<p>Button sets have a context class, <code>.has-buttons</code>. Like all context classes, a | |
| +container with <code>.has-buttons</code> applied should only have elements that are buttons | |
| +or have a <code>.button</code> class applied.</p> | |
| +<p>All buttons set buttons stack at the smallest breakpoint.</p> | |
| + | |
| + </div> | |
| </div> | |
| @@ -343,40 +451,73 @@ elements. This accomplishes a few things:</p> | |
| <span class="kss-status development">In Development</span> | |
| - Example | |
| + Examples | |
| </div> | |
| + <div class="kss-modifier__copy"> | |
| + <div class="kss-modifier__default-name kss-style"> | |
| + Default styling | |
| + </div> | |
| + </div> | |
| <div class="kss-modifier__example"> | |
| - <label for="styleguide-textarea" class="form-textfield"> | |
| - <span id="input-title-2" class="field-title">Input Title</span> | |
| - <textarea id="styleguide-textarea" name="styleguide-textarea" aria-labelledby="input-title-2" title="Input Title" value=""></textarea> | |
| -</label> | |
| + <div class="has-buttons [modifier class]"> | |
| + <button class="button--primary">Primary Button</button> | |
| + <button>Default Button</button> | |
| +</div> | |
| </div> | |
| + <div class="kss-modifier__copy"> | |
| + <div class="kss-modifier__name kss-style"> | |
| + .right | |
| + </div> | |
| + <div class="kss-modifier__description kss-style"> | |
| + right aligns the buttons inside the container | |
| + </div> | |
| + </div> | |
| + <div class="kss-modifier__example"> | |
| + <div class="has-buttons right"> | |
| + <button class="button--primary">Primary Button</button> | |
| + <button>Default Button</button> | |
| +</div> | |
| + </div> | |
| + <div class="kss-modifier__copy"> | |
| + <div class="kss-modifier__name kss-style"> | |
| + .stacked | |
| + </div> | |
| + <div class="kss-modifier__description kss-style"> | |
| + stacks the buttons inside the container | |
| + </div> | |
| + </div> | |
| + <div class="kss-modifier__example"> | |
| + <div class="has-buttons stacked"> | |
| + <button class="button--primary">Primary Button</button> | |
| + <button>Default Button</button> | |
| +</div> | |
| + </div> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><label for="styleguide-textarea" class="form-textfield"> | |
| - <span id="input-title-2" class="field-title">Input Title</span> | |
| - <textarea id="styleguide-textarea" name="styleguide-textarea" aria-labelledby="input-title-2" title="Input Title" value=""></textarea> | |
| -</label></code></pre> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="has-buttons [modifier class]"> | |
| + <button class="button--primary">Primary Button</button> | |
| + <button>Default Button</button> | |
| +</div></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 135</small> | |
| + <small>Source: base/_buttons.scss, line 88</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-3-1-2-3" class="kss-section kss-section--depth-4" data-status=""> | |
| + <section id="kssref-3-3" class="kss-section kss-section--depth-2" data-status=""> | |
| <div class="kss-style"> | |
| - <h4 class="kss-title kss-title--level-4"> | |
| - <a class="kss-title__permalink" href="#kssref-3-1-2-3"> | |
| + <h2 class="kss-title kss-title--level-2"> | |
| + <a class="kss-title__permalink" href="#kssref-3-3"> | |
| <span class="kss-title__ref"> | |
| - 3.1.2.3 | |
| + 3.3 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| Select Menus | |
| </a> | |
| - </h4> | |
| + </h2> | |
| <dl class="pattern-info kss-style"> | |
| <dt>Pattern Type:</dt> | |
| @@ -397,11 +538,11 @@ elements. This accomplishes a few things:</p> | |
| <div class="kss-modifier__example"> | |
| - <label class="form-select" for="styleguide-select"> | |
| - <span id="select-title" class="field-title">Select Title</span> | |
| - <div class="form-select-wrapper"> | |
| + <label class="field-select" for="styleguide-select"> | |
| + <span id="select-title" class="field__title">Select Title</span> | |
| + <div class="field__select-wrapper"> | |
| <select id="styleguide-select" name="styleguide-select" aria-labelledby="select-title"> | |
| - <option>Select a Value</option> | |
| + <option selected>Select a Value</option> | |
| <option value="val1">Option 1</option> | |
| <option value="val2">Option 2</option> | |
| <option value="val3">Option 3</option> | |
| @@ -412,11 +553,11 @@ elements. This accomplishes a few things:</p> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><label class="form-select" for="styleguide-select"> | |
| - <span id="select-title" class="field-title">Select Title</span> | |
| - <div class="form-select-wrapper"> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><label class="field-select" for="styleguide-select"> | |
| + <span id="select-title" class="field__title">Select Title</span> | |
| + <div class="field__select-wrapper"> | |
| <select id="styleguide-select" name="styleguide-select" aria-labelledby="select-title"> | |
| - <option>Select a Value</option> | |
| + <option selected>Select a Value</option> | |
| <option value="val1">Option 1</option> | |
| <option value="val2">Option 2</option> | |
| <option value="val3">Option 3</option> | |
| @@ -425,21 +566,21 @@ elements. This accomplishes a few things:</p> | |
| </label></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 155</small> | |
| + <small>Source: base/_form-elements.scss, line 179</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-3-1-2-4" class="kss-section kss-section--depth-4" data-status=""> | |
| + <section id="kssref-3-4" class="kss-section kss-section--depth-2" data-status=""> | |
| <div class="kss-style"> | |
| - <h4 class="kss-title kss-title--level-4"> | |
| - <a class="kss-title__permalink" href="#kssref-3-1-2-4"> | |
| + <h2 class="kss-title kss-title--level-2"> | |
| + <a class="kss-title__permalink" href="#kssref-3-4"> | |
| <span class="kss-title__ref"> | |
| - 3.1.2.4 | |
| + 3.4 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| Checkboxes | |
| </a> | |
| - </h4> | |
| + </h2> | |
| <dl class="pattern-info kss-style"> | |
| <dt>Pattern Type:</dt> | |
| @@ -460,61 +601,55 @@ elements. This accomplishes a few things:</p> | |
| <div class="kss-modifier__example"> | |
| - <label class="form-checkbox" for="styleguide-checkbox"> | |
| + <label class="field-checkbox" for="styleguide-checkbox"> | |
| <input type="checkbox" id="styleguide-checkbox" name="styleguide-checkbox" aria-labelledby="checkbox1" value="val" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox1" class="field-title">Value</span> | |
| + <span id="checkbox1" class="field__title">Value</span> | |
| </label><br /> | |
| -<label class="form-checkbox" for="styleguide-checkbox-2"> | |
| +<label class="field-checkbox" for="styleguide-checkbox-2"> | |
| <input type="checkbox" id="styleguide-checkbox-2" name="styleguide-checkbox-2" aria-labelledby="checkbox2" aria-describedby="checkbox2desc" value="val" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox2" class="field-title">Value</span> | |
| + <span id="checkbox2" class="field__title">Value</span> | |
| <small id="checkbox2desc">A description for this checkbox.</small> | |
| </label> | |
| </div> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><label class="form-checkbox" for="styleguide-checkbox"> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><label class="field-checkbox" for="styleguide-checkbox"> | |
| <input type="checkbox" id="styleguide-checkbox" name="styleguide-checkbox" aria-labelledby="checkbox1" value="val" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox1" class="field-title">Value</span> | |
| + <span id="checkbox1" class="field__title">Value</span> | |
| </label><br /> | |
| -<label class="form-checkbox" for="styleguide-checkbox-2"> | |
| +<label class="field-checkbox" for="styleguide-checkbox-2"> | |
| <input type="checkbox" id="styleguide-checkbox-2" name="styleguide-checkbox-2" aria-labelledby="checkbox2" aria-describedby="checkbox2desc" value="val" /> | |
| <i role="presentation"></i> | |
| - <span id="checkbox2" class="field-title">Value</span> | |
| + <span id="checkbox2" class="field__title">Value</span> | |
| <small id="checkbox2desc">A description for this checkbox.</small> | |
| </label></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 218</small> | |
| + <small>Source: base/_form-elements.scss, line 265</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-3-1-2-5" class="kss-section kss-section--depth-4" data-status=""> | |
| + <section id="kssref-3-5" class="kss-section kss-section--depth-2" data-status=""> | |
| <div class="kss-style"> | |
| - <h4 class="kss-title kss-title--level-4"> | |
| - <a class="kss-title__permalink" href="#kssref-3-1-2-5"> | |
| + <h2 class="kss-title kss-title--level-2"> | |
| + <a class="kss-title__permalink" href="#kssref-3-5"> | |
| <span class="kss-title__ref"> | |
| - 3.1.2.5 | |
| + 3.5 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| - Radio Inputs | |
| + Fieldsets | |
| </a> | |
| - </h4> | |
| + </h2> | |
| <dl class="pattern-info kss-style"> | |
| <dt>Pattern Type:</dt> | |
| - <dd class="pattern-type atom">atom</dd> | |
| + <dd class="pattern-type molecule">molecule</dd> | |
| </dl> | |
| - <div class="kss-description"> | |
| - <p>Radio inputs are very unique in that they will always to come in a set. Unlike checkboxes, | |
| -which present a Yes/No choice, radios present a This-or-That situation. As such, they always | |
| -need a context and should always be contained inside of a <code>fieldset</code> element with a <code>legend</code>.</p> | |
| - | |
| - </div> | |
| </div> | |
| @@ -531,38 +666,38 @@ need a context and should always be contained inside of a <code>fieldset</code> | |
| <div class="kss-modifier__example"> | |
| <fieldset class="has-radios" for="styleguide-radio"> | |
| <legend>Input Description</legend> | |
| - <label class="form-radio" for="styleguide-radio-1"> | |
| + <label class="field-radio" for="styleguide-radio-1"> | |
| <input type="radio" id="styleguide-radio-1" name="styleguide-radio-1" aria-labelledby="radio-desc-1" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-1" class="field-title">Value 1</span> | |
| + <span id="radio-desc-1" class="field__title">Value 1</span> | |
| </label> | |
| - <label class="form-radio" for="styleguide-radio-2"> | |
| + <label class="field-radio" for="styleguide-radio-2"> | |
| <input type="radio" id="styleguide-radio-2" name="styleguide-radio-1" aria-labelledby="radio-desc-2" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-2" class="field-title">Value 2</span> | |
| + <span id="radio-desc-2" class="field__title">Value 2</span> | |
| </label> | |
| - <label class="form-radio" for="styleguide-radio-3"> | |
| + <label class="field-radio" for="styleguide-radio-3"> | |
| <input type="radio" id="styleguide-radio-3" name="styleguide-radio-1" aria-labelledby="radio-desc-3" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-3" class="field-title">Value 3</span> | |
| + <span id="radio-desc-3" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| <fieldset class="has-radios has-inline-fields" for="styleguide-radio"> | |
| <legend>Input Description with Inline Fields</legend> | |
| - <label class="form-radio" for="second_styleguide-radio-1"> | |
| + <label class="field-radio" for="second_styleguide-radio-1"> | |
| <input type="radio" id="second_styleguide-radio-1" name="second_styleguide-radio" aria-labelledby="radio-desc-4" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-4" class="field-title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| + <span id="radio-desc-4" class="field__title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| </label> | |
| - <label class="form-radio" for="second_styleguide-radio-2"> | |
| + <label class="field-radio" for="second_styleguide-radio-2"> | |
| <input type="radio" id="second_styleguide-radio-2" name="second_styleguide-radio" aria-labelledby="radio-desc-5" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-5" class="field-title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| + <span id="radio-desc-5" class="field__title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| </label> | |
| - <label class="form-radio" for="second_styleguide-radio-3"> | |
| + <label class="field-radio" for="second_styleguide-radio-3"> | |
| <input type="radio" id="second_styleguide-radio-3" name="second_styleguide-radio" aria-labelledby="radio-desc-6" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-6" class="field-title">Value 3</span> | |
| + <span id="radio-desc-6" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| </div> | |
| @@ -571,388 +706,67 @@ need a context and should always be contained inside of a <code>fieldset</code> | |
| <div class="kss-markup kss-style"> | |
| <pre class="prettyprint linenums lang-html"><code data-language="html"><fieldset class="has-radios" for="styleguide-radio"> | |
| <legend>Input Description</legend> | |
| - <label class="form-radio" for="styleguide-radio-1"> | |
| + <label class="field-radio" for="styleguide-radio-1"> | |
| <input type="radio" id="styleguide-radio-1" name="styleguide-radio-1" aria-labelledby="radio-desc-1" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-1" class="field-title">Value 1</span> | |
| + <span id="radio-desc-1" class="field__title">Value 1</span> | |
| </label> | |
| - <label class="form-radio" for="styleguide-radio-2"> | |
| + <label class="field-radio" for="styleguide-radio-2"> | |
| <input type="radio" id="styleguide-radio-2" name="styleguide-radio-1" aria-labelledby="radio-desc-2" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-2" class="field-title">Value 2</span> | |
| + <span id="radio-desc-2" class="field__title">Value 2</span> | |
| </label> | |
| - <label class="form-radio" for="styleguide-radio-3"> | |
| + <label class="field-radio" for="styleguide-radio-3"> | |
| <input type="radio" id="styleguide-radio-3" name="styleguide-radio-1" aria-labelledby="radio-desc-3" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-3" class="field-title">Value 3</span> | |
| + <span id="radio-desc-3" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| <fieldset class="has-radios has-inline-fields" for="styleguide-radio"> | |
| <legend>Input Description with Inline Fields</legend> | |
| - <label class="form-radio" for="second_styleguide-radio-1"> | |
| + <label class="field-radio" for="second_styleguide-radio-1"> | |
| <input type="radio" id="second_styleguide-radio-1" name="second_styleguide-radio" aria-labelledby="radio-desc-4" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-4" class="field-title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| + <span id="radio-desc-4" class="field__title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| </label> | |
| - <label class="form-radio" for="second_styleguide-radio-2"> | |
| + <label class="field-radio" for="second_styleguide-radio-2"> | |
| <input type="radio" id="second_styleguide-radio-2" name="second_styleguide-radio" aria-labelledby="radio-desc-5" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-5" class="field-title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| + <span id="radio-desc-5" class="field__title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| </label> | |
| - <label class="form-radio" for="second_styleguide-radio-3"> | |
| + <label class="field-radio" for="second_styleguide-radio-3"> | |
| <input type="radio" id="second_styleguide-radio-3" name="second_styleguide-radio" aria-labelledby="radio-desc-6" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-6" class="field-title">Value 3</span> | |
| + <span id="radio-desc-6" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 320</small> | |
| + <small>Source: base/_form-elements.scss, line 396</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-3-1-3" class="kss-section kss-section--depth-3" data-status=""> | |
| + <section id="kssref-3-5" class="kss-section kss-section--depth-2" data-status=""> | |
| <div class="kss-style"> | |
| - <h3 class="kss-title kss-title--level-3"> | |
| - <a class="kss-title__permalink" href="#kssref-3-1-3"> | |
| + <h2 class="kss-title kss-title--level-2"> | |
| + <a class="kss-title__permalink" href="#kssref-3-5"> | |
| <span class="kss-title__ref"> | |
| - 3.1.3 | |
| + 3.5 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| - File Upload Fields | |
| - </a> | |
| - </h3> | |
| - | |
| - | |
| - | |
| - | |
| - </div> | |
| - | |
| - <div class="kss-modifier__wrapper"> | |
| - <div class="kss-modifier__heading kss-style"> | |
| - | |
| - <span class="kss-status development">In Development</span> | |
| - | |
| - Example | |
| - </div> | |
| - | |
| - | |
| - <div class="kss-modifier__example"> | |
| - <label class="form-textfield" for="edit-file--2"> | |
| - <span class="field-title" id="edit-file--2--label">File</span> | |
| - <input type="file" aria-labelledby="edit-file--2--label" class="form-file" size="60" name="files[file]" id="edit-file--2" aria-describedby="edit-file--2--description"> | |
| - <small class="description" id="edit-file--2--description"> | |
| - Information about the field, like what file types are selected. | |
| - </small> | |
| -</label> | |
| - </div> | |
| - | |
| - </div> | |
| - <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><label class="form-textfield" for="edit-file--2"> | |
| - <span class="field-title" id="edit-file--2--label">File</span> | |
| - <input type="file" aria-labelledby="edit-file--2--label" class="form-file" size="60" name="files[file]" id="edit-file--2" aria-describedby="edit-file--2--description"> | |
| - <small class="description" id="edit-file--2--description"> | |
| - Information about the field, like what file types are selected. | |
| - </small> | |
| -</label></code></pre> | |
| - </div> | |
| - <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 336</small> | |
| - </div> | |
| - </section> | |
| - <section id="kssref-3-1-4" class="kss-section kss-section--depth-3" data-status=""> | |
| - | |
| - <div class="kss-style"> | |
| - <h3 class="kss-title kss-title--level-3"> | |
| - <a class="kss-title__permalink" href="#kssref-3-1-4"> | |
| - <span class="kss-title__ref"> | |
| - 3.1.4 | |
| - <span class="kss-title__permalink-hash"></span> | |
| - </span> | |
| - Fieldsets | |
| - </a> | |
| - </h3> | |
| - | |
| - <dl class="pattern-info kss-style"> | |
| - <dt>Pattern Type:</dt> | |
| - <dd class="pattern-type molecule">molecule</dd> | |
| - </dl> | |
| - | |
| - | |
| - | |
| - </div> | |
| - | |
| - <div class="kss-modifier__wrapper"> | |
| - <div class="kss-modifier__heading kss-style"> | |
| - | |
| - <span class="kss-status development">In Development</span> | |
| - | |
| - Example | |
| - </div> | |
| - | |
| - | |
| - <div class="kss-modifier__example"> | |
| - <form> | |
| - | |
| - <h5 class="has-border--primary--bottom">Fieldset with Checkboxes:</h5> | |
| - <fieldset class="has-checkboxes" for="styleguide-checkbox"> | |
| - <legend>Fieldset Label</legend> | |
| - <label class="form-checkbox" for="styleguide-checkbox-1"> | |
| - <input type="checkbox" id="styleguide-checkbox-1" name="styleguide-checkbox-1" aria-labelledby="checkbox-desc-1" value="val1" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-1" class="field-title">Value 1</span> | |
| - </label> | |
| - <label class="form-checkbox" for="fs_styleguide-checkbox-2"> | |
| - <input type="checkbox" id="fs_styleguide-checkbox-2" name="fs_styleguide-checkbox-2" aria-labelledby="checkbox-desc-2" value="val2" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-2" class="field-title">Value 2</span> | |
| - </label> | |
| - <label class="form-checkbox" for="styleguide-checkbox-3"> | |
| - <input type="checkbox" id="styleguide-checkbox-3" name="styleguide-checkbox-3" aria-labelledby="checkbox-desc-3" value="val3" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-3" class="field-title">Value 3</span> | |
| - </label> | |
| - </fieldset> | |
| - | |
| - <h5 class="has-border--primary--bottom">Fieldset with Inline Checkboxes:</h5> | |
| - <fieldset class="has-checkboxes has-inline-fields" for="styleguide-checkbox"> | |
| - <legend>Fieldset Label</legend> | |
| - <label class="form-checkbox" for="second_styleguide-checkbox-1"> | |
| - <input type="checkbox" id="second_styleguide-checkbox-1" name="second_styleguide-checkbox-1" aria-labelledby="checkbox-desc-4" value="val1" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-4" class="field-title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| - </label> | |
| - <label class="form-checkbox" for="second_fs_styleguide-checkbox-2"> | |
| - <input type="checkbox" id="second_fs_styleguide-checkbox-2" name="second_fs_styleguide-checkbox-2" aria-labelledby="checkbox-desc-5" value="val2" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-5" class="field-title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| - </label> | |
| - <label class="form-checkbox" for="second_styleguide-checkbox-3"> | |
| - <input type="checkbox" id="second_styleguide-checkbox-3" name="second_styleguide-checkbox-3" aria-labelledby="checkbox-desc-6" value="val3" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-6" class="field-title">Value 3</span> | |
| - </label> | |
| - </fieldset> | |
| - | |
| - <h5 class="has-border--primary--bottom">Fieldset with Different Input Types:</h5> | |
| - <fieldset> | |
| - <legend>Fieldset Label</legend> | |
| - <label for="basic-form-email-input-1" class="form-textfield"> | |
| - <span id="basic-form-email-label-1" class="field-title">Text Input Label</span> | |
| - <input tabindex="0" id="basic-form-email-input-1" name="basic-form-email-input-1" aria-labelledby="basic-form-email-label-1" type="email" title="Input Description" value="" /> | |
| - <small>A description or some helper text for this element.</small> | |
| - </label> | |
| - <label for="basic-form-text-input-1" class="form-textfield"> | |
| - <span id="basic-form-text-label-1" class="field-title">Text Input Label</span> | |
| - <input tabindex="0" id="basic-form-text-input-1" name="basic-form-text-input-1" aria-labelledby="basic-form-text-label-1" type="text" title="Input Description" value="" /> | |
| - <small>A description or some helper text for this element.</small> | |
| - </label> | |
| - </fieldset> | |
| - | |
| -</form> | |
| - </div> | |
| - | |
| - </div> | |
| - <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><form> | |
| - | |
| - <h5 class="has-border--primary--bottom">Fieldset with Checkboxes:</h5> | |
| - <fieldset class="has-checkboxes" for="styleguide-checkbox"> | |
| - <legend>Fieldset Label</legend> | |
| - <label class="form-checkbox" for="styleguide-checkbox-1"> | |
| - <input type="checkbox" id="styleguide-checkbox-1" name="styleguide-checkbox-1" aria-labelledby="checkbox-desc-1" value="val1" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-1" class="field-title">Value 1</span> | |
| - </label> | |
| - <label class="form-checkbox" for="fs_styleguide-checkbox-2"> | |
| - <input type="checkbox" id="fs_styleguide-checkbox-2" name="fs_styleguide-checkbox-2" aria-labelledby="checkbox-desc-2" value="val2" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-2" class="field-title">Value 2</span> | |
| - </label> | |
| - <label class="form-checkbox" for="styleguide-checkbox-3"> | |
| - <input type="checkbox" id="styleguide-checkbox-3" name="styleguide-checkbox-3" aria-labelledby="checkbox-desc-3" value="val3" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-3" class="field-title">Value 3</span> | |
| - </label> | |
| - </fieldset> | |
| - | |
| - <h5 class="has-border--primary--bottom">Fieldset with Inline Checkboxes:</h5> | |
| - <fieldset class="has-checkboxes has-inline-fields" for="styleguide-checkbox"> | |
| - <legend>Fieldset Label</legend> | |
| - <label class="form-checkbox" for="second_styleguide-checkbox-1"> | |
| - <input type="checkbox" id="second_styleguide-checkbox-1" name="second_styleguide-checkbox-1" aria-labelledby="checkbox-desc-4" value="val1" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-4" class="field-title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| - </label> | |
| - <label class="form-checkbox" for="second_fs_styleguide-checkbox-2"> | |
| - <input type="checkbox" id="second_fs_styleguide-checkbox-2" name="second_fs_styleguide-checkbox-2" aria-labelledby="checkbox-desc-5" value="val2" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-5" class="field-title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| - </label> | |
| - <label class="form-checkbox" for="second_styleguide-checkbox-3"> | |
| - <input type="checkbox" id="second_styleguide-checkbox-3" name="second_styleguide-checkbox-3" aria-labelledby="checkbox-desc-6" value="val3" /> | |
| - <i role="presentation"></i> | |
| - <span id="checkbox-desc-6" class="field-title">Value 3</span> | |
| - </label> | |
| - </fieldset> | |
| - | |
| - <h5 class="has-border--primary--bottom">Fieldset with Different Input Types:</h5> | |
| - <fieldset> | |
| - <legend>Fieldset Label</legend> | |
| - <label for="basic-form-email-input-1" class="form-textfield"> | |
| - <span id="basic-form-email-label-1" class="field-title">Text Input Label</span> | |
| - <input tabindex="0" id="basic-form-email-input-1" name="basic-form-email-input-1" aria-labelledby="basic-form-email-label-1" type="email" title="Input Description" value="" /> | |
| - <small>A description or some helper text for this element.</small> | |
| - </label> | |
| - <label for="basic-form-text-input-1" class="form-textfield"> | |
| - <span id="basic-form-text-label-1" class="field-title">Text Input Label</span> | |
| - <input tabindex="0" id="basic-form-text-input-1" name="basic-form-text-input-1" aria-labelledby="basic-form-text-label-1" type="text" title="Input Description" value="" /> | |
| - <small>A description or some helper text for this element.</small> | |
| - </label> | |
| - </fieldset> | |
| - | |
| -</form></code></pre> | |
| - </div> | |
| - <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 354</small> | |
| - </div> | |
| - </section> | |
| - <section id="kssref-3-2" class="kss-section kss-section--depth-2" data-status=""> | |
| - | |
| - <div class="kss-style"> | |
| - <h2 class="kss-title kss-title--level-2"> | |
| - <a class="kss-title__permalink" href="#kssref-3-2"> | |
| - <span class="kss-title__ref"> | |
| - 3.2 | |
| - <span class="kss-title__permalink-hash"></span> | |
| - </span> | |
| - Buttons and Button Contexts | |
| + Radio Inputs | |
| </a> | |
| </h2> | |
| - | |
| - | |
| - | |
| - </div> | |
| - | |
| - <div class="kss-source kss-style"> | |
| - <small>Source: base/_buttons.scss, line 2</small> | |
| - </div> | |
| - </section> | |
| - <section id="kssref-3-2-1" class="kss-section kss-section--depth-3" data-status=""> | |
| - | |
| - <div class="kss-style"> | |
| - <h3 class="kss-title kss-title--level-3"> | |
| - <a class="kss-title__permalink" href="#kssref-3-2-1"> | |
| - <span class="kss-title__ref"> | |
| - 3.2.1 | |
| - <span class="kss-title__permalink-hash"></span> | |
| - </span> | |
| - Buttons | |
| - </a> | |
| - </h3> | |
| - | |
| <dl class="pattern-info kss-style"> | |
| <dt>Pattern Type:</dt> | |
| <dd class="pattern-type atom">atom</dd> | |
| </dl> | |
| <div class="kss-description"> | |
| - <p>Button text should be no longer than [X] words long.</p> | |
| - | |
| - </div> | |
| - | |
| - | |
| - </div> | |
| - | |
| - <div class="kss-modifier__wrapper"> | |
| - <div class="kss-modifier__heading kss-style"> | |
| - | |
| - <span class="kss-status development">In Development</span> | |
| - | |
| - Examples | |
| - </div> | |
| - | |
| - <div class="kss-modifier__copy"> | |
| - <div class="kss-modifier__default-name kss-style"> | |
| - Default styling | |
| - </div> | |
| - </div> | |
| - | |
| - <div class="kss-modifier__example"> | |
| - <button class="[modifier class]">Button</button> | |
| - </div> | |
| - | |
| - <div class="kss-modifier__copy"> | |
| - <div class="kss-modifier__name kss-style"> | |
| - ::hover | |
| - </div> | |
| - <div class="kss-modifier__description kss-style"> | |
| - Hover state | |
| - </div> | |
| - </div> | |
| - <div class="kss-modifier__example"> | |
| - <button class="pseudo-class- pseudo-class-hover">Button</button> | |
| - </div> | |
| - <div class="kss-modifier__copy"> | |
| - <div class="kss-modifier__name kss-style"> | |
| - .button--primary | |
| - </div> | |
| - <div class="kss-modifier__description kss-style"> | |
| - When a button should be highlighted/is the main action in a set, use this class. | |
| - </div> | |
| - </div> | |
| - <div class="kss-modifier__example"> | |
| - <button class="button--primary">Button</button> | |
| - </div> | |
| - <div class="kss-modifier__copy"> | |
| - <div class="kss-modifier__name kss-style"> | |
| - .button--primary::hover | |
| - </div> | |
| - <div class="kss-modifier__description kss-style"> | |
| - When a button should be highlighted/is the main action in a set, use this class. | |
| - </div> | |
| - </div> | |
| - <div class="kss-modifier__example"> | |
| - <button class="button--primary pseudo-class- pseudo-class-hover">Button</button> | |
| - </div> | |
| - </div> | |
| - <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><button class="[modifier class]">Button</button></code></pre> | |
| - </div> | |
| - <div class="kss-source kss-style"> | |
| - <small>Source: base/_buttons.scss, line 7</small> | |
| - </div> | |
| - </section> | |
| - <section id="kssref-3-2-2" class="kss-section kss-section--depth-3" data-status=""> | |
| - | |
| - <div class="kss-style"> | |
| - <h3 class="kss-title kss-title--level-3"> | |
| - <a class="kss-title__permalink" href="#kssref-3-2-2"> | |
| - <span class="kss-title__ref"> | |
| - 3.2.2 | |
| - <span class="kss-title__permalink-hash"></span> | |
| - </span> | |
| - Button Sets | |
| - </a> | |
| - </h3> | |
| - | |
| - <dl class="pattern-info kss-style"> | |
| - <dt>Pattern Type:</dt> | |
| - <dd class="pattern-type molecule">molecule</dd> | |
| - <br /> | |
| - <dt>Pattern Can Contain:</dt> | |
| - <dd>Only `buttons` or elements with the `.button` class</dd> | |
| - </dl> | |
| - | |
| - <div class="kss-description"> | |
| - <p>If more than one button is present in a given situation, one and only one | |
| -should be identified as the primary button.</p> | |
| -<p>Button sets have a context class, <code>.has-buttons</code>. Like all context classes, a | |
| -container with <code>.has-buttons</code> applied should only have elements that are buttons | |
| -or have a <code>.button</code> class applied.</p> | |
| -<p>All buttons set buttons stack at the smallest breakpoint.</p> | |
| + <p>Radio inputs are very unique in that they will always to come in a set. Unlike checkboxes, | |
| +which present a Yes/No choice, radios present a This-or-That situation. As such, they always | |
| +need a context and should always be contained inside of a <code>fieldset</code> element with a <code>legend</code>.</p> | |
| </div> | |
| @@ -964,68 +778,99 @@ or have a <code>.button</code> class applied.</p> | |
| <span class="kss-status development">In Development</span> | |
| - Examples | |
| + Example | |
| </div> | |
| - <div class="kss-modifier__copy"> | |
| - <div class="kss-modifier__default-name kss-style"> | |
| - Default styling | |
| - </div> | |
| - </div> | |
| <div class="kss-modifier__example"> | |
| - <div class="has-buttons [modifier class]"> | |
| - <button class="button--primary">Primary Button</button> | |
| - <button>Default Button</button> | |
| -</div> | |
| + <fieldset class="has-radios" for="styleguide-radio"> | |
| + <legend>Input Description</legend> | |
| + <label class="field-radio" for="styleguide-radio-1"> | |
| + <input type="radio" id="styleguide-radio-1" name="styleguide-radio-1" aria-labelledby="radio-desc-1" value="val1" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-1" class="field__title">Value 1</span> | |
| + </label> | |
| + <label class="field-radio" for="styleguide-radio-2"> | |
| + <input type="radio" id="styleguide-radio-2" name="styleguide-radio-1" aria-labelledby="radio-desc-2" value="val2" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-2" class="field__title">Value 2</span> | |
| + </label> | |
| + <label class="field-radio" for="styleguide-radio-3"> | |
| + <input type="radio" id="styleguide-radio-3" name="styleguide-radio-1" aria-labelledby="radio-desc-3" value="val3" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-3" class="field__title">Value 3</span> | |
| + </label> | |
| +</fieldset> | |
| +<fieldset class="has-radios has-inline-fields" for="styleguide-radio"> | |
| + <legend>Input Description with Inline Fields</legend> | |
| + <label class="field-radio" for="second_styleguide-radio-1"> | |
| + <input type="radio" id="second_styleguide-radio-1" name="second_styleguide-radio" aria-labelledby="radio-desc-4" value="val1" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-4" class="field__title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| + </label> | |
| + <label class="field-radio" for="second_styleguide-radio-2"> | |
| + <input type="radio" id="second_styleguide-radio-2" name="second_styleguide-radio" aria-labelledby="radio-desc-5" value="val2" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-5" class="field__title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| + </label> | |
| + <label class="field-radio" for="second_styleguide-radio-3"> | |
| + <input type="radio" id="second_styleguide-radio-3" name="second_styleguide-radio" aria-labelledby="radio-desc-6" value="val3" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-6" class="field__title">Value 3</span> | |
| + </label> | |
| +</fieldset> | |
| </div> | |
| - <div class="kss-modifier__copy"> | |
| - <div class="kss-modifier__name kss-style"> | |
| - .right | |
| - </div> | |
| - <div class="kss-modifier__description kss-style"> | |
| - right aligns the buttons inside the container | |
| - </div> | |
| - </div> | |
| - <div class="kss-modifier__example"> | |
| - <div class="has-buttons right"> | |
| - <button class="button--primary">Primary Button</button> | |
| - <button>Default Button</button> | |
| -</div> | |
| - </div> | |
| - <div class="kss-modifier__copy"> | |
| - <div class="kss-modifier__name kss-style"> | |
| - .stacked | |
| - </div> | |
| - <div class="kss-modifier__description kss-style"> | |
| - stacks the buttons inside the container | |
| - </div> | |
| - </div> | |
| - <div class="kss-modifier__example"> | |
| - <div class="has-buttons stacked"> | |
| - <button class="button--primary">Primary Button</button> | |
| - <button>Default Button</button> | |
| -</div> | |
| - </div> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="has-buttons [modifier class]"> | |
| - <button class="button--primary">Primary Button</button> | |
| - <button>Default Button</button> | |
| -</div></code></pre> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><fieldset class="has-radios" for="styleguide-radio"> | |
| + <legend>Input Description</legend> | |
| + <label class="field-radio" for="styleguide-radio-1"> | |
| + <input type="radio" id="styleguide-radio-1" name="styleguide-radio-1" aria-labelledby="radio-desc-1" value="val1" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-1" class="field__title">Value 1</span> | |
| + </label> | |
| + <label class="field-radio" for="styleguide-radio-2"> | |
| + <input type="radio" id="styleguide-radio-2" name="styleguide-radio-1" aria-labelledby="radio-desc-2" value="val2" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-2" class="field__title">Value 2</span> | |
| + </label> | |
| + <label class="field-radio" for="styleguide-radio-3"> | |
| + <input type="radio" id="styleguide-radio-3" name="styleguide-radio-1" aria-labelledby="radio-desc-3" value="val3" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-3" class="field__title">Value 3</span> | |
| + </label> | |
| +</fieldset> | |
| +<fieldset class="has-radios has-inline-fields" for="styleguide-radio"> | |
| + <legend>Input Description with Inline Fields</legend> | |
| + <label class="field-radio" for="second_styleguide-radio-1"> | |
| + <input type="radio" id="second_styleguide-radio-1" name="second_styleguide-radio" aria-labelledby="radio-desc-4" value="val1" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-4" class="field__title">Labels can be very long. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias ab quam officia ad labore consequuntur, facere voluptatibus veniam, sint autem quidem esse reprehenderit, corporis consectetur porro incidunt. Blanditiis, molestias, est?</span> | |
| + </label> | |
| + <label class="field-radio" for="second_styleguide-radio-2"> | |
| + <input type="radio" id="second_styleguide-radio-2" name="second_styleguide-radio" aria-labelledby="radio-desc-5" value="val2" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-5" class="field__title"><strong>Labels can have addtl. styling.</strong><br />And descriptive text.</span> | |
| + </label> | |
| + <label class="field-radio" for="second_styleguide-radio-3"> | |
| + <input type="radio" id="second_styleguide-radio-3" name="second_styleguide-radio" aria-labelledby="radio-desc-6" value="val3" /> | |
| + <i role="presentation"></i> | |
| + <span id="radio-desc-6" class="field__title">Value 3</span> | |
| + </label> | |
| +</fieldset></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_buttons.scss, line 76</small> | |
| + <small>Source: base/_form-elements.scss, line 364</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-3-5" class="kss-section kss-section--depth-2" data-status=""> | |
| + <section id="kssref-3-6" class="kss-section kss-section--depth-2" data-status=""> | |
| <div class="kss-style"> | |
| <h2 class="kss-title kss-title--level-2"> | |
| - <a class="kss-title__permalink" href="#kssref-3-5"> | |
| + <a class="kss-title__permalink" href="#kssref-3-6"> | |
| <span class="kss-title__ref"> | |
| - 3.5 | |
| + 3.6 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| Form Validation | |
| @@ -1047,34 +892,34 @@ or have a <code>.button</code> class applied.</p> | |
| <div class="kss-modifier__example"> | |
| - <label for="validation-input-1" class="form-textfield has-feedback error"> | |
| - <span id="validation-title-1" class="field-title">Input In Error/Invalid State</span> | |
| + <label for="validation-input-1" class="field-text has-feedback error"> | |
| + <span id="validation-title-1" class="field__title">Input In Error/Invalid State</span> | |
| <input id="validation-input-1" class="" name="validation-input-1" aria-labelledby="validation-title-1" type="text" title="Input Title" value="" /> | |
| - <small class="feedback-message">Clear information about how to enter a valid value.</small> | |
| - <small>Description of what's expected in this field.</small> | |
| + <span class="feedback-message">Clear information about how to enter a valid value.</span> | |
| + <span class="field__description">Description of what's expected in this field.</span> | |
| </label> | |
| </div> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><label for="validation-input-1" class="form-textfield has-feedback error"> | |
| - <span id="validation-title-1" class="field-title">Input In Error/Invalid State</span> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><label for="validation-input-1" class="field-text has-feedback error"> | |
| + <span id="validation-title-1" class="field__title">Input In Error/Invalid State</span> | |
| <input id="validation-input-1" class="" name="validation-input-1" aria-labelledby="validation-title-1" type="text" title="Input Title" value="" /> | |
| - <small class="feedback-message">Clear information about how to enter a valid value.</small> | |
| - <small>Description of what's expected in this field.</small> | |
| + <span class="feedback-message">Clear information about how to enter a valid value.</span> | |
| + <span class="field__description">Description of what's expected in this field.</span> | |
| </label></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 432</small> | |
| + <small>Source: base/_form-elements.scss, line 475</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-3-5-1" class="kss-section kss-section--depth-3" data-status=""> | |
| + <section id="kssref-3-6-1" class="kss-section kss-section--depth-3" data-status=""> | |
| <div class="kss-style"> | |
| <h3 class="kss-title kss-title--level-3"> | |
| - <a class="kss-title__permalink" href="#kssref-3-5-1"> | |
| + <a class="kss-title__permalink" href="#kssref-3-6-1"> | |
| <span class="kss-title__ref"> | |
| - 3.5.1 | |
| + 3.6.1 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| Required Fields | |
| @@ -1096,133 +941,21 @@ or have a <code>.button</code> class applied.</p> | |
| <div class="kss-modifier__example"> | |
| - <label class="form-textfield required" for="validation-text" id="validation-text--label"> | |
| - <span class="field-title">Subject <abbr title="required">*</abbr></span> | |
| - <input type="text" aria-describedby="validation-text--title" aria-labelledby="validation-text--label" aria-required="true" required="required" id="validation-text" > | |
| + <label class="field-text required" for="validation-text" id="validation-text--label"> | |
| + <span class="field__title">Subject <abbr title="required">*</abbr></span> | |
| + <input type="text" aria-describedby="validation-text--title" aria-labelledby="validation-text--label" aria-required="true" required="required" id="validation-text" > | |
| </label> | |
| </div> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><label class="form-textfield required" for="validation-text" id="validation-text--label"> | |
| - <span class="field-title">Subject <abbr title="required">*</abbr></span> | |
| - <input type="text" aria-describedby="validation-text--title" aria-labelledby="validation-text--label" aria-required="true" required="required" id="validation-text" > | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><label class="field-text required" for="validation-text" id="validation-text--label"> | |
| + <span class="field__title">Subject <abbr title="required">*</abbr></span> | |
| + <input type="text" aria-describedby="validation-text--title" aria-labelledby="validation-text--label" aria-required="true" required="required" id="validation-text" > | |
| </label></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 444</small> | |
| - </div> | |
| - </section> | |
| - <section id="kssref-3-6" class="kss-section kss-section--depth-2" data-status=""> | |
| - | |
| - <div class="kss-style"> | |
| - <h2 class="kss-title kss-title--level-2"> | |
| - <a class="kss-title__permalink" href="#kssref-3-6"> | |
| - <span class="kss-title__ref"> | |
| - 3.6 | |
| - <span class="kss-title__permalink-hash"></span> | |
| - </span> | |
| - 3.6 | |
| - </a> | |
| - </h2> | |
| - | |
| - | |
| - | |
| - | |
| - </div> | |
| - | |
| - </section> | |
| - <section id="kssref-3-6-2" class="kss-section kss-section--depth-3" data-status=""> | |
| - | |
| - <div class="kss-style"> | |
| - <h3 class="kss-title kss-title--level-3"> | |
| - <a class="kss-title__permalink" href="#kssref-3-6-2"> | |
| - <span class="kss-title__ref"> | |
| - 3.6.2 | |
| - <span class="kss-title__permalink-hash"></span> | |
| - </span> | |
| - Feedback Messaging | |
| - </a> | |
| - </h3> | |
| - | |
| - | |
| - <div class="kss-description"> | |
| - <p>Feedback messaging accommodates supplemental information for a given | |
| -page, form, or other element. If the messaging is referring to specific | |
| -form fields or elements, links to those elements will be provided so | |
| -so those issues can be efficiently dealt with.</p> | |
| -<p>Feedback messaging will have a Title describing the type of feedback | |
| -(error/alert/success) followed by a colon. Brevity is encouraged in all | |
| -type with this pattern.</p> | |
| - | |
| - </div> | |
| - | |
| - | |
| - </div> | |
| - | |
| - <div class="kss-modifier__wrapper"> | |
| - <div class="kss-modifier__heading kss-style"> | |
| - | |
| - <span class="kss-status development">In Development</span> | |
| - | |
| - Example | |
| - </div> | |
| - | |
| - | |
| - <div class="kss-modifier__example"> | |
| - | |
| -<h4>Feedback: Error</h4> | |
| -<div class="panel feedback-message error"> | |
| - <span class="feedback-message__title title-2">Errors Found:</span> | |
| - <p>Two fields need to be corrected below:</p> | |
| - <ul class="has-inline-elements"> | |
| - <li><a href="">Link to issue</a></li> | |
| - <li><a href="">Link to issue</a></li> | |
| - </ul> | |
| -</div> | |
| - | |
| -<h4>Feedback: Warning/Status</h4> | |
| -<div class="panel feedback-message status"> | |
| - <span class="feedback-message__title title-2">Additional Information:</span> | |
| - <p>Here's a tip about the content/action. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia aliquam delectus cupiditate mollitia, provident fugiat facilis voluptate rem vero ducimus adipisci odit est <a href="">culpa debitis esse possimus</a>, harum distinctio voluptas?</p> | |
| - <p>Adding another paragraph to really stress test. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum veniam saepe sint ea maiores, labore illo, sunt inventore rem ipsum. Provident possimus maxime dolore corporis architecto dicta fugit, nemo sunt! <a href="">More info</a></p> | |
| -</div> | |
| - | |
| -<h4>Feedback: Success</h4> | |
| -<div class="panel feedback-message success"> | |
| - <span class="feedback-message__title title-2">Success Notification:</span> | |
| - <p>A message about what can be expected to happen next. <a href="">More info</a></p> | |
| -</div> | |
| - </div> | |
| - | |
| - </div> | |
| - <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"> | |
| -<h4>Feedback: Error</h4> | |
| -<div class="panel feedback-message error"> | |
| - <span class="feedback-message__title title-2">Errors Found:</span> | |
| - <p>Two fields need to be corrected below:</p> | |
| - <ul class="has-inline-elements"> | |
| - <li><a href="">Link to issue</a></li> | |
| - <li><a href="">Link to issue</a></li> | |
| - </ul> | |
| -</div> | |
| - | |
| -<h4>Feedback: Warning/Status</h4> | |
| -<div class="panel feedback-message status"> | |
| - <span class="feedback-message__title title-2">Additional Information:</span> | |
| - <p>Here's a tip about the content/action. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia aliquam delectus cupiditate mollitia, provident fugiat facilis voluptate rem vero ducimus adipisci odit est <a href="">culpa debitis esse possimus</a>, harum distinctio voluptas?</p> | |
| - <p>Adding another paragraph to really stress test. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum veniam saepe sint ea maiores, labore illo, sunt inventore rem ipsum. Provident possimus maxime dolore corporis architecto dicta fugit, nemo sunt! <a href="">More info</a></p> | |
| -</div> | |
| - | |
| -<h4>Feedback: Success</h4> | |
| -<div class="panel feedback-message success"> | |
| - <span class="feedback-message__title title-2">Success Notification:</span> | |
| - <p>A message about what can be expected to happen next. <a href="">More info</a></p> | |
| -</div></code></pre> | |
| - </div> | |
| - <div class="kss-source kss-style"> | |
| - <small>Source: base/_form-elements.scss, line 482</small> | |
| + <small>Source: base/_form-elements.scss, line 487</small> | |
| </div> | |
| </section> | |
| <section id="kssref-3-10" class="kss-section kss-section--depth-2" data-status=""> | |
| @@ -1350,14 +1083,31 @@ type with this pattern.</p> | |
| <div class="kss-modifier__example"> | |
| <form> | |
| <h3>Form Title</h3> | |
| - <label for="basic-form-text-input-1" class="form-textfield"> | |
| - <span id="basic-form-label-1" class="field-title">Text Input Label</span> | |
| + <label for="basic-form-text-input-1" class="field-text"> | |
| + <span id="basic-form-label-1" class="field__title">Text Input Label</span> | |
| <input tabindex="0" id="basic-form-text-input-1" name="basic-form-text-input-1" aria-labelledby="basic-form-label-1" aria-describedby="input1desc" type="text" title="Input Description" value="" /> | |
| - <small id="input1desc">A description or some helper text for this element.</small> | |
| + <small class="field__description" id="input1desc">A description or some helper text for this element.</small> | |
| + </label> | |
| + | |
| + <label for="basic-form-text-input-1a" class="field-text field--half align-left"> | |
| + <span id="basic-form-label-1a" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="basic-form-text-input-1a" name="basic-form-text-input-1a" aria-labelledby="basic-form-label-1a" type="text" title="Input Description" value="" /> | |
| + </label> | |
| + <label for="basic-form-text-input-1b" class="field-text field--half align-right"> | |
| + <span id="basic-form-label-1b" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="basic-form-text-input-1b" name="basic-form-text-input-1b" aria-labelledby="basic-form-label-1b" aria-describedby="input1bdesc" type="text" title="Input Description" value="" /> | |
| + <small class="field__description" id="input1bdesc">A description or some helper text for this element.</small> | |
| </label> | |
| - <label class="form-select" for="basic-form-select"> | |
| - <span id="form-select-title" class="field-title">Select Title</span> | |
| - <div class="form-select-wrapper"> | |
| + | |
| + <label for="basic-form-text-input-1c" class="field-text field--half clearfix"> | |
| + <span id="basic-form-label-1c" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="basic-form-text-input-1c" name="basic-form-text-input-1c" aria-labelledby="basic-form-label-1c" aria-describedby="input1cdesc" type="text" title="Input Description" value="" /> | |
| + </label> | |
| + | |
| + | |
| + <label class="field-select field--half clearfix" for="basic-form-select"> | |
| + <span id="form-select-title" class="field__title">Select Title</span> | |
| + <div class="field__select-wrapper"> | |
| <select id="basic-form-select" name="basic-form-select" aria-labelledby="form-select-title"> | |
| <option>Select a Value</option> | |
| <option value="val1">Option 1</option> | |
| @@ -1366,41 +1116,41 @@ type with this pattern.</p> | |
| </select> | |
| </div> | |
| </label> | |
| - <label for="basic-form-email-input-1" class="form-textfield"> | |
| - <span id="basic-form-email-label-1" class="field-title">Text Input Label</span> | |
| + <label for="basic-form-email-input-1" class="field-text"> | |
| + <span id="basic-form-email-label-1" class="field__title">Text Input Label</span> | |
| <input tabindex="0" id="basic-form-email-input-1" name="basic-form-email-input-1" aria-labelledby="basic-form-email-label-1" type="text" title="Input Description" value="" /> | |
| - <small>A description or some helper text for this element.</small> | |
| + <small class="field__description">A description or some helper text for this element.</small> | |
| </label> | |
| <fieldset class="has-radios" for="styleguide-radio"> | |
| <legend>Radio Set Label</legend> | |
| - <label class="form-radio" for="basic-form-radio-1"> | |
| + <label class="field-radio" for="basic-form-radio-1"> | |
| <input tabindex="0" checked="checked" type="radio" id="basic-form-radio-1" name="basic-form-radio-1" aria-labelledby="radio-desc-1" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-1" class="field-title">Value 1</span> | |
| + <span id="radio-desc-1" class="field__title">Value 1</span> | |
| </label> | |
| - <label class="form-radio" for="basic-form-radio-2"> | |
| + <label class="field-radio" for="basic-form-radio-2"> | |
| <input tabindex="0" type="radio" id="basic-form-radio-2" name="basic-form-radio-1" aria-labelledby="radio-desc-2" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-2" class="field-title">Value 2</span> | |
| + <span id="radio-desc-2" class="field__title">Value 2</span> | |
| </label> | |
| - <label class="form-radio" for="basic-form-radio-3"> | |
| + <label class="field-radio" for="basic-form-radio-3"> | |
| <input tabindex="0" type="radio" id="basic-form-radio-3" name="basic-form-radio-1" aria-labelledby="radio-desc-3" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-3" class="field-title">Value 3</span> | |
| + <span id="radio-desc-3" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| - <label for="styleguide-textarea" class="form-textfield"> | |
| - <span id="input-description-2" class="field-title">Textarea Label</span> | |
| - <textarea tabindex="0" id="styleguide-textarea" name="styleguide-textarea" aria-labelledby="input-description-2" title="Input Description" value=""></textarea> | |
| + <label for="basic-form-styleguide-textarea" class="field-text"> | |
| + <span id="basic-form-input-description-2" class="field__title">Textarea Label</span> | |
| + <textarea tabindex="0" id="basic-form-styleguide-textarea" name="basic-form-styleguide-textarea" aria-labelledby="basic-form-input-description-2" title="Input Description" value=""></textarea> | |
| </label> | |
| - <label class="form-checkbox" for="basic-form-checkbox-1"> | |
| + <label class="field-checkbox" for="basic-form-checkbox-1"> | |
| <input tabindex="0" type="checkbox" id="basic-form-checkbox-1" name="basic-form-checkbox-1" aria-labelledby="basic-form-checkbox-desc-1" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="basic-form-checkbox-desc-1" class="field-title">Single Checkbox Label</span> | |
| + <span id="basic-form-checkbox-desc-1" class="field__title">Single Checkbox Label</span> | |
| </label> | |
| - <div class="has-buttons"> | |
| - <button tabindex="0" class="button--primary" type="submit">submit</button> | |
| - <button tabindex="0" type="submit">cancel</button> | |
| + <div class="has-buttons align-right"> | |
| + <button tabindex="0" class="button--primary" type="submit">Submit</button> | |
| + <button tabindex="0" type="submit">Cancel</button> | |
| </div> | |
| </form> | |
| </div> | |
| @@ -1409,14 +1159,31 @@ type with this pattern.</p> | |
| <div class="kss-markup kss-style"> | |
| <pre class="prettyprint linenums lang-html"><code data-language="html"><form> | |
| <h3>Form Title</h3> | |
| - <label for="basic-form-text-input-1" class="form-textfield"> | |
| - <span id="basic-form-label-1" class="field-title">Text Input Label</span> | |
| + <label for="basic-form-text-input-1" class="field-text"> | |
| + <span id="basic-form-label-1" class="field__title">Text Input Label</span> | |
| <input tabindex="0" id="basic-form-text-input-1" name="basic-form-text-input-1" aria-labelledby="basic-form-label-1" aria-describedby="input1desc" type="text" title="Input Description" value="" /> | |
| - <small id="input1desc">A description or some helper text for this element.</small> | |
| + <small class="field__description" id="input1desc">A description or some helper text for this element.</small> | |
| + </label> | |
| + | |
| + <label for="basic-form-text-input-1a" class="field-text field--half align-left"> | |
| + <span id="basic-form-label-1a" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="basic-form-text-input-1a" name="basic-form-text-input-1a" aria-labelledby="basic-form-label-1a" type="text" title="Input Description" value="" /> | |
| </label> | |
| - <label class="form-select" for="basic-form-select"> | |
| - <span id="form-select-title" class="field-title">Select Title</span> | |
| - <div class="form-select-wrapper"> | |
| + <label for="basic-form-text-input-1b" class="field-text field--half align-right"> | |
| + <span id="basic-form-label-1b" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="basic-form-text-input-1b" name="basic-form-text-input-1b" aria-labelledby="basic-form-label-1b" aria-describedby="input1bdesc" type="text" title="Input Description" value="" /> | |
| + <small class="field__description" id="input1bdesc">A description or some helper text for this element.</small> | |
| + </label> | |
| + | |
| + <label for="basic-form-text-input-1c" class="field-text field--half clearfix"> | |
| + <span id="basic-form-label-1c" class="field__title">Text Input Label</span> | |
| + <input tabindex="0" id="basic-form-text-input-1c" name="basic-form-text-input-1c" aria-labelledby="basic-form-label-1c" aria-describedby="input1cdesc" type="text" title="Input Description" value="" /> | |
| + </label> | |
| + | |
| + | |
| + <label class="field-select field--half clearfix" for="basic-form-select"> | |
| + <span id="form-select-title" class="field__title">Select Title</span> | |
| + <div class="field__select-wrapper"> | |
| <select id="basic-form-select" name="basic-form-select" aria-labelledby="form-select-title"> | |
| <option>Select a Value</option> | |
| <option value="val1">Option 1</option> | |
| @@ -1425,41 +1192,41 @@ type with this pattern.</p> | |
| </select> | |
| </div> | |
| </label> | |
| - <label for="basic-form-email-input-1" class="form-textfield"> | |
| - <span id="basic-form-email-label-1" class="field-title">Text Input Label</span> | |
| + <label for="basic-form-email-input-1" class="field-text"> | |
| + <span id="basic-form-email-label-1" class="field__title">Text Input Label</span> | |
| <input tabindex="0" id="basic-form-email-input-1" name="basic-form-email-input-1" aria-labelledby="basic-form-email-label-1" type="text" title="Input Description" value="" /> | |
| - <small>A description or some helper text for this element.</small> | |
| + <small class="field__description">A description or some helper text for this element.</small> | |
| </label> | |
| <fieldset class="has-radios" for="styleguide-radio"> | |
| <legend>Radio Set Label</legend> | |
| - <label class="form-radio" for="basic-form-radio-1"> | |
| + <label class="field-radio" for="basic-form-radio-1"> | |
| <input tabindex="0" checked="checked" type="radio" id="basic-form-radio-1" name="basic-form-radio-1" aria-labelledby="radio-desc-1" value="val1" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-1" class="field-title">Value 1</span> | |
| + <span id="radio-desc-1" class="field__title">Value 1</span> | |
| </label> | |
| - <label class="form-radio" for="basic-form-radio-2"> | |
| + <label class="field-radio" for="basic-form-radio-2"> | |
| <input tabindex="0" type="radio" id="basic-form-radio-2" name="basic-form-radio-1" aria-labelledby="radio-desc-2" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-2" class="field-title">Value 2</span> | |
| + <span id="radio-desc-2" class="field__title">Value 2</span> | |
| </label> | |
| - <label class="form-radio" for="basic-form-radio-3"> | |
| + <label class="field-radio" for="basic-form-radio-3"> | |
| <input tabindex="0" type="radio" id="basic-form-radio-3" name="basic-form-radio-1" aria-labelledby="radio-desc-3" value="val3" /> | |
| <i role="presentation"></i> | |
| - <span id="radio-desc-3" class="field-title">Value 3</span> | |
| + <span id="radio-desc-3" class="field__title">Value 3</span> | |
| </label> | |
| </fieldset> | |
| - <label for="styleguide-textarea" class="form-textfield"> | |
| - <span id="input-description-2" class="field-title">Textarea Label</span> | |
| - <textarea tabindex="0" id="styleguide-textarea" name="styleguide-textarea" aria-labelledby="input-description-2" title="Input Description" value=""></textarea> | |
| + <label for="basic-form-styleguide-textarea" class="field-text"> | |
| + <span id="basic-form-input-description-2" class="field__title">Textarea Label</span> | |
| + <textarea tabindex="0" id="basic-form-styleguide-textarea" name="basic-form-styleguide-textarea" aria-labelledby="basic-form-input-description-2" title="Input Description" value=""></textarea> | |
| </label> | |
| - <label class="form-checkbox" for="basic-form-checkbox-1"> | |
| + <label class="field-checkbox" for="basic-form-checkbox-1"> | |
| <input tabindex="0" type="checkbox" id="basic-form-checkbox-1" name="basic-form-checkbox-1" aria-labelledby="basic-form-checkbox-desc-1" value="val2" /> | |
| <i role="presentation"></i> | |
| - <span id="basic-form-checkbox-desc-1" class="field-title">Single Checkbox Label</span> | |
| + <span id="basic-form-checkbox-desc-1" class="field__title">Single Checkbox Label</span> | |
| </label> | |
| - <div class="has-buttons"> | |
| - <button tabindex="0" class="button--primary" type="submit">submit</button> | |
| - <button tabindex="0" type="submit">cancel</button> | |
| + <div class="has-buttons align-right"> | |
| + <button tabindex="0" class="button--primary" type="submit">Submit</button> | |
| + <button tabindex="0" type="submit">Cancel</button> | |
| </div> | |
| </form></code></pre> | |
| </div> | |
| @@ -1482,6 +1249,7 @@ type with this pattern.</p> | |
| className: 'is-in-viewport' | |
| }); | |
| </script> | |
| +<script src="kss-assets/form-label-shift.js"></script> | |
| <script src="kss-assets/js/mobile-menu.js"></script> | |
| <script src="kss-assets/js/swatch-text.js"></script> | |
| <script src="kss-assets/js/styleguide-display.js"></script> | |
| diff --git a/styleguide/section-4.html b/styleguide/section-4.html | |
| index b8d1e77..6431301 100644 | |
| --- a/styleguide/section-4.html | |
| +++ b/styleguide/section-4.html | |
| @@ -2,7 +2,7 @@ | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| - <title>Caxy Website Styleguide - v. 1.3.3</title> | |
| + <title>Caxy Website Styleguide - v. 1.4.0</title> | |
| <meta name="description" content=""> | |
| <meta name="generator" content="kss-node"> | |
| @@ -24,7 +24,7 @@ | |
| <div class="kss-sidebar kss-style"> | |
| <header class="kss-header"> | |
| <h1 class="kss-doc-title">Caxy Website Styleguide</h1> | |
| - <small>v. 1.3.3</small> | |
| + <small>v. 1.4.0</small> | |
| </header> | |
| <nav class="kss-nav"> | |
| <ul class="kss-nav__menu"> | |
| @@ -46,7 +46,7 @@ | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html"> | |
| - <span class="kss-nav__ref">3</span><span class="kss-nav__name">Forms and Form Elements</span> | |
| + <span class="kss-nav__ref">3</span><span class="kss-nav__name">Form Fields and Buttons</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -275,6 +275,7 @@ | |
| className: 'is-in-viewport' | |
| }); | |
| </script> | |
| +<script src="kss-assets/form-label-shift.js"></script> | |
| <script src="kss-assets/js/mobile-menu.js"></script> | |
| <script src="kss-assets/js/swatch-text.js"></script> | |
| <script src="kss-assets/js/styleguide-display.js"></script> | |
| diff --git a/styleguide/section-5.html b/styleguide/section-5.html | |
| index 24f83e7..2fda5a5 100644 | |
| --- a/styleguide/section-5.html | |
| +++ b/styleguide/section-5.html | |
| @@ -2,7 +2,7 @@ | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| - <title>Caxy Website Styleguide - v. 1.3.3</title> | |
| + <title>Caxy Website Styleguide - v. 1.4.0</title> | |
| <meta name="description" content=""> | |
| <meta name="generator" content="kss-node"> | |
| @@ -24,7 +24,7 @@ | |
| <div class="kss-sidebar kss-style"> | |
| <header class="kss-header"> | |
| <h1 class="kss-doc-title">Caxy Website Styleguide</h1> | |
| - <small>v. 1.3.3</small> | |
| + <small>v. 1.4.0</small> | |
| </header> | |
| <nav class="kss-nav"> | |
| <ul class="kss-nav__menu"> | |
| @@ -46,7 +46,7 @@ | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html"> | |
| - <span class="kss-nav__ref">3</span><span class="kss-nav__name">Forms and Form Elements</span> | |
| + <span class="kss-nav__ref">3</span><span class="kss-nav__name">Form Fields and Buttons</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -78,12 +78,24 @@ | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| + <a class="kss-nav__menu-link" href="section-5.html#kssref-5-2-3"> | |
| + <span class="kss-nav__ref kss-nav__ref-child">5.2.3</span | |
| + ><span class="kss-nav__name">Inverse Panel</span> | |
| + </a> | |
| + </li> | |
| + <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-5.html#kssref-5-3"> | |
| <span class="kss-nav__ref ">5.3</span | |
| ><span class="kss-nav__name">Teasers</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| + <a class="kss-nav__menu-link" href="section-5.html#kssref-5-4"> | |
| + <span class="kss-nav__ref ">5.4</span | |
| + ><span class="kss-nav__name">Sidebars</span> | |
| + </a> | |
| + </li> | |
| + <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-5.html#kssref-5-5"> | |
| <span class="kss-nav__ref ">5.5</span | |
| ><span class="kss-nav__name">Heroes</span> | |
| @@ -162,9 +174,6 @@ | |
| <p>Panels are general groupings of content that need to be separated | |
| from the main flow of copy on a page, to either highlight content | |
| or direct a user towards areas to learn more via a CTA.</p> | |
| -<p>Ideally there should not be more than 2-3 panels per page, since | |
| -their point is to highlight content, and if everything is | |
| -highlighted, nothing is.</p> | |
| </div> | |
| @@ -253,6 +262,51 @@ highlighted, nothing is.</p> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut similique beatae ratione incidunt officia perspiciatis, voluptates maxime, at a dicta, libero aut illum voluptate! Voluptatibus id eius facere impedit.</p> | |
| </div> | |
| </div> | |
| + <div class="kss-modifier__copy"> | |
| + <div class="kss-modifier__name kss-style"> | |
| + .panel--flush | |
| + </div> | |
| + <div class="kss-modifier__description kss-style"> | |
| + A panel with no top OR bottom interior spacing | |
| + </div> | |
| + </div> | |
| + <div class="kss-modifier__example"> | |
| + <div class="panel panel--flush"> | |
| + <h2 class="title-1">A Panel</h2> | |
| + <p class="copy--lead-in">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut similique beatae ratione incidunt officia perspiciatis, voluptates maxime, at a dicta, libero aut illum voluptate! Voluptatibus id eius facere impedit.</p> | |
| +</div> | |
| + </div> | |
| + <div class="kss-modifier__copy"> | |
| + <div class="kss-modifier__name kss-style"> | |
| + .panel--flush--top | |
| + </div> | |
| + <div class="kss-modifier__description kss-style"> | |
| + A panel with no top interior spacing | |
| + </div> | |
| + </div> | |
| + <div class="kss-modifier__example"> | |
| + <div class="panel panel--flush--top"> | |
| + <h2 class="title-1">A Panel</h2> | |
| + <p class="copy--lead-in">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut similique beatae ratione incidunt officia perspiciatis, voluptates maxime, at a dicta, libero aut illum voluptate! Voluptatibus id eius facere impedit.</p> | |
| +</div> | |
| + </div> | |
| + <div class="kss-modifier__copy"> | |
| + <div class="kss-modifier__name kss-style"> | |
| + .panel--flush--bottom | |
| + </div> | |
| + <div class="kss-modifier__description kss-style"> | |
| + A panel with no bottom interior spacing | |
| + </div> | |
| + </div> | |
| + <div class="kss-modifier__example"> | |
| + <div class="panel panel--flush--bottom"> | |
| + <h2 class="title-1">A Panel</h2> | |
| + <p class="copy--lead-in">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut similique beatae ratione incidunt officia perspiciatis, voluptates maxime, at a dicta, libero aut illum voluptate! Voluptatibus id eius facere impedit.</p> | |
| +</div> | |
| + </div> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="panel [modifier class]"> | |
| @@ -308,8 +362,8 @@ its content.</p> | |
| <div class="kss-modifier__example"> | |
| <div class="panel panel--fullbleed"> | |
| - <div> | |
| - <h2 class="title-1">Fullbleed Panel Title</h2> | |
| + <div class="panel__content"> | |
| + <h2 class="panel__title">Fullbleed Panel Title</h2> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| </div> | |
| @@ -319,24 +373,62 @@ its content.</p> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="panel panel--fullbleed"> | |
| - <div> | |
| - <h2 class="title-1">Fullbleed Panel Title</h2> | |
| + <div class="panel__content"> | |
| + <h2 class="panel__title">Fullbleed Panel Title</h2> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| </div> | |
| </div></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: components/_containers.scss, line 156</small> | |
| + <small>Source: components/_containers.scss, line 178</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-5-2-1-1" class="kss-section kss-section--depth-4" data-status="review"> | |
| + <section id="kssref-5-2-2" class="kss-section kss-section--depth-3" data-status=""> | |
| + | |
| + <div class="kss-style"> | |
| + <h3 class="kss-title kss-title--level-3"> | |
| + <a class="kss-title__permalink" href="#kssref-5-2-2"> | |
| + <span class="kss-title__ref"> | |
| + 5.2.2 | |
| + <span class="kss-title__permalink-hash"></span> | |
| + </span> | |
| + CTA Panels | |
| + </a> | |
| + </h3> | |
| + | |
| + <dl class="pattern-info kss-style"> | |
| + <dt>Pattern Type:</dt> | |
| + <dd class="pattern-type molecule">molecule</dd> | |
| + <br /> | |
| + <dt>Pattern Can Contain:</dt> | |
| + <dd>Title, Copy, Button</dd> | |
| + </dl> | |
| + | |
| + <div class="kss-description"> | |
| + <p>CTA Panels are punchy, to-the-point directions in panel form. They | |
| +always include a title and a CTA button, and sometimes a short and | |
| +sweet blurb to drive the point home. If more content is needed, | |
| +a normal panel should be used instead.</p> | |
| +<p>These will mostly live at the bottom of a page as a last | |
| +exclamation point on the content found there.</p> | |
| + | |
| + </div> | |
| + | |
| + | |
| + </div> | |
| + | |
| + <div class="kss-source kss-style"> | |
| + <small>Source: components/_containers.scss, line 259</small> | |
| + </div> | |
| + </section> | |
| + <section id="kssref-5-2-2-1" class="kss-section kss-section--depth-4" data-status="review"> | |
| <div class="kss-style"> | |
| <h4 class="kss-title kss-title--level-4"> | |
| - <a class="kss-title__permalink" href="#kssref-5-2-1-1"> | |
| + <a class="kss-title__permalink" href="#kssref-5-2-2-1"> | |
| <span class="kss-title__ref"> | |
| - 5.2.1.1 | |
| + 5.2.2.1 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| Light Fullbleed Panel | |
| @@ -369,41 +461,41 @@ its content.</p> | |
| <div class="kss-modifier__example"> | |
| - <div class="panel panel--light panel--fullbleed"> | |
| - <div> | |
| - <h2 class="title-1">Light Fullbleed Panel</h2> | |
| - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| - <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| + <div class="has-hand"> | |
| + <div class="panel panel--cta"> | |
| + <h2 class="title-1 panel--cta__title">This panel has a hand.</h2> | |
| + <p class="panel--cta__copy">Eaque ullam fuga optio accusamus voluptatum!</p> | |
| + <a href="" class="button button--primary">Call to Action</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="panel panel--light panel--fullbleed"> | |
| - <div> | |
| - <h2 class="title-1">Light Fullbleed Panel</h2> | |
| - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| - <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="has-hand"> | |
| + <div class="panel panel--cta"> | |
| + <h2 class="title-1 panel--cta__title">This panel has a hand.</h2> | |
| + <p class="panel--cta__copy">Eaque ullam fuga optio accusamus voluptatum!</p> | |
| + <a href="" class="button button--primary">Call to Action</a> | |
| </div> | |
| </div></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: components/_containers.scss, line 199</small> | |
| + <small>Source: components/_containers.scss, line 223</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-5-2-2" class="kss-section kss-section--depth-3" data-status=""> | |
| + <section id="kssref-5-2-2-1" class="kss-section kss-section--depth-4" data-status="review"> | |
| <div class="kss-style"> | |
| - <h3 class="kss-title kss-title--level-3"> | |
| - <a class="kss-title__permalink" href="#kssref-5-2-2"> | |
| + <h4 class="kss-title kss-title--level-4"> | |
| + <a class="kss-title__permalink" href="#kssref-5-2-2-1"> | |
| <span class="kss-title__ref"> | |
| - 5.2.2 | |
| + 5.2.2.1 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| - CTA Panels | |
| + CTA Panel with Hand | |
| </a> | |
| - </h3> | |
| + </h4> | |
| <dl class="pattern-info kss-style"> | |
| <dt>Pattern Type:</dt> | |
| @@ -414,45 +506,69 @@ its content.</p> | |
| </dl> | |
| <div class="kss-description"> | |
| - <p>CTA Panels are punchy, to-the-point directions in panel form. They | |
| -always include a title and a CTA button, and sometimes a short and | |
| -sweet blurb to drive the point home. If more content is needed, | |
| -a normal panel should be used instead.</p> | |
| -<p>These will mostly live at the bottom of a page as a last | |
| -exclamation point on the content found there.</p> | |
| + <p>A CTA panel being held by a helpful hand. Currently delegated to the portfolio page.</p> | |
| </div> | |
| </div> | |
| + <div class="kss-modifier__wrapper"> | |
| + <div class="kss-modifier__heading kss-style"> | |
| + | |
| + <span class="kss-status review">In Review</span> | |
| + | |
| + Example | |
| + </div> | |
| + | |
| + | |
| + <div class="kss-modifier__example"> | |
| + <div class="has-hand"> | |
| + <div class="panel panel--cta"> | |
| + <h2 class="title-1 panel--cta__title">This panel has a hand.</h2> | |
| + <p class="panel--cta__copy">Eaque ullam fuga optio accusamus voluptatum!</p> | |
| + <a href="" class="button button--primary">Call to Action</a> | |
| + </div> | |
| +</div> | |
| + </div> | |
| + | |
| + </div> | |
| + <div class="kss-markup kss-style"> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="has-hand"> | |
| + <div class="panel panel--cta"> | |
| + <h2 class="title-1 panel--cta__title">This panel has a hand.</h2> | |
| + <p class="panel--cta__copy">Eaque ullam fuga optio accusamus voluptatum!</p> | |
| + <a href="" class="button button--primary">Call to Action</a> | |
| + </div> | |
| +</div></code></pre> | |
| + </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: components/_containers.scss, line 219</small> | |
| + <small>Source: components/_containers.scss, line 291</small> | |
| </div> | |
| </section> | |
| - <section id="kssref-5-2-2-1" class="kss-section kss-section--depth-4" data-status="review"> | |
| + <section id="kssref-5-2-2-2" class="kss-section kss-section--depth-4" data-status="review"> | |
| <div class="kss-style"> | |
| <h4 class="kss-title kss-title--level-4"> | |
| - <a class="kss-title__permalink" href="#kssref-5-2-2-1"> | |
| + <a class="kss-title__permalink" href="#kssref-5-2-2-2"> | |
| <span class="kss-title__ref"> | |
| - 5.2.2.1 | |
| + 5.2.2.2 | |
| <span class="kss-title__permalink-hash"></span> | |
| </span> | |
| - CTA Panel with Hand | |
| + Fullbleed Panel with Sidebar | |
| </a> | |
| </h4> | |
| <dl class="pattern-info kss-style"> | |
| <dt>Pattern Type:</dt> | |
| - <dd class="pattern-type molecule">molecule</dd> | |
| + <dd class="pattern-type organism">organism</dd> | |
| <br /> | |
| <dt>Pattern Can Contain:</dt> | |
| - <dd>Title, Copy, Button</dd> | |
| + <dd>Links, Images, Titles, Body Copy, Cards, Navigation, Forms</dd> | |
| </dl> | |
| <div class="kss-description"> | |
| - <p>A CTA panel being held by a helpful hand. Currently delegated to the portfolio page.</p> | |
| + <p>A sidebar pattern inserted inside a panel can accommodate copy and another item like a form or image.</p> | |
| </div> | |
| @@ -469,27 +585,161 @@ exclamation point on the content found there.</p> | |
| <div class="kss-modifier__example"> | |
| - <div class="has-hand"> | |
| - <div class="panel panel--cta"> | |
| - <h2 class="title-1 panel--cta__title">This panel has a hand.</h2> | |
| - <p class="panel--cta__copy">Eaque ullam fuga optio accusamus voluptatum!</p> | |
| - <a href="" class="button button--primary">Call to Action</a> | |
| + <div class="panel panel--fullbleed panel--inverse"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="panel__copy sidebar"> | |
| + <h2 class="panel__title">Inverse Panel Title</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| + </div> | |
| + <div class="panel__image sidebar-sibling"> | |
| + <img src="http://placehold.it/600" /> | |
| + </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="kss-markup kss-style"> | |
| - <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="has-hand"> | |
| - <div class="panel panel--cta"> | |
| - <h2 class="title-1 panel--cta__title">This panel has a hand.</h2> | |
| - <p class="panel--cta__copy">Eaque ullam fuga optio accusamus voluptatum!</p> | |
| - <a href="" class="button button--primary">Call to Action</a> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="panel panel--fullbleed panel--inverse"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="panel__copy sidebar"> | |
| + <h2 class="panel__title">Inverse Panel Title</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| + </div> | |
| + <div class="panel__image sidebar-sibling"> | |
| + <img src="http://placehold.it/600" /> | |
| + </div> | |
| + </div> | |
| +</div></code></pre> | |
| + </div> | |
| + <div class="kss-source kss-style"> | |
| + <small>Source: components/_containers.scss, line 243</small> | |
| + </div> | |
| + </section> | |
| + <section id="kssref-5-2-3" class="kss-section kss-section--depth-3" data-status="review"> | |
| + | |
| + <div class="kss-style"> | |
| + <h3 class="kss-title kss-title--level-3"> | |
| + <a class="kss-title__permalink" href="#kssref-5-2-3"> | |
| + <span class="kss-title__ref"> | |
| + 5.2.3 | |
| + <span class="kss-title__permalink-hash"></span> | |
| + </span> | |
| + Inverse Panel | |
| + </a> | |
| + </h3> | |
| + | |
| + <dl class="pattern-info kss-style"> | |
| + <dt>Pattern Type:</dt> | |
| + <dd class="pattern-type organism">organism</dd> | |
| + <br /> | |
| + <dt>Pattern Can Contain:</dt> | |
| + <dd>Links, Images, Titles, Body Copy, Cards, Navigation, Forms</dd> | |
| + </dl> | |
| + | |
| + <div class="kss-description"> | |
| + <p>A panel utilizing a dark-text-on-light-background approach.</p> | |
| + | |
| + </div> | |
| + | |
| + | |
| + </div> | |
| + | |
| + <div class="kss-modifier__wrapper"> | |
| + <div class="kss-modifier__heading kss-style"> | |
| + | |
| + <span class="kss-status review">In Review</span> | |
| + | |
| + Example | |
| + </div> | |
| + | |
| + | |
| + <div class="kss-modifier__example"> | |
| + <div class="panel panel--inverse"> | |
| + <div> | |
| + <h2 class="title-1">Inverse Panel Title</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| + </div> | |
| +</div> | |
| + </div> | |
| + | |
| + </div> | |
| + <div class="kss-markup kss-style"> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="panel panel--inverse"> | |
| + <div> | |
| + <h2 class="title-1">Inverse Panel Title</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + <p>Consectetur adipisicing elit. Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum mollitia quis. Voluptatibus autem quisquam enim, labore adipisci suscipit. Quo veniam impedit voluptate.</p> | |
| </div> | |
| </div></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: components/_containers.scss, line 251</small> | |
| + <small>Source: components/_containers.scss, line 343</small> | |
| + </div> | |
| + </section> | |
| + <section id="kssref-5-2-3-1" class="kss-section kss-section--depth-4" data-status="review"> | |
| + | |
| + <div class="kss-style"> | |
| + <h4 class="kss-title kss-title--level-4"> | |
| + <a class="kss-title__permalink" href="#kssref-5-2-3-1"> | |
| + <span class="kss-title__ref"> | |
| + 5.2.3.1 | |
| + <span class="kss-title__permalink-hash"></span> | |
| + </span> | |
| + Light Inverse Panel | |
| + </a> | |
| + </h4> | |
| + | |
| + <dl class="pattern-info kss-style"> | |
| + <dt>Pattern Type:</dt> | |
| + <dd class="pattern-type organism">organism</dd> | |
| + <br /> | |
| + <dt>Pattern Can Contain:</dt> | |
| + <dd>Links, Images, Titles, Body Copy, Cards, Navigation, Forms</dd> | |
| + </dl> | |
| + | |
| + <div class="kss-description"> | |
| + <p>A lighter version of the inverse panel.</p> | |
| + | |
| + </div> | |
| + | |
| + | |
| + </div> | |
| + | |
| + <div class="kss-modifier__wrapper"> | |
| + <div class="kss-modifier__heading kss-style"> | |
| + | |
| + <span class="kss-status review">In Review</span> | |
| + | |
| + Example | |
| + </div> | |
| + | |
| + | |
| + <div class="kss-modifier__example"> | |
| + <div class="panel panel--inverse panel--light"> | |
| + <div class="panel__content"> | |
| + <h2 class="panel__title">Light Inverse Panel Title</h2> | |
| + <p class="copy--lead-in">Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum.</p> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + </div> | |
| +</div> | |
| + </div> | |
| + | |
| + </div> | |
| + <div class="kss-markup kss-style"> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="panel panel--inverse panel--light"> | |
| + <div class="panel__content"> | |
| + <h2 class="panel__title">Light Inverse Panel Title</h2> | |
| + <p class="copy--lead-in">Quo odit dignissimos ipsum modi ducimus ex, blanditiis earum.</p> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi delectus eius, voluptatibus sunt, suscipit quibusdam sapiente et qui ducimus explicabo ex ullam architecto earum blanditiis possimus consectetur maiores corrupti neque.</p> | |
| + </div> | |
| +</div></code></pre> | |
| + </div> | |
| + <div class="kss-source kss-style"> | |
| + <small>Source: components/_containers.scss, line 367</small> | |
| </div> | |
| </section> | |
| <section id="kssref-5-3" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -551,7 +801,144 @@ upper lefthand corner in cases where the teaser copy is lengthy.</p> | |
| </div></code></pre> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: components/_containers.scss, line 306</small> | |
| + <small>Source: components/_containers.scss, line 385</small> | |
| + </div> | |
| + </section> | |
| + <section id="kssref-5-4" class="kss-section kss-section--depth-2" data-status=""> | |
| + | |
| + <div class="kss-style"> | |
| + <h2 class="kss-title kss-title--level-2"> | |
| + <a class="kss-title__permalink" href="#kssref-5-4"> | |
| + <span class="kss-title__ref"> | |
| + 5.4 | |
| + <span class="kss-title__permalink-hash"></span> | |
| + </span> | |
| + Sidebars | |
| + </a> | |
| + </h2> | |
| + | |
| + | |
| + <div class="kss-description"> | |
| + <p>The sidebar pattern is a simple one, but its markup structure is strict. The <code>.has-sidebar</code> context | |
| +class is what controls it and its non-sidebar sibling, and must be applied to the direct parent of | |
| +these two elements.</p> | |
| +<p>Because a sidebar is by default a secondary form of content, it's a good use case for an aside | |
| +element. Also, in light of this role, all sidebar title font sizes are bumped down one level.</p> | |
| +<p>The sidebar element itself can be seen as a container in which anything can be placed, or as a specialized | |
| +container type at the same time (eg. a sidebar that is also a panel).</p> | |
| + | |
| + </div> | |
| + | |
| + | |
| + </div> | |
| + | |
| + <div class="kss-modifier__wrapper"> | |
| + <div class="kss-modifier__heading kss-style"> | |
| + | |
| + <span class="kss-status development">In Development</span> | |
| + | |
| + Example | |
| + </div> | |
| + | |
| + | |
| + <div class="kss-modifier__example"> | |
| + <div class="has-sidebar"> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| + <!-- sidebar element --> | |
| + | |
| + <div class="sidebar"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| +</div> | |
| + | |
| + | |
| +<div class="has-sidebar"> | |
| + | |
| + <!-- sidebar element --> | |
| + | |
| + <div class="sidebar"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| +</div> | |
| + </div> | |
| + | |
| + </div> | |
| + <div class="kss-markup kss-style"> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="has-sidebar"> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| + <!-- sidebar element --> | |
| + | |
| + <div class="sidebar"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| +</div> | |
| + | |
| + | |
| +<div class="has-sidebar"> | |
| + | |
| + <!-- sidebar element --> | |
| + | |
| + <div class="sidebar"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| +</div></code></pre> | |
| + </div> | |
| + <div class="kss-source kss-style"> | |
| + <small>Source: components/_containers.scss, line 445</small> | |
| </div> | |
| </section> | |
| <section id="kssref-5-5" class="kss-section kss-section--depth-2" data-status="review"> | |
| @@ -749,6 +1136,7 @@ This should allow for elements to line up with other elements on the page in a c | |
| className: 'is-in-viewport' | |
| }); | |
| </script> | |
| +<script src="kss-assets/form-label-shift.js"></script> | |
| <script src="kss-assets/js/mobile-menu.js"></script> | |
| <script src="kss-assets/js/swatch-text.js"></script> | |
| <script src="kss-assets/js/styleguide-display.js"></script> | |
| diff --git a/styleguide/section-50.html b/styleguide/section-50.html | |
| index c9cf4d5..7e4b7b6 100644 | |
| --- a/styleguide/section-50.html | |
| +++ b/styleguide/section-50.html | |
| @@ -2,7 +2,7 @@ | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| - <title>Caxy Website Styleguide - v. 1.3.3</title> | |
| + <title>Caxy Website Styleguide - v. 1.4.0</title> | |
| <meta name="description" content=""> | |
| <meta name="generator" content="kss-node"> | |
| @@ -24,7 +24,7 @@ | |
| <div class="kss-sidebar kss-style"> | |
| <header class="kss-header"> | |
| <h1 class="kss-doc-title">Caxy Website Styleguide</h1> | |
| - <small>v. 1.3.3</small> | |
| + <small>v. 1.4.0</small> | |
| </header> | |
| <nav class="kss-nav"> | |
| <ul class="kss-nav__menu"> | |
| @@ -46,7 +46,7 @@ | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html"> | |
| - <span class="kss-nav__ref">3</span><span class="kss-nav__name">Forms and Form Elements</span> | |
| + <span class="kss-nav__ref">3</span><span class="kss-nav__name">Form Fields and Buttons</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -86,6 +86,12 @@ | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| + <a class="kss-nav__menu-link" href="section-50.html#kssref-50-2"> | |
| + <span class="kss-nav__ref ">50.2</span | |
| + ><span class="kss-nav__name">Landing Page</span> | |
| + </a> | |
| + </li> | |
| + <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-50.html#kssref-50-3"> | |
| <span class="kss-nav__ref ">50.3</span | |
| ><span class="kss-nav__name">Portfolio Page</span> | |
| @@ -182,6 +188,144 @@ elsewhere in this styleguide can fit together in the context of a page.</p> | |
| <small>Source: styleguide/_styleguide.scss, line 171</small> | |
| </div> | |
| </section> | |
| + <section id="kssref-50-2" class="kss-section kss-section--depth-2" data-status=""> | |
| + | |
| + <div class="kss-style"> | |
| + <h2 class="kss-title kss-title--level-2"> | |
| + <a class="kss-title__permalink" href="#kssref-50-2"> | |
| + <span class="kss-title__ref"> | |
| + 50.2 | |
| + <span class="kss-title__permalink-hash"></span> | |
| + </span> | |
| + Landing Page | |
| + </a> | |
| + </h2> | |
| + | |
| + <dl class="pattern-info kss-style"> | |
| + <dt>Pattern Type:</dt> | |
| + <dd class="pattern-type page">page</dd> | |
| + </dl> | |
| + | |
| + | |
| + | |
| + </div> | |
| + | |
| + <div class="kss-modifier__wrapper"> | |
| + <div class="kss-modifier__heading kss-style"> | |
| + | |
| + <span class="kss-status development">In Development</span> | |
| + | |
| + Example | |
| + </div> | |
| + | |
| + | |
| + <div class="kss-modifier__example"> | |
| + <main> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--light"> | |
| + <div class="panel__content"> | |
| + <h1>Oh hey, here's a page</h1> | |
| + <p class="copy--lead-in">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio architecto cumque inventore, unde velit laudantium minus doloremque quam vel pariatur iusto magnam provident voluptates? Quaerat, rem dicta ipsam incidunt repellendus.</p> | |
| + <div class="has-inline-elements"> | |
| + <img src="http://placehold.it/140" /> | |
| + <img src="http://placehold.it/140" /> | |
| + <img src="http://placehold.it/140" /> | |
| + </div> | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--flush--bottom"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="sidebar"> | |
| + <h2>Here's another heading.</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab nihil doloribus ipsum repellat neque quas harum quasi reiciendis quae consectetur temporibus facere, optio dolorem. Nemo libero officia enim alias pariatur.</p> | |
| + <p>Hic, cupiditate iure itaque expedita harum debitis perspiciatis doloribus.</p> | |
| + </div> | |
| + <div class="sidebar-sibling"> | |
| + <img class="panel__image" src="http://placehold.it/800" alt="A placeholder." /> | |
| + </div> | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--flush--bottom panel--light"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="sidebar-sibling"> | |
| + <img class="panel__image" src="http://placehold.it/800" alt="A placeholder." /> | |
| + </div> | |
| + <div class="sidebar"> | |
| + <h2>Here's another heading.</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab nihil doloribus ipsum repellat neque quas harum quasi reiciendis quae consectetur temporibus facere, optio dolorem. Nemo libero officia enim alias pariatur.</p> | |
| + <p>Hic, cupiditate iure itaque expedita harum debitis perspiciatis doloribus.</p> | |
| + </div> | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--flush--bottom"> | |
| + <div class="panel__content"> | |
| + | |
| + <form class="panel__form"> | |
| + <h3>Here, tell us about yourself.</h3> | |
| + <label for="styleguide-text-input-1" class="field-text"> | |
| + <span id="input-title-1" class="field__title">Email</span> | |
| + <input id="styleguide-text-input-1" name="styleguide-text-input-1" aria-labelledby="input-title-1" type="email" title="Email" value="" /> | |
| + </label> | |
| + <label for="styleguide-textarea" class="field-text"> | |
| + <span id="input-title-2" class="field__title">What are you looking for?</span> | |
| + <textarea id="styleguide-textarea" name="styleguide-textarea" aria-labelledby="input-title-2" title="Message" value=""></textarea> | |
| + </label> | |
| + | |
| + <div class="has-buttons right"> | |
| + <button class="button--primary" type="submit">Contact Us</button> | |
| + </div> | |
| + </form> | |
| + | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--flush--bottom panel--light"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="sidebar-sibling"> | |
| + <img class="panel__image" src="http://placehold.it/800" alt="A placeholder." /> | |
| + </div> | |
| + <div class="sidebar"> | |
| + <h2>Here's another heading.</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab nihil doloribus ipsum repellat neque quas harum quasi reiciendis quae consectetur temporibus facere, optio dolorem. Nemo libero officia enim alias pariatur.</p> | |
| + <p>Hic, cupiditate iure itaque expedita harum debitis perspiciatis doloribus.</p> | |
| + </div> | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel panel--fullbleed panel--inverse panel--no-margin panel--flush--bottom"> | |
| + <div class="panel__content has-sidebar"> | |
| + <div class="sidebar"> | |
| + <h2>Here's another heading.</h2> | |
| + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab nihil doloribus ipsum repellat neque quas harum quasi reiciendis quae consectetur temporibus facere, optio dolorem. Nemo libero officia enim alias pariatur.</p> | |
| + <p>Hic, cupiditate iure itaque expedita harum debitis perspiciatis doloribus.</p> | |
| + </div> | |
| + <div class="sidebar-sibling"> | |
| + <img class="panel__image" src="http://placehold.it/800" alt="A placeholder." /> | |
| + </div> | |
| + </div> | |
| + </div> | |
| + | |
| + <div class="panel"> | |
| + <div class="panel__content"> | |
| + | |
| + <h2 class="title-1">Here's another heading.</h2> | |
| + <p class="copy--lead-in">Hic, cupiditate iure itaque expedita harum debitis perspiciatis doloribus.</p> | |
| + <a class="button button--primary" href="">Contact Us</a> | |
| + | |
| + </div> | |
| + </div> | |
| + | |
| +</main> | |
| + </div> | |
| + | |
| + </div> | |
| + <div class="kss-source kss-style"> | |
| + <small>Source: styleguide/_styleguide.scss, line 185</small> | |
| + </div> | |
| + </section> | |
| <section id="kssref-50-3" class="kss-section kss-section--depth-2" data-status=""> | |
| <div class="kss-style"> | |
| @@ -272,7 +416,7 @@ elsewhere in this styleguide can fit together in the context of a page.</p> | |
| </div> | |
| <div class="kss-source kss-style"> | |
| - <small>Source: styleguide/_styleguide.scss, line 191</small> | |
| + <small>Source: styleguide/_styleguide.scss, line 197</small> | |
| </div> | |
| </section> | |
| @@ -290,6 +434,7 @@ elsewhere in this styleguide can fit together in the context of a page.</p> | |
| className: 'is-in-viewport' | |
| }); | |
| </script> | |
| +<script src="kss-assets/form-label-shift.js"></script> | |
| <script src="kss-assets/js/mobile-menu.js"></script> | |
| <script src="kss-assets/js/swatch-text.js"></script> | |
| <script src="kss-assets/js/styleguide-display.js"></script> | |
| diff --git a/styleguide/section-6.html b/styleguide/section-6.html | |
| index f24540c..2f994d0 100644 | |
| --- a/styleguide/section-6.html | |
| +++ b/styleguide/section-6.html | |
| @@ -2,7 +2,7 @@ | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| - <title>Caxy Website Styleguide - v. 1.3.3</title> | |
| + <title>Caxy Website Styleguide - v. 1.4.0</title> | |
| <meta name="description" content=""> | |
| <meta name="generator" content="kss-node"> | |
| @@ -24,7 +24,7 @@ | |
| <div class="kss-sidebar kss-style"> | |
| <header class="kss-header"> | |
| <h1 class="kss-doc-title">Caxy Website Styleguide</h1> | |
| - <small>v. 1.3.3</small> | |
| + <small>v. 1.4.0</small> | |
| </header> | |
| <nav class="kss-nav"> | |
| <ul class="kss-nav__menu"> | |
| @@ -46,7 +46,7 @@ | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html"> | |
| - <span class="kss-nav__ref">3</span><span class="kss-nav__name">Forms and Form Elements</span> | |
| + <span class="kss-nav__ref">3</span><span class="kss-nav__name">Form Fields and Buttons</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -199,6 +199,7 @@ | |
| className: 'is-in-viewport' | |
| }); | |
| </script> | |
| +<script src="kss-assets/form-label-shift.js"></script> | |
| <script src="kss-assets/js/mobile-menu.js"></script> | |
| <script src="kss-assets/js/swatch-text.js"></script> | |
| <script src="kss-assets/js/styleguide-display.js"></script> | |
| diff --git a/styleguide/section-7.html b/styleguide/section-7.html | |
| index e1c6dc1..b5c656c 100644 | |
| --- a/styleguide/section-7.html | |
| +++ b/styleguide/section-7.html | |
| @@ -2,7 +2,7 @@ | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| - <title>Caxy Website Styleguide - v. 1.3.3</title> | |
| + <title>Caxy Website Styleguide - v. 1.4.0</title> | |
| <meta name="description" content=""> | |
| <meta name="generator" content="kss-node"> | |
| @@ -24,7 +24,7 @@ | |
| <div class="kss-sidebar kss-style"> | |
| <header class="kss-header"> | |
| <h1 class="kss-doc-title">Caxy Website Styleguide</h1> | |
| - <small>v. 1.3.3</small> | |
| + <small>v. 1.4.0</small> | |
| </header> | |
| <nav class="kss-nav"> | |
| <ul class="kss-nav__menu"> | |
| @@ -46,7 +46,7 @@ | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html"> | |
| - <span class="kss-nav__ref">3</span><span class="kss-nav__name">Forms and Form Elements</span> | |
| + <span class="kss-nav__ref">3</span><span class="kss-nav__name">Form Fields and Buttons</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -328,6 +328,7 @@ | |
| className: 'is-in-viewport' | |
| }); | |
| </script> | |
| +<script src="kss-assets/form-label-shift.js"></script> | |
| <script src="kss-assets/js/mobile-menu.js"></script> | |
| <script src="kss-assets/js/swatch-text.js"></script> | |
| <script src="kss-assets/js/styleguide-display.js"></script> | |
| diff --git a/styleguide/section-8.html b/styleguide/section-8.html | |
| index 24be40f..7acc903 100644 | |
| --- a/styleguide/section-8.html | |
| +++ b/styleguide/section-8.html | |
| @@ -2,7 +2,7 @@ | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| - <title>Caxy Website Styleguide - v. 1.3.3</title> | |
| + <title>Caxy Website Styleguide - v. 1.4.0</title> | |
| <meta name="description" content=""> | |
| <meta name="generator" content="kss-node"> | |
| @@ -24,7 +24,7 @@ | |
| <div class="kss-sidebar kss-style"> | |
| <header class="kss-header"> | |
| <h1 class="kss-doc-title">Caxy Website Styleguide</h1> | |
| - <small>v. 1.3.3</small> | |
| + <small>v. 1.4.0</small> | |
| </header> | |
| <nav class="kss-nav"> | |
| <ul class="kss-nav__menu"> | |
| @@ -46,7 +46,7 @@ | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-3.html"> | |
| - <span class="kss-nav__ref">3</span><span class="kss-nav__name">Forms and Form Elements</span> | |
| + <span class="kss-nav__ref">3</span><span class="kss-nav__name">Form Fields and Buttons</span> | |
| </a> | |
| </li> | |
| <li class="kss-nav__menu-item"> | |
| @@ -75,6 +75,18 @@ | |
| </a> | |
| <ul class="kss-nav__menu-child"> | |
| <li class="kss-nav__menu-item"> | |
| + <a class="kss-nav__menu-link" href="section-8.html#kssref-8-2"> | |
| + <span class="kss-nav__ref ">8.2</span | |
| + ><span class="kss-nav__name">8.2</span> | |
| + </a> | |
| + </li> | |
| + <li class="kss-nav__menu-item"> | |
| + <a class="kss-nav__menu-link" href="section-8.html#kssref-8-2-1"> | |
| + <span class="kss-nav__ref kss-nav__ref-child">8.2.1</span | |
| + ><span class="kss-nav__name">Filled Sidebar</span> | |
| + </a> | |
| + </li> | |
| + <li class="kss-nav__menu-item"> | |
| <a class="kss-nav__menu-link" href="section-8.html#kssref-8-3"> | |
| <span class="kss-nav__ref ">8.3</span | |
| ><span class="kss-nav__name">Site Header</span> | |
| @@ -119,6 +131,174 @@ | |
| </div> | |
| </div> | |
| + <section id="kssref-8-2" class="kss-section kss-section--depth-2" data-status=""> | |
| + | |
| + <div class="kss-style"> | |
| + <h2 class="kss-title kss-title--level-2"> | |
| + <a class="kss-title__permalink" href="#kssref-8-2"> | |
| + <span class="kss-title__ref"> | |
| + 8.2 | |
| + <span class="kss-title__permalink-hash"></span> | |
| + </span> | |
| + 8.2 | |
| + </a> | |
| + </h2> | |
| + | |
| + | |
| + | |
| + | |
| + </div> | |
| + | |
| + </section> | |
| + <section id="kssref-8-2-1" class="kss-section kss-section--depth-3" data-status=""> | |
| + | |
| + <div class="kss-style"> | |
| + <h3 class="kss-title kss-title--level-3"> | |
| + <a class="kss-title__permalink" href="#kssref-8-2-1"> | |
| + <span class="kss-title__ref"> | |
| + 8.2.1 | |
| + <span class="kss-title__permalink-hash"></span> | |
| + </span> | |
| + Filled Sidebar | |
| + </a> | |
| + </h3> | |
| + | |
| + | |
| + <div class="kss-description"> | |
| + <p>In some cases, an element may need to completely fill the sidebar. Apply the <code>.sidebar--filled</code> | |
| +class to the sidebar itself, and <code>.sidebar__filler</code> to the element that needs to fill the | |
| +remaining space inside it. This will cause the filler element to grow to fit the container | |
| +completely.</p> | |
| +<p>In this example, a panel is added to the sidebar and set to fill the remaining space.</p> | |
| + | |
| + </div> | |
| + | |
| + | |
| + </div> | |
| + | |
| + <div class="kss-modifier__wrapper"> | |
| + <div class="kss-modifier__heading kss-style"> | |
| + | |
| + <span class="kss-status development">In Development</span> | |
| + | |
| + Example | |
| + </div> | |
| + | |
| + | |
| + <div class="kss-modifier__example"> | |
| + <div class="has-sidebar"> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| + <!-- sidebar element --> | |
| + | |
| + <div class="sidebar sidebar--filled"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <div class="panel sidebar__filler"> | |
| + <h4>Filler element</h3> | |
| + <p>This element should fill the remaining space. Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + </div> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| +</div> | |
| + | |
| + | |
| +<div class="has-sidebar"> | |
| + | |
| + <!-- sidebar element --> | |
| + <div class="sidebar sidebar--filled"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat.</p> | |
| + <div class="panel sidebar__filler"> | |
| + <h4>Filler element</h3> | |
| + <p>This element should fill the remaining space. Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset.</p> | |
| + </div> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| +</div> | |
| + </div> | |
| + | |
| + </div> | |
| + <div class="kss-markup kss-style"> | |
| + <pre class="prettyprint linenums lang-html"><code data-language="html"><div class="has-sidebar"> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| + <!-- sidebar element --> | |
| + | |
| + <div class="sidebar sidebar--filled"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <div class="panel sidebar__filler"> | |
| + <h4>Filler element</h3> | |
| + <p>This element should fill the remaining space. Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + </div> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| +</div> | |
| + | |
| + | |
| +<div class="has-sidebar"> | |
| + | |
| + <!-- sidebar element --> | |
| + <div class="sidebar sidebar--filled"> | |
| + <h3>Sidebar Title</h3> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat.</p> | |
| + <div class="panel sidebar__filler"> | |
| + <h4>Filler element</h3> | |
| + <p>This element should fill the remaining space. Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset.</p> | |
| + </div> | |
| + </div> | |
| + | |
| + <!-- end sidebar element --> | |
| + | |
| + <!-- sibling element --> | |
| + | |
| + <div class="sidebar-sibling"> | |
| + <h2>Sibling Element</h2> | |
| + <p>Quo quidam accusam definitionem id, et sed nominati consequat. Ex graece eripuit corpora eam, an doctus accommodare mel. Id has diam tritani interesset. Eum eu amet lucilius, ea vel elit eripuit. Ex vidit causae cotidieque eam. Est referrentur consequuntur an.</p> | |
| + <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</p> | |
| + </div> | |
| + | |
| + <!-- end sibling element --> | |
| + | |
| +</div></code></pre> | |
| + </div> | |
| + <div class="kss-source kss-style"> | |
| + <small>Source: components/_containers.scss, line 558</small> | |
| + </div> | |
| + </section> | |
| <section id="kssref-8-3" class="kss-section kss-section--depth-2" data-status=""> | |
| <div class="kss-style"> | |
| @@ -400,6 +580,7 @@ | |
| className: 'is-in-viewport' | |
| }); | |
| </script> | |
| +<script src="kss-assets/form-label-shift.js"></script> | |
| <script src="kss-assets/js/mobile-menu.js"></script> | |
| <script src="kss-assets/js/swatch-text.js"></script> | |
| <script src="kss-assets/js/styleguide-display.js"></script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment