Pages
Welcome Getting Started Code Guidelines Logo Internal Tools Copy & Voice
Components
Blockquotes Buttons Helpers Icons Checkboxes Radio Buttons Text Inputs Responsive Tooltips Color Variables Layer Variables Typography Variables Visibility
Snippets
Recommendation Swiper
Internal Resources
Adorama UX Google Drive Alfred Shortcuts (On GDrive)
Tools
Alfred Charles Web Server for Chrome

UX Toolkit for Adorama: ISO

Control branding and themeing for all sites under the Adorama brand.

or read the docs

What is ISO?

ISO is Adorama's UX Toolkit that provides everything needed to write fast, efficient and consistent CSS. We use Sass to help us write all of our CSS. ISO is deployed to this repo on Bitbucket.

What does ISO do?

ISO is a repository for presentational CSS, helpful functions, mixins and documentation for how to write CSS. The code from ISO gets distributed to all platforms in the Adorama brand. Any default styling and resets come from ISO along with brand color overrides. ISO is NOT a place to keep single use styles for one specific style. If a style is reusable, it goes in ISO.

How to contribute to ISO?

  • 🤓 All feature requests should be made as a pull request. Never commit directly to master.
  • ➡️ The distribution of ISO (compiled CSS + Sass working files) can be found in the dist branch.
  • 👀 The documentation site can be found in the site branch.
  • 💡 Update the version number in package.json before the update is pushed.
  • ➡️ Run grunt build to build the docs.
  • 🚚 Upload the _site folder to Adorama's FTP: col/styleguide/. You can overwrite all of the files.