For accessibility reasons, please also note the colour of the text being used.
Only a single Page Title can exist on a page at one time. All other titles can be used multiple times.
When mixing SkyTextMedium and skyTextRegular weights, Medium should always come first.
Intro Copy (Sky Text Medium / Regular 24px 20px*)
Line-height 28px 24px*
Smaller Intro Copy (Sky Text Medium / Regular 20px)
Line-height 24px
Body text (Sky Text Medium / Regular 16px)
Line-height 20px
Instructional copy (Luna 24px)
Line-height 40px
Error
Secondary
Inactive
'Strong' tags go to medium automatically 'Small' text (relative to container)Link to a different location (same page)
Link to a different page (with a chevron)
Text on dark background is white
Links next to normal text need chevronsText on light background is black
Links next to normal text need chevronsevent.live(events, selector, eventHandler);
You can JS events on elements that have been added to the page after the JS has been loaded.
event.off(el, event, fn);
You can turn off events that were previously applied using the on method above.
el : can be a node or nodeListevent : can be an event-name or list of events (separated by spaces)fn : function to be removed when event is triggeredevent.on(el, event, fn);
You can listen for standard and custom (non-jQuery) JS events
el : can be a node or nodeListevent : can be an event-name or list of events (separated by spaces)fn : function to be called when event is triggeredevent.ready(fn);
You can detect when the document has finished loading everything except images:
Document is loading...
event.on(window, 'resizeend', fn);
You can know the moment (200ms) a user has finished resizing the browser
not re-sized.
event.trigger(el, event);
You can trigger standard and custom (non-jQuery) JS events.
el : the node of which to trigger the eventevent : Event-name to be triggeredThe detect object allows you to check for a number of browser features and states.
You can detect many css style capabilities, including:
Detect if the device supports touch.