Developer Notes

• Namespacing

  • basebase-

    Prefix used for classifying library specific markup

  • ROD-

    Primary namespace for all Renew OnDemand classes

  • df-

    Secondary namespace for classing Dreamforce related components

• Repo Directories

  • BASE/ ├── css │   └── vendor ├── img │   ├── charts │   ├── snapshots │   └── thumbs ├── js │   └── vendor └── scss

  • ROD/ ├── css │   └── vendor ├── fonts │   └── dreamforce ├── img │   ├── activities │   ├── layout-screens │   └── svg ├── js │   └── vendor │   ├── highcharts │   │   ├── adapters │   │   ├── modules │   │   └── themes │   ├── i18n │   └── select2 ├── layouts └── scss

  • DF/ ├── css │   └── vendor ├── images ├── js │   └── vendor └── scss

• Grid

  • Header

    <header>

    Width: 100% edge-to-edge

    Height: 115px (includes main navigation)

  • Main Navigation

    <nav>

    Width: 66% (starts at 34% from left)

    Height: 55px (starts at 60px from top)

  • Main Content

    <main>

    Minimum width: 960px

    Width: 960px or greater includes a left/right margin of 20px

  • Footer

    <footer>