├── .bowerrc ├── .deploy.sh ├── .editorconfig ├── .gitignore ├── .www └── .gitkeep ├── CHANGELOG.md ├── CONTRIBUTING.md ├── Gulpfile.js ├── LICENSE.md ├── README.md ├── bower.json ├── circle.yml ├── guides ├── 01-principles │ ├── 01-introduce-cognitive │ │ └── index.md │ ├── 02-inform-interactions │ │ └── index.md │ └── 03-offer-control │ │ └── index.md ├── 02-guidelines │ ├── 01-style │ │ ├── accessibility │ │ │ └── index.md │ │ ├── color │ │ │ └── index.md │ │ ├── grids │ │ │ └── index.md │ │ └── typography │ │ │ └── index.md │ ├── 02-interaction │ │ └── animation │ │ │ └── index.md │ ├── 03-branding │ │ └── wordmark │ │ │ └── index.md │ └── user-experience │ │ └── performance │ │ └── index.md ├── 404.md ├── README.md ├── assets │ └── color │ │ └── ibm-color-palette.ase ├── images │ ├── accessibility │ │ ├── neutral-no.svg │ │ ├── neutral-yes.svg │ │ └── visual-accessibility-example.svg │ ├── color │ │ ├── dark-palette.svg │ │ ├── light-palette.svg │ │ ├── palette_grays.svg │ │ ├── palette_graysmixed.svg │ │ ├── strip_blue.svg │ │ ├── strip_green.svg │ │ ├── strip_orange.svg │ │ ├── strip_teal.svg │ │ ├── strip_yellow.svg │ │ ├── wdg_example1.svg │ │ └── wdg_example2.svg │ ├── grids │ │ ├── grids1.svg │ │ ├── grids2.svg │ │ ├── grids3.svg │ │ └── grids4.svg │ ├── homepage │ │ ├── homepage-watermark.svg │ │ └── watson-logo-t.svg │ ├── performance │ │ └── performance1.svg │ ├── principles │ │ ├── inform-four.svg │ │ ├── inform-one.svg │ │ ├── inform-three.svg │ │ ├── inform-two.svg │ │ ├── introduce-four.svg │ │ ├── introduce-one.svg │ │ ├── introduce-three.svg │ │ ├── introduce-two.svg │ │ ├── offer-four.svg │ │ ├── offer-one.svg │ │ ├── offer-three.svg │ │ └── offer-two.svg │ ├── typography │ │ ├── typeface-bold-italic.svg │ │ ├── typeface-bold.svg │ │ ├── typeface-roman-italic.svg │ │ └── typeface-roman.svg │ └── wordmark │ │ ├── logo-color-neg.svg │ │ ├── logo-color-pos.svg │ │ ├── logo.svg │ │ ├── watson_wordmark_logotype.zip │ │ ├── wordmark-color-neg.svg │ │ ├── wordmark-color-pos.svg │ │ ├── wordmark-spacing.svg │ │ ├── wordmark.svg │ │ ├── wrong-color-combination.svg │ │ ├── wrong-configuration.svg │ │ ├── wrong-distortion.svg │ │ └── wrong-font.svg ├── index.html ├── ui-patterns │ ├── 01-documentation │ │ ├── 00-getting-started │ │ │ └── index.md │ │ ├── 01-settings │ │ │ └── index.md │ │ └── animation │ │ │ └── index.md │ └── 02-patterns │ │ ├── 01-base │ │ └── index.md │ │ └── 02-components │ │ └── index.md └── videos │ ├── accessibility │ ├── motion-accessibility.mp4 │ └── motion-accessibility.webm │ ├── animation-docs │ ├── multiPropAni1.mp4 │ ├── multiPropAni1.webm │ ├── multiPropAni2.mp4 │ ├── multiPropAni2.webm │ ├── sequenceAni.mp4 │ ├── sequenceAni.webm │ ├── singlePropAni.mp4 │ └── singlePropAni.webm │ ├── animation │ ├── example-animation-1.mp4 │ ├── example-animation-1.webm │ ├── example-animation-2.mp4 │ └── example-animation-2.webm │ ├── grids │ ├── grids-responsive.mp4 │ └── grids-responsive.webm │ ├── performance │ ├── performance2.mp4 │ ├── performance2.webm │ ├── wdg--desktop.mp4 │ ├── wdg--desktop.webm │ ├── wdg--mobile.mp4 │ ├── wdg--mobile.webm │ ├── wdg-ibmd.mp4 │ └── wdg-ibmd.webm │ └── typography │ ├── responsive-typography.mp4 │ └── responsive-typography.webm ├── helper-apps ├── Install.app │ └── Contents │ │ ├── Info.plist │ │ ├── MacOS │ │ └── Application Stub │ │ ├── Resources │ │ ├── AutomatorApplet.icns │ │ ├── Dutch.lproj │ │ │ └── ApplicationStub.nib │ │ ├── English.lproj │ │ │ └── ApplicationStub.nib │ │ ├── French.lproj │ │ │ └── ApplicationStub.nib │ │ ├── German.lproj │ │ │ └── ApplicationStub.nib │ │ ├── Italian.lproj │ │ │ └── ApplicationStub.nib │ │ ├── Japanese.lproj │ │ │ └── ApplicationStub.nib │ │ ├── Spanish.lproj │ │ │ └── ApplicationStub.nib │ │ ├── ar.lproj │ │ │ └── ApplicationStub.nib │ │ ├── ca.lproj │ │ │ └── ApplicationStub.nib │ │ ├── cs.lproj │ │ │ └── ApplicationStub.nib │ │ ├── da.lproj │ │ │ └── ApplicationStub.nib │ │ ├── el.lproj │ │ │ └── ApplicationStub.nib │ │ ├── es_MX.lproj │ │ │ └── ApplicationStub.nib │ │ ├── fi.lproj │ │ │ └── ApplicationStub.nib │ │ ├── he.lproj │ │ │ └── ApplicationStub.nib │ │ ├── hr.lproj │ │ │ └── ApplicationStub.nib │ │ ├── hu.lproj │ │ │ └── ApplicationStub.nib │ │ ├── id.lproj │ │ │ └── ApplicationStub.nib │ │ ├── ko.lproj │ │ │ └── ApplicationStub.nib │ │ ├── ms.lproj │ │ │ └── ApplicationStub.nib │ │ ├── no.lproj │ │ │ └── ApplicationStub.nib │ │ ├── pl.lproj │ │ │ └── ApplicationStub.nib │ │ ├── pt.lproj │ │ │ └── ApplicationStub.nib │ │ ├── pt_PT.lproj │ │ │ └── ApplicationStub.nib │ │ ├── ro.lproj │ │ │ └── ApplicationStub.nib │ │ ├── ru.lproj │ │ │ └── ApplicationStub.nib │ │ ├── sk.lproj │ │ │ └── ApplicationStub.nib │ │ ├── sv.lproj │ │ │ └── ApplicationStub.nib │ │ ├── th.lproj │ │ │ └── ApplicationStub.nib │ │ ├── tr.lproj │ │ │ └── ApplicationStub.nib │ │ ├── uk.lproj │ │ │ └── ApplicationStub.nib │ │ ├── vi.lproj │ │ │ └── ApplicationStub.nib │ │ ├── zh_CN.lproj │ │ │ └── ApplicationStub.nib │ │ └── zh_TW.lproj │ │ │ └── ApplicationStub.nib │ │ └── document.wflow ├── README.md └── Start Server.app │ └── Contents │ ├── Info.plist │ ├── MacOS │ └── Application Stub │ ├── Resources │ ├── AutomatorApplet.icns │ ├── Dutch.lproj │ │ └── ApplicationStub.nib │ ├── English.lproj │ │ └── ApplicationStub.nib │ ├── French.lproj │ │ └── ApplicationStub.nib │ ├── German.lproj │ │ └── ApplicationStub.nib │ ├── Italian.lproj │ │ └── ApplicationStub.nib │ ├── Japanese.lproj │ │ └── ApplicationStub.nib │ ├── Spanish.lproj │ │ └── ApplicationStub.nib │ ├── ar.lproj │ │ └── ApplicationStub.nib │ ├── ca.lproj │ │ └── ApplicationStub.nib │ ├── cs.lproj │ │ └── ApplicationStub.nib │ ├── da.lproj │ │ └── ApplicationStub.nib │ ├── el.lproj │ │ └── ApplicationStub.nib │ ├── es_MX.lproj │ │ └── ApplicationStub.nib │ ├── fi.lproj │ │ └── ApplicationStub.nib │ ├── he.lproj │ │ └── ApplicationStub.nib │ ├── hr.lproj │ │ └── ApplicationStub.nib │ ├── hu.lproj │ │ └── ApplicationStub.nib │ ├── id.lproj │ │ └── ApplicationStub.nib │ ├── ko.lproj │ │ └── ApplicationStub.nib │ ├── ms.lproj │ │ └── ApplicationStub.nib │ ├── no.lproj │ │ └── ApplicationStub.nib │ ├── pl.lproj │ │ └── ApplicationStub.nib │ ├── pt.lproj │ │ └── ApplicationStub.nib │ ├── pt_PT.lproj │ │ └── ApplicationStub.nib │ ├── ro.lproj │ │ └── ApplicationStub.nib │ ├── ru.lproj │ │ └── ApplicationStub.nib │ ├── sk.lproj │ │ └── ApplicationStub.nib │ ├── sv.lproj │ │ └── ApplicationStub.nib │ ├── th.lproj │ │ └── ApplicationStub.nib │ ├── tr.lproj │ │ └── ApplicationStub.nib │ ├── uk.lproj │ │ └── ApplicationStub.nib │ ├── vi.lproj │ │ └── ApplicationStub.nib │ ├── zh_CN.lproj │ │ └── ApplicationStub.nib │ └── zh_TW.lproj │ │ └── ApplicationStub.nib │ └── document.wflow ├── package.json ├── patterns ├── _watson-patterns.scss ├── base │ ├── .gitkeep │ ├── README.md │ ├── _index.scss │ ├── a │ │ ├── README.md │ │ ├── a.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _a.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── blockquote │ │ ├── README.md │ │ ├── blockquote.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _blockquote.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── body │ │ ├── README.md │ │ ├── body.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _body.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── button │ │ ├── README.md │ │ ├── button.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _button.css │ │ │ ├── _button.css.map │ │ │ ├── _button.scss │ │ │ └── partials │ │ │ ├── _extends.css │ │ │ ├── _extends.css.map │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── checkbox │ │ ├── README.md │ │ ├── checkbox.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _checkbox.scss │ │ │ └── partials │ │ │ ├── _extends.css │ │ │ ├── _extends.css.map │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── code │ │ ├── README.md │ │ ├── code.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _code.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── em │ │ ├── README.md │ │ ├── em.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _em.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── h1 │ │ ├── README.md │ │ ├── h1.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _h1.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── h2 │ │ ├── README.md │ │ ├── h2.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _h2.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── h3 │ │ ├── README.md │ │ ├── h3.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _h3.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── h4 │ │ ├── README.md │ │ ├── h4.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _h4.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── h5 │ │ ├── README.md │ │ ├── h5.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _h5.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── h6 │ │ ├── README.md │ │ ├── h6.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _h6.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--color │ │ ├── README.md │ │ ├── input--color.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--color.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--date │ │ ├── README.md │ │ ├── input--date.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--date.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--datetime-local │ │ ├── README.md │ │ ├── input--datetime-local.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--datetime-local.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--email │ │ ├── README.md │ │ ├── input--email.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--email.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--file │ │ ├── README.md │ │ ├── input--file.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--file.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--hidden │ │ ├── README.md │ │ ├── input--hidden.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--hidden.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--month │ │ ├── README.md │ │ ├── input--month.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--month.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--number │ │ ├── README.md │ │ ├── input--number.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--number.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--password │ │ ├── README.md │ │ ├── input--password.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--password.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--range │ │ ├── README.md │ │ ├── input--range.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--range.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--search │ │ ├── README.md │ │ ├── input--search.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--search.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--tel │ │ ├── README.md │ │ ├── input--tel.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--tel.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--text │ │ ├── README.md │ │ ├── input--text.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--text.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--time │ │ ├── README.md │ │ ├── input--time.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--time.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--url │ │ ├── README.md │ │ ├── input--url.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--url.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input--week │ │ ├── README.md │ │ ├── input--week.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input--week.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── input │ │ ├── README.md │ │ ├── input.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _input.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── label │ │ ├── README.md │ │ ├── label.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _label.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── ol │ │ ├── README.md │ │ ├── ol.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _ol.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── p │ │ ├── README.md │ │ ├── p.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _p.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── pre │ │ ├── README.md │ │ ├── pattern.yml │ │ ├── pre.html │ │ └── sass │ │ │ ├── _pre.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── radio │ │ ├── README.md │ │ ├── pattern.yml │ │ ├── radio.html │ │ └── sass │ │ │ ├── _radio.scss │ │ │ └── partials │ │ │ ├── _extends.css │ │ │ ├── _extends.css.map │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── select │ │ ├── README.md │ │ ├── pattern.yml │ │ ├── sass │ │ │ ├── _select.scss │ │ │ └── partials │ │ │ │ ├── _extends.scss │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _settings.scss │ │ │ │ └── _vars.scss │ │ └── select.html │ ├── strong │ │ ├── README.md │ │ ├── pattern.yml │ │ ├── sass │ │ │ ├── _strong.scss │ │ │ └── partials │ │ │ │ ├── _extends.scss │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _settings.scss │ │ │ │ └── _vars.scss │ │ └── strong.html │ ├── table │ │ ├── README.md │ │ ├── pattern.yml │ │ ├── sass │ │ │ ├── _table.css │ │ │ ├── _table.css.map │ │ │ ├── _table.scss │ │ │ └── partials │ │ │ │ ├── _extends.css │ │ │ │ ├── _extends.css.map │ │ │ │ ├── _extends.scss │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _settings.scss │ │ │ │ └── _vars.scss │ │ └── table.html │ ├── textarea │ │ ├── README.md │ │ ├── pattern.yml │ │ ├── sass │ │ │ ├── _textarea.scss │ │ │ └── partials │ │ │ │ ├── _extends.scss │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _settings.scss │ │ │ │ └── _vars.scss │ │ └── textarea.html │ └── ul │ │ ├── README.md │ │ ├── pattern.yml │ │ ├── sass │ │ ├── _ul.scss │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ │ └── ul.html ├── components │ ├── .gitkeep │ ├── README.md │ ├── _index.scss │ ├── loading-indicator │ │ ├── README.md │ │ ├── images │ │ │ ├── loading-indicator-min.svg │ │ │ ├── loading-indicator.gif │ │ │ └── loading-indicator.svg │ │ ├── js │ │ │ └── modernizr.svg-smil.min.js │ │ ├── loading-indicator.html │ │ ├── pattern.yml │ │ └── sass │ │ │ ├── _loading-indicator.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ ├── radiogroup │ │ ├── README.md │ │ ├── pattern.yml │ │ ├── radiogroup.html │ │ └── sass │ │ │ ├── _radiogroup.scss │ │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ └── syntax-highlighting │ │ ├── README.md │ │ ├── pattern.yml │ │ ├── sass │ │ ├── _syntax-highlighting.scss │ │ └── partials │ │ │ ├── _extends.scss │ │ │ ├── _mixins.scss │ │ │ ├── _settings.scss │ │ │ └── _vars.scss │ │ └── syntax-highlighting.html ├── core │ ├── .gitkeep │ ├── README.md │ └── sass │ │ ├── _extends.scss │ │ ├── _functions.scss │ │ ├── _index.scss │ │ ├── _mixins.scss │ │ ├── _plugins.scss │ │ ├── _settings.scss │ │ ├── _variables.scss │ │ ├── extends │ │ ├── .gitkeep │ │ └── _typography.scss │ │ ├── functions │ │ ├── _str-replace.scss │ │ ├── _svg.scss │ │ ├── _triangle.scss │ │ └── _url-encode.scss │ │ ├── mixins │ │ ├── .gitkeep │ │ └── _animations.scss │ │ ├── settings │ │ ├── _colors.scss │ │ └── _typography.scss │ │ └── variables │ │ ├── _animations.scss │ │ └── _typography.scss └── layouts │ ├── .gitkeep │ ├── README.md │ └── _index.scss └── site ├── .gitkeep ├── README.md ├── config ├── .gitkeep ├── README.md ├── js.yaml └── site.yaml ├── fonts └── wdg │ ├── selection.json │ ├── wdg.eot │ ├── wdg.svg │ ├── wdg.ttf │ └── wdg.woff ├── images └── library │ ├── favicon.ico │ └── wordmark-header.svg ├── js ├── liga.js └── prism-activate.js ├── sass ├── components │ ├── _a11y.scss │ ├── _aside.scss │ ├── _banner.scss │ ├── _cite.scss │ ├── _color.scss │ ├── _detail.scss │ ├── _example.scss │ ├── _footer.scss │ ├── _home.scss │ ├── _icon.scss │ ├── _main-content.scss │ ├── _main-nav.scss │ ├── _page-children.scss │ ├── _pattern.scss │ ├── _resources.scss │ ├── _subnav.scss │ ├── _what-is.scss │ └── _wordmark.scss ├── layouts │ └── _library.scss └── style.scss └── templates ├── _layout.html ├── _pattern.html └── subcontent ├── _aside.html ├── _color.html ├── _detail.html ├── _example.html ├── _media.html └── _quote.html /.bowerrc: -------------------------------------------------------------------------------- 1 | { 2 | "directory": "bower_components/" 3 | } 4 | -------------------------------------------------------------------------------- /.deploy.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | ######################### 4 | ## Adapted from https://gist.github.com/domenic/ec8b0fc8ab45f39403dd 5 | ######################### 6 | set -e # exit with nonzero exit code if anything fails 7 | 8 | # Move to build folder and init it 9 | cd .www 10 | git init 11 | 12 | # Configure Git 13 | git config user.name "Travis CI" 14 | git config user.email "sam.richard@us.ibm.com" 15 | 16 | # Commit all the things into the repo 17 | git add . 18 | git commit -m ":shipit: Deploy to GitHub Pages" 19 | 20 | # Force push to gh-pages 21 | git push --force "https://${GH_TOKEN}@${GH_REF}" master:gh-pages > /dev/null 2>&1 22 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # editorconfig.org 4 | 5 | root = true 6 | 7 | 8 | [*] 9 | 10 | # Change these settings to your own preference 11 | indent_style = space 12 | indent_size = 2 13 | 14 | # We recommend you to keep these unchanged 15 | end_of_line = lf 16 | charset = utf-8 17 | trim_trailing_whitespace = true 18 | insert_final_newline = true 19 | 20 | [*.md] 21 | trim_trailing_whitespace = false 22 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .vagrant/ 2 | .www/ 3 | .tmp/ 4 | .DS_Store 5 | bower_components 6 | node_modules/ 7 | -------------------------------------------------------------------------------- /.www/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/.www/.gitkeep -------------------------------------------------------------------------------- /Gulpfile.js: -------------------------------------------------------------------------------- 1 | require('runner')(); 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Watson Design Guide [![Circle CI Build Status](https://circleci.com/gh/IBM-Watson/design-guide/tree/develop.svg?style=svg)](https://circleci.com/gh/IBM-Watson/design-guide/tree/develop) 2 | 3 | 4 | ## Getting Started 5 | 6 | Development on the Watson Design Guide is done in this repository. Patterns are developed in the `patterns/` folder, with enhancements to the guides done in `guides/` and enhancements to the site itself done in the `site/` folder. The design guide runs off of the [Watson Runner](https://github.com/IBM-Watson/runner), so work on that should be done there. 7 | 8 | ## Working with the Design Guide 9 | 10 | Development is done through Node. Please refer to the [Developing for the Design Guide](https://github.com/IBM-Watson/design-guide/wiki/Developing-for-the-Design-Guide) wiki article for how to get started and how to work on the Design Guide. 11 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "watson-design-guide", 3 | "version": "1.1.0", 4 | "homepage": "https://github.com/IBM-Watson/design-library", 5 | "authors": [ 6 | "Sam Richard ", 7 | "Una Kravets ", 8 | "Jessica Tremblay ", 9 | "Ryan Brownhill ", 10 | "Robyn Hammond ", 11 | "Josh Kimmell " 12 | ], 13 | "description": "Design guidelines and patterns for creating sites and applications with IBM Watson", 14 | "main": "patterns/_watson-patterns.scss", 15 | "license": ["Apache 2.0", "CC-BY 4.0"], 16 | "ignore": [ 17 | "**/.*", 18 | "!.bowerrc", 19 | "node_modules", 20 | "bower_components", 21 | "test", 22 | "tests", 23 | "helper-apps", 24 | "site", 25 | "Gulpfile.js", 26 | "package.json" 27 | ], 28 | "dependencies": { 29 | "sass-toolkit": "~2.9.0", 30 | "ibm-colors": "~1.4", 31 | "modular-scale": "~2.0.7", 32 | "breakpoint-sass": "~2.5.0", 33 | "prism": "*" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /circle.yml: -------------------------------------------------------------------------------- 1 | machine: 2 | node: 3 | version: 0.12.0 4 | deployment: 5 | production: 6 | branch: master 7 | commands: 8 | - ./.deploy.sh 9 | -------------------------------------------------------------------------------- /guides/404.md: -------------------------------------------------------------------------------- 1 | --- 2 | type: 3 | title: "404 - We're sorry. Looks like that page doesn't exist." 4 | --- 5 | 6 | Try one of these instead: 7 | 8 | ### Principles 9 | 10 | Watson design principles provide the foundation for designing excellent cognitive experiences for users. 11 | 12 | Principles (go) 13 | 14 | 15 | ### Guidelines 16 | 17 | These style, interaction, and branding guides offer detailed recommendations for elements like color, motion, and wordmark. 18 | 19 | Guidelines (go) 20 | 21 | ### UI Patterns 22 | 23 | The UI pattern library contains the resources for building Watson user interfaces, including basic HTML elements and more complex components. 24 | 25 | UI Patterns (go) 26 | -------------------------------------------------------------------------------- /guides/README.md: -------------------------------------------------------------------------------- 1 | # Language 2 | 3 | Content for the Watson Design Language. This includes our design principles and style guides. 4 | -------------------------------------------------------------------------------- /guides/assets/color/ibm-color-palette.ase: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/assets/color/ibm-color-palette.ase -------------------------------------------------------------------------------- /guides/images/color/dark-palette.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /guides/images/color/light-palette.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /guides/images/color/palette_grays.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /guides/images/color/palette_graysmixed.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /guides/images/color/strip_blue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /guides/images/color/strip_green.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /guides/images/color/strip_orange.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /guides/images/color/strip_teal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /guides/images/color/strip_yellow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /guides/images/grids/grids1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /guides/images/grids/grids3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /guides/images/wordmark/watson_wordmark_logotype.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/images/wordmark/watson_wordmark_logotype.zip -------------------------------------------------------------------------------- /guides/ui-patterns/02-patterns/01-base/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | type: guideline 3 | title: Base Elements 4 | --- 5 | 6 | Base elements are HTML tags without additional specificity (*e.g.* `a` and `h1`, not `.link` or `.header`) and root level pseudo-elements (*e.g.* `::selection`, `::root`), as well as any custom CSS resetting (*e.g.* making images fluid, setting `box-sizing: border-box` for all elements). A combination of elements is used to create larger components and layouts. 7 | -------------------------------------------------------------------------------- /guides/ui-patterns/02-patterns/02-components/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | type: guideline 3 | title: Components 4 | --- 5 | 6 | Components are [self-contained interface items](http://pointnorth.io/#components) that are used to view and/or interact with content. Navigation and search are examples of components. A combination of elements and components is used to create larger layouts. Components should adapt to [available features](http://www.filamentgroup.com/lab/grade-the-components.html) and their own size. Explore [eq.js](https://github.com/snugug/eq.js) for more information about responsive components. 7 | -------------------------------------------------------------------------------- /guides/videos/accessibility/motion-accessibility.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/accessibility/motion-accessibility.mp4 -------------------------------------------------------------------------------- /guides/videos/accessibility/motion-accessibility.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/accessibility/motion-accessibility.webm -------------------------------------------------------------------------------- /guides/videos/animation-docs/multiPropAni1.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation-docs/multiPropAni1.mp4 -------------------------------------------------------------------------------- /guides/videos/animation-docs/multiPropAni1.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation-docs/multiPropAni1.webm -------------------------------------------------------------------------------- /guides/videos/animation-docs/multiPropAni2.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation-docs/multiPropAni2.mp4 -------------------------------------------------------------------------------- /guides/videos/animation-docs/multiPropAni2.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation-docs/multiPropAni2.webm -------------------------------------------------------------------------------- /guides/videos/animation-docs/sequenceAni.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation-docs/sequenceAni.mp4 -------------------------------------------------------------------------------- /guides/videos/animation-docs/sequenceAni.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation-docs/sequenceAni.webm -------------------------------------------------------------------------------- /guides/videos/animation-docs/singlePropAni.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation-docs/singlePropAni.mp4 -------------------------------------------------------------------------------- /guides/videos/animation-docs/singlePropAni.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation-docs/singlePropAni.webm -------------------------------------------------------------------------------- /guides/videos/animation/example-animation-1.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation/example-animation-1.mp4 -------------------------------------------------------------------------------- /guides/videos/animation/example-animation-1.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation/example-animation-1.webm -------------------------------------------------------------------------------- /guides/videos/animation/example-animation-2.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation/example-animation-2.mp4 -------------------------------------------------------------------------------- /guides/videos/animation/example-animation-2.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/animation/example-animation-2.webm -------------------------------------------------------------------------------- /guides/videos/grids/grids-responsive.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/grids/grids-responsive.mp4 -------------------------------------------------------------------------------- /guides/videos/grids/grids-responsive.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/grids/grids-responsive.webm -------------------------------------------------------------------------------- /guides/videos/performance/performance2.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/performance/performance2.mp4 -------------------------------------------------------------------------------- /guides/videos/performance/performance2.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/performance/performance2.webm -------------------------------------------------------------------------------- /guides/videos/performance/wdg--desktop.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/performance/wdg--desktop.mp4 -------------------------------------------------------------------------------- /guides/videos/performance/wdg--desktop.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/performance/wdg--desktop.webm -------------------------------------------------------------------------------- /guides/videos/performance/wdg--mobile.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/performance/wdg--mobile.mp4 -------------------------------------------------------------------------------- /guides/videos/performance/wdg--mobile.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/performance/wdg--mobile.webm -------------------------------------------------------------------------------- /guides/videos/performance/wdg-ibmd.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/performance/wdg-ibmd.mp4 -------------------------------------------------------------------------------- /guides/videos/performance/wdg-ibmd.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/performance/wdg-ibmd.webm -------------------------------------------------------------------------------- /guides/videos/typography/responsive-typography.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/typography/responsive-typography.mp4 -------------------------------------------------------------------------------- /guides/videos/typography/responsive-typography.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/guides/videos/typography/responsive-typography.webm -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/MacOS/Application Stub: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/MacOS/Application Stub -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/AutomatorApplet.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/AutomatorApplet.icns -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/Dutch.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/Dutch.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/English.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/English.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/French.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/French.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/German.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/German.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/Italian.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/Italian.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/Japanese.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/Japanese.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/Spanish.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/Spanish.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/ar.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/ar.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/ca.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/ca.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/cs.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/cs.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/da.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/da.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/el.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/el.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/es_MX.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/es_MX.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/fi.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/fi.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/he.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/he.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/hr.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/hr.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/hu.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/hu.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/id.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/id.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/ko.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/ko.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/ms.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/ms.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/no.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/no.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/pl.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/pl.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/pt.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/pt.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/pt_PT.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/pt_PT.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/ro.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/ro.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/ru.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/ru.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/sk.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/sk.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/sv.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/sv.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/th.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/th.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/tr.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/tr.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/uk.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/uk.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/vi.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/vi.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/zh_CN.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/zh_CN.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Install.app/Contents/Resources/zh_TW.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Install.app/Contents/Resources/zh_TW.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/README.md: -------------------------------------------------------------------------------- 1 | # Helper Apps 2 | 3 | These are a handful of helper apps that can be run and will automatically run the appropriate commands, removing the need to know the specific commands for each item. They will only work on OSX machines. They will try to use [iTerm 2](http://iterm2.com/), and if that's not available, they will use Terminal. Each command can also be run on its own in a terminal of choice. 4 | 5 | * **Install** - `npm install -g gulp && npm install` 6 | * **Start Server** - `gulp` 7 | 8 | -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/MacOS/Application Stub: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/MacOS/Application Stub -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/AutomatorApplet.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/AutomatorApplet.icns -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/Dutch.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/Dutch.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/English.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/English.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/French.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/French.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/German.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/German.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/Italian.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/Italian.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/Japanese.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/Japanese.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/Spanish.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/Spanish.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/ar.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/ar.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/ca.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/ca.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/cs.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/cs.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/da.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/da.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/el.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/el.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/es_MX.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/es_MX.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/fi.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/fi.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/he.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/he.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/hr.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/hr.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/hu.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/hu.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/id.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/id.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/ko.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/ko.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/ms.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/ms.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/no.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/no.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/pl.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/pl.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/pt.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/pt.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/pt_PT.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/pt_PT.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/ro.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/ro.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/ru.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/ru.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/sk.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/sk.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/sv.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/sv.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/th.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/th.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/tr.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/tr.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/uk.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/uk.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/vi.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/vi.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/zh_CN.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/zh_CN.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /helper-apps/Start Server.app/Contents/Resources/zh_TW.lproj/ApplicationStub.nib: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/helper-apps/Start Server.app/Contents/Resources/zh_TW.lproj/ApplicationStub.nib -------------------------------------------------------------------------------- /patterns/_watson-patterns.scss: -------------------------------------------------------------------------------- 1 | ////////////////////////////// 2 | // Core 3 | ////////////////////////////// 4 | @import 'core/sass'; 5 | 6 | ////////////////////////////// 7 | // Reset 8 | ////////////////////////////// 9 | @import 'toolkit/reset'; 10 | 11 | ////////////////////////////// 12 | // Base Elements 13 | ////////////////////////////// 14 | @import 'base'; 15 | 16 | ////////////////////////////// 17 | // Components 18 | ////////////////////////////// 19 | @import 'components'; 20 | 21 | ////////////////////////////// 22 | // Layouts 23 | ////////////////////////////// 24 | @import 'layouts'; 25 | -------------------------------------------------------------------------------- /patterns/base/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/patterns/base/.gitkeep -------------------------------------------------------------------------------- /patterns/base/README.md: -------------------------------------------------------------------------------- 1 | # Base Elements 2 | 3 | Base elements are HTML tags without additional specificity (*e.g.* `a` and `h1`, not `.link` or `.header`) and root level pseudo-elements *(*e.g.* `::selection`, `::root`), as well as any custom CSS resetting (*e.g.* making images fluid, setting `box-sizing: border-box` for all elements). -------------------------------------------------------------------------------- /patterns/base/a/README.md: -------------------------------------------------------------------------------- 1 | Anchor link, ``, is the base styling for a link 2 | -------------------------------------------------------------------------------- /patterns/base/a/a.html: -------------------------------------------------------------------------------- 1 | {{ text }} 2 | -------------------------------------------------------------------------------- /patterns/base/a/pattern.yml: -------------------------------------------------------------------------------- 1 | name: Anchor link 2 | description: Tag to define a hyperlink 3 | displayTemplate: pattern 4 | applicationMethods: 5 | - code: '.base--a' 6 | description: 'Add this class to an element' 7 | - code: '.base--STYLED a' 8 | description: '`` tag inside a class of `.base--STYLED`' 9 | - code: '%base--a' 10 | description: 'Extend this silent selector through Sass' 11 | - code: '`@include base--a([$color: null, $background: null])' 12 | description: 'Include mixin to customize links. `$color` is text color and defaults to `primary color` setting, `$background` is background color link will be on and defaults to `background color` setting.' 13 | settings: 14 | - setting: primary color 15 | description: Link color 16 | - setting: background color 17 | description: Assists with creating illusion of cleared descenders for underline 18 | - setting: bold weight font 19 | description: Weight of link 20 | variables: 21 | text: Link to something 22 | -------------------------------------------------------------------------------- /patterns/base/a/sass/_a.scss: -------------------------------------------------------------------------------- 1 | // @import '../../../core/sass/core'; 2 | 3 | @import 'partials/vars'; 4 | @import 'partials/settings'; 5 | @import 'partials/mixins'; 6 | @import 'partials/extends'; 7 | 8 | .base--a, 9 | .base--STYLED a { 10 | @extend %base--a; 11 | } 12 | -------------------------------------------------------------------------------- /patterns/base/a/sass/partials/_extends.scss: -------------------------------------------------------------------------------- 1 | %base--a { 2 | @include base--a; 3 | } 4 | -------------------------------------------------------------------------------- /patterns/base/a/sass/partials/_mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin base--a($color: null, $background: null) { 2 | $color: setting-pick('primary color', $color); 3 | $background: setting-pick('background color', $background); 4 | 5 | color: $color; 6 | font-weight: setting-get('bold weight font'); 7 | 8 | @include underline($background, $color); 9 | 10 | &:hover, 11 | &:focus { 12 | color: color-shade($color, 20); 13 | @include underline($background, color-shade($color, 20)); 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /patterns/base/a/sass/partials/_settings.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/patterns/base/a/sass/partials/_settings.scss -------------------------------------------------------------------------------- /patterns/base/a/sass/partials/_vars.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/patterns/base/a/sass/partials/_vars.scss -------------------------------------------------------------------------------- /patterns/base/blockquote/README.md: -------------------------------------------------------------------------------- 1 | A blockquote, `
`, indicates that the enclosed text is an extended quotation 2 | -------------------------------------------------------------------------------- /patterns/base/blockquote/blockquote.html: -------------------------------------------------------------------------------- 1 |
2 |

{{ quote }}

3 |

{{ citation }}

4 |
5 | -------------------------------------------------------------------------------- /patterns/base/blockquote/pattern.yml: -------------------------------------------------------------------------------- 1 | name: Blockquote 2 | description: An extended quotation 3 | displayTemplate: pattern 4 | applicationMethods: 5 | - code: '.base--blockquote' 6 | description: 'Add this class to an element' 7 | - code: '.base--STYLED blockquote' 8 | description: '`
` tag inside a class of `.base--STYLED`' 9 | - code: '%base--blockquote' 10 | description: 'Extend this silent selector through Sass' 11 | settings: 12 | - setting: secondary color 13 | description: Left border of quote 14 | variables: 15 | quote: "When you are courting a nice girl an hour seems like a second. When you sit on a red-hot cinder a second seems like an hour. That's relativity." 16 | citation: "Albert Einstein" 17 | -------------------------------------------------------------------------------- /patterns/base/blockquote/sass/_blockquote.scss: -------------------------------------------------------------------------------- 1 | // @import '../../../core/sass/core'; 2 | 3 | @import 'partials/vars'; 4 | @import 'partials/settings'; 5 | @import 'partials/mixins'; 6 | @import 'partials/extends'; 7 | 8 | .base--blockquote, 9 | .base--STYLED blockquote { 10 | @extend %base--blockquote; 11 | } 12 | -------------------------------------------------------------------------------- /patterns/base/blockquote/sass/partials/_extends.scss: -------------------------------------------------------------------------------- 1 | %base--blockquote { 2 | padding: 0em 1.5em; 3 | margin-right: 1em; 4 | margin-left: 1em; 5 | font-style: italic; 6 | color: color('grayscale', 80); 7 | border-left: .25em solid setting-get('secondary accent color'); 8 | } 9 | -------------------------------------------------------------------------------- /patterns/base/blockquote/sass/partials/_mixins.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/patterns/base/blockquote/sass/partials/_mixins.scss -------------------------------------------------------------------------------- /patterns/base/blockquote/sass/partials/_settings.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/patterns/base/blockquote/sass/partials/_settings.scss -------------------------------------------------------------------------------- /patterns/base/blockquote/sass/partials/_vars.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/patterns/base/blockquote/sass/partials/_vars.scss -------------------------------------------------------------------------------- /patterns/base/body/README.md: -------------------------------------------------------------------------------- 1 | The `` tag defines the body of the document, which contains all of its content. 2 | -------------------------------------------------------------------------------- /patterns/base/body/body.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /patterns/base/body/pattern.yml: -------------------------------------------------------------------------------- 1 | name: Body 2 | description: The body of the document which contains all of its content 3 | displayTemplate: pattern 4 | applicationMethods: 5 | - code: body 6 | description: Applied to the `` tag 7 | settings: 8 | - setting: sans serif font 9 | description: Font family for site 10 | - setting: light weight font 11 | description: Font weight for light weight fonts. Used as default for whole site. 12 | - setting: rhythm 13 | description: Vertical rhythm of items (`margin-top`) 14 | - setting: background color 15 | description: Color of site's background 16 | - setting: text color 17 | description: Color of site's main body text 18 | -------------------------------------------------------------------------------- /patterns/base/body/sass/_body.scss: -------------------------------------------------------------------------------- 1 | // @import '../../../core/sass/core'; 2 | 3 | @import 'partials/vars'; 4 | @import 'partials/settings'; 5 | @import 'partials/mixins'; 6 | @import 'partials/extends'; 7 | 8 | body { 9 | @extend %body--typography; 10 | 11 | background: setting-get('background color'); 12 | color: setting-get('text color'); 13 | 14 | * + * { 15 | margin-top: setting-get('rhythm'); 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /patterns/base/body/sass/partials/_extends.scss: -------------------------------------------------------------------------------- 1 | %body--typography { 2 | @extend %font--sans; 3 | @extend %base--font-weight !optional; 4 | line-height: 1.5; 5 | } 6 | -------------------------------------------------------------------------------- /patterns/base/body/sass/partials/_mixins.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/patterns/base/body/sass/partials/_mixins.scss -------------------------------------------------------------------------------- /patterns/base/body/sass/partials/_settings.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/patterns/base/body/sass/partials/_settings.scss -------------------------------------------------------------------------------- /patterns/base/body/sass/partials/_vars.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IBM-Watson/design-guide/9da98515076994898a55e837425a49524c53ed60/patterns/base/body/sass/partials/_vars.scss -------------------------------------------------------------------------------- /patterns/base/button/README.md: -------------------------------------------------------------------------------- 1 | Button, ` 4 | 5 | {% endfor %} 6 | -------------------------------------------------------------------------------- /patterns/base/button/pattern.yml: -------------------------------------------------------------------------------- 1 | name: Button 2 | description: A button element to trigger an action 3 | displayTemplate: pattern 4 | applicationMethods: 5 | - code: '.base--button' 6 | description: 'Add this class to an element' 7 | - code: '.base--STYLED button' 8 | description: '`