Skip to content

Commit

Permalink
2.4.0
Browse files Browse the repository at this point in the history
  • Loading branch information
@devowhippit
devowhippit committed Dec 16, 2020
1 parent aeab819 commit 4f95040
Show file tree
Hide file tree
Showing 40 changed files with 612 additions and 444 deletions.
22 changes: 11 additions & 11 deletions dist/animate.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,700&display=swap"
rel="stylesheet" />
<script type="text/javascript">
var VERSION = '2.3.3';
var VERSION = '2.4.0';
</script><noscript>
<style>
body {
Expand All @@ -34,7 +34,7 @@
<body class="bg-base-black" onload="load()" style="visibility: hidden;"><a
class="o-sr-skip px-4 py-2 color-mid-background hidden"
href="#main-content">Skip to main content</a>
<header class="o-header screen-tablet:layout-sidebar w-full">
<header class="o-header tablet:layout-sidebar w-full">
<div class="o-header__banner-main color-primary-button"><button
aria-controls="js-navigation" aria-pressed="false"
class="o-header__main-toggle" data-js="toggle">Menu</button>
Expand All @@ -46,24 +46,24 @@ <h1 class="o-header__main-title"><span class="hidden"></span><svg
class="o-header__logo-secondary icon-logo-nyco">
<use xlink:href="#icon-logo-nyco"></use>
</svg></h1>
<div aria-hidden="true" class="o-header__main-version">v2.3.3</div>
<div aria-hidden="true" class="o-header__main-version">v2.4.0</div>
</div>
<div class="o-header__banner-secondary color-dark-background">
<h1 class="o-header__secondary-title text-jumbo">Patterns</h1>
</div>
<div class="o-header__secondary-version color-dark-background">
<div><a class="btn flex items-center"
href="https://github.com/CityOfNewYork/nyco-patterns/tree/v2.3.3"><svg
href="https://github.com/CityOfNewYork/nyco-patterns/tree/v2.4.0"><svg
aria-hidden="true" class="icon-ui-github icon-small mr-1">
<use xlink:href="#icon-ui-github"></use>
</svg>2.3.3</a></div>
</svg>2.4.0</a></div>
</div>
</header>
<main
class="screen-tablet:layout-sidebar screen-tablet:flex items-stretch m-0 p-0 screen-tablet:min-h-screen"
class="tablet:layout-sidebar tablet:flex items-stretch m-0 p-0 tablet:min-h-screen"
id="main-content">
<aside class="o-navigation bg-primary-navy">
<div class="screen-tablet:flex hidden w-full">
<div class="tablet:flex hidden w-full">
<div class="o-navigation__wrap color-mid-background">
<div class="o-navigation__nav">
<nav><a class="o-navigation__link" href="index">Home</a><a
Expand Down Expand Up @@ -101,7 +101,7 @@ <h1 class="o-header__secondary-title text-jumbo">Patterns</h1>
</div>
</div>
</div>
<div class="screen-tablet:hidden w-full">
<div class="tablet:hidden w-full">
<div
class="o-navigation__wrap color-mid-background hidden hidden:overflowFadeInUp animated"
id="js-navigation">
Expand Down Expand Up @@ -150,11 +150,11 @@ <h1 class="o-navigation__banner-title">Patterns</h1>
</div>
</aside>
<article class="color-light-background py-2">
<div class="px-4 screen-desktop:px-6">
<div class="px-4 desktop:px-6">
<h1 class="jumbo m-0 p-0 mt-2 max-w-600 mx-auto">Animate</h1>
</div>
<section class="mt-6" id="animate">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center">
<div class="animated fadeInUp p-6 bg-base-white shadow-up">Refresh
the page to see this element's appearance animated.</div>
Expand Down Expand Up @@ -199,7 +199,7 @@ <h2 id="heading-default-animations">Default Animations</h2>
</article>
</main>
<footer
class="o-footer color-dark-background screen-tablet:layout-four-columns-gutter">
class="o-footer color-dark-background tablet:layout-four-columns-gutter">
<nav><a class="o-footer__nav-link" href="index">Home</a><a
class="o-footer__nav-link"
href="https://github.com/CityOfNewYork/nyco-patterns">GitHub
Expand Down
30 changes: 15 additions & 15 deletions dist/buttons.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,700&amp;amp;display=swap"
rel="stylesheet" />
<script type="text/javascript">
var VERSION = '2.3.3';
var VERSION = '2.4.0';
</script><noscript>
<style>
body {
Expand All @@ -34,7 +34,7 @@
<body class="bg-base-black" onload="load()" style="visibility: hidden;"><a
class="o-sr-skip px-4 py-2 color-mid-background hidden"
href="#main-content">Skip to main content</a>
<header class="o-header screen-tablet:layout-sidebar w-full">
<header class="o-header tablet:layout-sidebar w-full">
<div class="o-header__banner-main color-primary-button"><button
aria-controls="js-navigation" aria-pressed="false"
class="o-header__main-toggle" data-js="toggle">Menu</button>
Expand All @@ -46,24 +46,24 @@ <h1 class="o-header__main-title"><span class="hidden"></span><svg
class="o-header__logo-secondary icon-logo-nyco">
<use xlink:href="#icon-logo-nyco"></use>
</svg></h1>
<div aria-hidden="true" class="o-header__main-version">v2.3.3</div>
<div aria-hidden="true" class="o-header__main-version">v2.4.0</div>
</div>
<div class="o-header__banner-secondary color-dark-background">
<h1 class="o-header__secondary-title text-jumbo">Patterns</h1>
</div>
<div class="o-header__secondary-version color-dark-background">
<div><a class="btn flex items-center"
href="https://github.com/CityOfNewYork/nyco-patterns/tree/v2.3.3"><svg
href="https://github.com/CityOfNewYork/nyco-patterns/tree/v2.4.0"><svg
aria-hidden="true" class="icon-ui-github icon-small mr-1">
<use xlink:href="#icon-ui-github"></use>
</svg>2.3.3</a></div>
</svg>2.4.0</a></div>
</div>
</header>
<main
class="screen-tablet:layout-sidebar screen-tablet:flex items-stretch m-0 p-0 screen-tablet:min-h-screen"
class="tablet:layout-sidebar tablet:flex items-stretch m-0 p-0 tablet:min-h-screen"
id="main-content">
<aside class="o-navigation bg-primary-navy">
<div class="screen-tablet:flex hidden w-full">
<div class="tablet:flex hidden w-full">
<div class="o-navigation__wrap color-mid-background">
<div class="o-navigation__nav">
<nav><a class="o-navigation__link" href="index">Home</a><a
Expand Down Expand Up @@ -101,7 +101,7 @@ <h1 class="o-header__secondary-title text-jumbo">Patterns</h1>
</div>
</div>
</div>
<div class="screen-tablet:hidden w-full">
<div class="tablet:hidden w-full">
<div
class="o-navigation__wrap color-mid-background hidden hidden:overflowFadeInUp animated"
id="js-navigation">
Expand Down Expand Up @@ -150,11 +150,11 @@ <h1 class="o-navigation__banner-title">Patterns</h1>
</div>
</aside>
<article class="color-light-background py-2">
<div class="px-4 screen-desktop:px-6">
<div class="px-4 desktop:px-6">
<h1 class="jumbo m-0 p-0 mt-2 max-w-600 mx-auto">Buttons</h1>
</div>
<section class="mt-6" id="buttons">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center"><button
class="btn">Default</button></div>
</div>
Expand All @@ -181,7 +181,7 @@ <h1 class="jumbo m-0 p-0 mt-2 max-w-600 mx-auto">Buttons</h1>
</div>
</section>
<section class="mt-6" id="buttons-primary">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center"><button
class="btn color-primary-button">Submit</button></div>
</div>
Expand All @@ -200,7 +200,7 @@ <h2 id="heading-primary-button">Primary Button</h2>
</div>
</section>
<section class="mt-6" id="buttons-secondary">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center"><a
class="btn color-secondary-button">Go to Page</a></div>
</div>
Expand All @@ -219,7 +219,7 @@ <h2 id="heading-secondary-button">Secondary Button</h2>
</div>
</section>
<section class="mt-6" id="buttons-large">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center"><button
class="btn btn-large color-primary-button">Large Button</button>
</div>
Expand All @@ -236,7 +236,7 @@ <h2 id="heading-large-button">Large Button</h2>
</div>
</section>
<section class="mt-6" id="buttons-app">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center"><button
class="btn btn-app color-primary-button">Default</button></div>
</div>
Expand All @@ -256,7 +256,7 @@ <h2 id="heading-application-button">Application Button</h2>
</article>
</main>
<footer
class="o-footer color-dark-background screen-tablet:layout-four-columns-gutter">
class="o-footer color-dark-background tablet:layout-four-columns-gutter">
<nav><a class="o-footer__nav-link" href="index">Home</a><a
class="o-footer__nav-link"
href="https://github.com/CityOfNewYork/nyco-patterns">GitHub
Expand Down
26 changes: 13 additions & 13 deletions dist/charts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,700&amp;amp;display=swap"
rel="stylesheet" />
<script type="text/javascript">
var VERSION = '2.3.3';
var VERSION = '2.4.0';
</script><noscript>
<style>
body {
Expand All @@ -34,7 +34,7 @@
<body class="bg-base-black" onload="load()" style="visibility: hidden;"><a
class="o-sr-skip px-4 py-2 color-mid-background hidden"
href="#main-content">Skip to main content</a>
<header class="o-header screen-tablet:layout-sidebar w-full">
<header class="o-header tablet:layout-sidebar w-full">
<div class="o-header__banner-main color-primary-button"><button
aria-controls="js-navigation" aria-pressed="false"
class="o-header__main-toggle" data-js="toggle">Menu</button>
Expand All @@ -46,24 +46,24 @@ <h1 class="o-header__main-title"><span class="hidden"></span><svg
class="o-header__logo-secondary icon-logo-nyco">
<use xlink:href="#icon-logo-nyco"></use>
</svg></h1>
<div aria-hidden="true" class="o-header__main-version">v2.3.3</div>
<div aria-hidden="true" class="o-header__main-version">v2.4.0</div>
</div>
<div class="o-header__banner-secondary color-dark-background">
<h1 class="o-header__secondary-title text-jumbo">Patterns</h1>
</div>
<div class="o-header__secondary-version color-dark-background">
<div><a class="btn flex items-center"
href="https://github.com/CityOfNewYork/nyco-patterns/tree/v2.3.3"><svg
href="https://github.com/CityOfNewYork/nyco-patterns/tree/v2.4.0"><svg
aria-hidden="true" class="icon-ui-github icon-small mr-1">
<use xlink:href="#icon-ui-github"></use>
</svg>2.3.3</a></div>
</svg>2.4.0</a></div>
</div>
</header>
<main
class="screen-tablet:layout-sidebar screen-tablet:flex items-stretch m-0 p-0 screen-tablet:min-h-screen"
class="tablet:layout-sidebar tablet:flex items-stretch m-0 p-0 tablet:min-h-screen"
id="main-content">
<aside class="o-navigation bg-primary-navy">
<div class="screen-tablet:flex hidden w-full">
<div class="tablet:flex hidden w-full">
<div class="o-navigation__wrap color-mid-background">
<div class="o-navigation__nav">
<nav><a class="o-navigation__link" href="index">Home</a><a
Expand Down Expand Up @@ -101,7 +101,7 @@ <h1 class="o-header__secondary-title text-jumbo">Patterns</h1>
</div>
</div>
</div>
<div class="screen-tablet:hidden w-full">
<div class="tablet:hidden w-full">
<div
class="o-navigation__wrap color-mid-background hidden hidden:overflowFadeInUp animated"
id="js-navigation">
Expand Down Expand Up @@ -150,11 +150,11 @@ <h1 class="o-navigation__banner-title">Patterns</h1>
</div>
</aside>
<article class="color-light-background py-2">
<div class="px-4 screen-desktop:px-6">
<div class="px-4 desktop:px-6">
<h1 class="jumbo m-0 p-0 mt-2 max-w-600 mx-auto">Charts</h1>
</div>
<section class="mt-6" id="chart-bar">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center">
<div class="bg-base-white px-2" data-js="chart-bar">
<nyco-chart-bar :chart-data="data" :options="options">
Expand All @@ -177,7 +177,7 @@ <h2 id="heading-bar-chart">Bar Chart</h2>
</div>
</section>
<section class="mt-6" id="chart-horizontal-bar">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center">
<div class="bg-base-white px-2" data-js="chart-horizontal-bar">
<nyco-chart-horizontal-bar :chart-data="data" :options="options">
Expand All @@ -195,7 +195,7 @@ <h2 id="heading-horizontal-bar-chart">Horizontal Bar Chart</h2>
</div>
</section>
<section class="mt-6" id="chart-line">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center">
<div class="bg-base-white" data-js="chart-line">
<nyco-chart-line :chart-data="data" :options="options">
Expand Down Expand Up @@ -224,7 +224,7 @@ <h2 id="heading-line-chart">Line Chart</h2>
</article>
</main>
<footer
class="o-footer color-dark-background screen-tablet:layout-four-columns-gutter">
class="o-footer color-dark-background tablet:layout-four-columns-gutter">
<nav><a class="o-footer__nav-link" href="index">Home</a><a
class="o-footer__nav-link"
href="https://github.com/CityOfNewYork/nyco-patterns">GitHub
Expand Down
24 changes: 12 additions & 12 deletions dist/checkboxes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,700&amp;amp;display=swap"
rel="stylesheet" />
<script type="text/javascript">
var VERSION = '2.3.3';
var VERSION = '2.4.0';
</script><noscript>
<style>
body {
Expand All @@ -34,7 +34,7 @@
<body class="bg-base-black" onload="load()" style="visibility: hidden;"><a
class="o-sr-skip px-4 py-2 color-mid-background hidden"
href="#main-content">Skip to main content</a>
<header class="o-header screen-tablet:layout-sidebar w-full">
<header class="o-header tablet:layout-sidebar w-full">
<div class="o-header__banner-main color-primary-button"><button
aria-controls="js-navigation" aria-pressed="false"
class="o-header__main-toggle" data-js="toggle">Menu</button>
Expand All @@ -46,24 +46,24 @@ <h1 class="o-header__main-title"><span class="hidden"></span><svg
class="o-header__logo-secondary icon-logo-nyco">
<use xlink:href="#icon-logo-nyco"></use>
</svg></h1>
<div aria-hidden="true" class="o-header__main-version">v2.3.3</div>
<div aria-hidden="true" class="o-header__main-version">v2.4.0</div>
</div>
<div class="o-header__banner-secondary color-dark-background">
<h1 class="o-header__secondary-title text-jumbo">Patterns</h1>
</div>
<div class="o-header__secondary-version color-dark-background">
<div><a class="btn flex items-center"
href="https://github.com/CityOfNewYork/nyco-patterns/tree/v2.3.3"><svg
href="https://github.com/CityOfNewYork/nyco-patterns/tree/v2.4.0"><svg
aria-hidden="true" class="icon-ui-github icon-small mr-1">
<use xlink:href="#icon-ui-github"></use>
</svg>2.3.3</a></div>
</svg>2.4.0</a></div>
</div>
</header>
<main
class="screen-tablet:layout-sidebar screen-tablet:flex items-stretch m-0 p-0 screen-tablet:min-h-screen"
class="tablet:layout-sidebar tablet:flex items-stretch m-0 p-0 tablet:min-h-screen"
id="main-content">
<aside class="o-navigation bg-primary-navy">
<div class="screen-tablet:flex hidden w-full">
<div class="tablet:flex hidden w-full">
<div class="o-navigation__wrap color-mid-background">
<div class="o-navigation__nav">
<nav><a class="o-navigation__link" href="index">Home</a><a
Expand Down Expand Up @@ -101,7 +101,7 @@ <h1 class="o-header__secondary-title text-jumbo">Patterns</h1>
</div>
</div>
</div>
<div class="screen-tablet:hidden w-full">
<div class="tablet:hidden w-full">
<div
class="o-navigation__wrap color-mid-background hidden hidden:overflowFadeInUp animated"
id="js-navigation">
Expand Down Expand Up @@ -150,11 +150,11 @@ <h1 class="o-navigation__banner-title">Patterns</h1>
</div>
</aside>
<article class="color-light-background py-2">
<div class="px-4 screen-desktop:px-6">
<div class="px-4 desktop:px-6">
<h1 class="jumbo m-0 p-0 mt-2 max-w-600 mx-auto">Checkboxes</h1>
</div>
<section class="mt-6" id="checkboxes">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center">
<fieldset>
<legend class="mb-1">Options</legend><label class="checkbox"
Expand Down Expand Up @@ -183,7 +183,7 @@ <h1 class="jumbo m-0 p-0 mt-2 max-w-600 mx-auto">Checkboxes</h1>
</div>
</section>
<section class="mt-6" id="checkboxes-error">
<div class="bg-secondary-white-50t mb-6 p-4 screen-desktop:p-6">
<div class="bg-secondary-white-50t mb-6 p-4 desktop:p-6">
<div class="layout-wrap mx-auto flex justify-center">
<fieldset>
<legend class="mb-1">Options</legend><label class="checkbox error"
Expand All @@ -208,7 +208,7 @@ <h2 id="heading-error">Error</h2>
</article>
</main>
<footer
class="o-footer color-dark-background screen-tablet:layout-four-columns-gutter">
class="o-footer color-dark-background tablet:layout-four-columns-gutter">
<nav><a class="o-footer__nav-link" href="index">Home</a><a
class="o-footer__nav-link"
href="https://github.com/CityOfNewYork/nyco-patterns">GitHub
Expand Down
Loading

0 comments on commit 4f95040

Please sign in to comment.