Skip to content
/ root Public

Root element styling (html, body, and :focus)

License

Notifications You must be signed in to change notification settings

topcoat/root

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Topcoat Root Element

Build Status npm version


Root element with default fallbacks if css variables not set.

html {
  font-size: var(base-font-size, 12px);
}

body {
  margin: 0;
  padding: 0;
  font-family: var(font-family, "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif);
  font-weight: var(font-weight, 400);
  background: var(background--body, hsla(200, 2%, 30%, 1));
}

:focus {
  outline-color: transparent;
  outline-style: none;
}