Skip to content

Latest commit

 

History

History
349 lines (347 loc) · 11.8 KB

variables.md

File metadata and controls

349 lines (347 loc) · 11.8 KB

Localgov Base theme variable names

(Extracted from css/)

  • --alert-banner-bg-color
  • --alert-banner-bg-color-major
  • --alert-banner-bg-color-minor
  • --alert-banner-bg-color-notable-person
  • --alert-banner-close-border
  • --alert-banner-close-border-color
  • --alert-banner-close-button-bg-color
  • --alert-banner-close-button-border-color
  • --alert-banner-close-button-color
  • --alert-banner-close-padding-horizontal
  • --alert-banner-close-padding-vertical
  • --alert-banner-color
  • --alert-banner-color-minor
  • --alert-banner-focus-color
  • --alert-banner-inner-margin-horizontal
  • --alert-banner-inner-margin-vertical
  • --alert-banner-inner-padding-horizontal
  • --alert-banner-inner-padding-vertical
  • --alert-banner-minor-border-color
  • --alert-banner-minor-color
  • --alert-banner-title-color-announcement
  • --alert-banner-title-color-major
  • --alert-banner-title-color-minor
  • --alert-banner-title-color-notable-person
  • --banner-content-bg-color
  • --banner-content-margin
  • --banner-content-padding
  • --banner-content-text-color
  • --banner-content-width
  • --banner-title-size
  • --blog-author-content-margin
  • --blog-author-image-width
  • --border
  • --border-color
  • --border-color-alert
  • --border-color-dark
  • --border-dark
  • --border-large
  • --border-radius
  • --border-style
  • --border-width
  • --border-width-large
  • --box-link-border
  • --box-link-content-spacing
  • --breadcrumbs-background-color
  • --breadcrumbs-border
  • --breadcrumbs-divider
  • --breadcrumbs-font-size
  • --breadcrumbs-link-color
  • --breadcrumbs-padding-horizontal
  • --breadcrumbs-padding-vertical
  • --breadcrumbs-spacing-bottom
  • --btn-start-bg-color
  • --btn-start-bg-color-hover
  • --btn-start-border
  • --btn-start-border-color-hover
  • --btn-start-color
  • --btn-start-color-hover
  • --btn-start-icon
  • --btn-start-icon-size
  • --btn-start-icon-top
  • --btn-start-padding-horizontal
  • --btn-start-padding-vertical
  • --button-bg-color
  • --button-bg-color-hover
  • --button-border-color
  • --button-border-radius
  • --button-font-family
  • --button-icon-color
  • --button-icon-color-hover
  • --button-link-bg-color
  • --button-link-bg-color-hover
  • --button-link-color
  • --button-link-color-hover
  • --button-link-padding
  • --button-padding-horizontal
  • --button-padding-vertical
  • --button-text-color
  • --button-text-color-hover
  • --call-out-box-bg-color
  • --call-out-box-link-padding
  • --call-out-box-padding
  • --call-out-box-text-color
  • --call-out-box-title-color
  • --checkbox-select-focus-color
  • --checkbox-select-outline-color
  • --color-accent
  • --color-accent-2
  • --color-black
  • --color-blue
  • --color-danger
  • --color-focus
  • --color-footer-link
  • --color-footer-text
  • --color-green
  • --color-grey-dark
  • --color-grey-light
  • --color-grey-lighter
  • --color-grey-lightest
  • --color-grey-medium
  • --color-info
  • --color-link
  • --color-minor
  • --color-orange
  • --color-page-section-background-color-1
  • --color-page-section-background-color-1-box-link-background-color
  • --color-page-section-background-color-1-box-link-border-color
  • --color-page-section-background-color-1-box-link-link-color
  • --color-page-section-background-color-1-box-link-text-color
  • --color-page-section-background-color-1-featured-subsite-background-color
  • --color-page-section-background-color-1-featured-subsite-link-color
  • --color-page-section-background-color-1-featured-subsite-text-color
  • --color-page-section-background-color-1-link-color
  • --color-page-section-background-color-1-newsroom-teaser-background-color
  • --color-page-section-background-color-1-newsroom-teaser-link-color
  • --color-page-section-background-color-1-newsroom-teaser-text-color
  • --color-page-section-background-color-1-text-color
  • --color-page-section-background-color-2
  • --color-page-section-background-color-2-box-link-background-color
  • --color-page-section-background-color-2-box-link-border-color
  • --color-page-section-background-color-2-box-link-link-color
  • --color-page-section-background-color-2-box-link-text-color
  • --color-page-section-background-color-2-featured-subsite-background-color
  • --color-page-section-background-color-2-featured-subsite-link-color
  • --color-page-section-background-color-2-featured-subsite-text-color
  • --color-page-section-background-color-2-link-color
  • --color-page-section-background-color-2-newsroom-teaser-background-color
  • --color-page-section-background-color-2-newsroom-teaser-link-color
  • --color-page-section-background-color-2-newsroom-teaser-text-color
  • --color-page-section-background-color-2-text-color
  • --color-page-section-background-color-3
  • --color-page-section-background-color-3-box-link-background-color
  • --color-page-section-background-color-3-box-link-border-color
  • --color-page-section-background-color-3-box-link-link-color
  • --color-page-section-background-color-3-box-link-text-color
  • --color-page-section-background-color-3-featured-subsite-background-color
  • --color-page-section-background-color-3-featured-subsite-link-color
  • --color-page-section-background-color-3-featured-subsite-text-color
  • --color-page-section-background-color-3-link-color
  • --color-page-section-background-color-3-newsroom-teaser-background-color
  • --color-page-section-background-color-3-newsroom-teaser-link-color
  • --color-page-section-background-color-3-newsroom-teaser-text-color
  • --color-page-section-background-color-3-text-color
  • --color-post-footer-link
  • --color-post-footer-text
  • --color-pre-footer-link
  • --color-pre-footer-text
  • --color-red
  • --color-section-footer-bg
  • --color-section-header-bg
  • --color-section-post-footer-bg
  • --color-section-pre-footer-bg
  • --color-slogan
  • --color-success
  • --color-text
  • --color-warning
  • --color-white
  • --color-yellow
  • --external-link-icon-color
  • --fact-box-bg-accent
  • --fact-box-bg-dark
  • --fact-box-bg-light
  • --fact-box-blue
  • --fact-box-border
  • --fact-box-border-color
  • --fact-box-fact
  • --fact-box-padding-horizontal
  • --fact-box-padding-vertical
  • --fact-box-red
  • --fact-box-text-color-accent
  • --fact-box-title
  • --featured-subsite-bg-color
  • --featured-teaser-border
  • --featured-teaser-content-padding
  • --fieldset-border-color
  • --file-upload-bg-hover-color
  • --file-upload-border
  • --file-upload-border-color
  • --file-upload-border-left-size
  • --file-upload-text-hover-color
  • --font-heading-1
  • --font-heading-2
  • --font-heading-3
  • --font-heading-4
  • --font-heading-5
  • --font-heading-6
  • --font-primary
  • --font-secondary
  • --font-size
  • --font-size-h1
  • --font-size-h2
  • --font-size-h3
  • --font-size-h4
  • --font-size-h5
  • --font-size-h6
  • --font-size-large
  • --font-size-larger
  • --font-size-largest
  • --font-size-medium
  • --font-size-small
  • --font-size-smaller
  • --font-size-smallest
  • --form-item-description-bg-color
  • --form-item-description-border
  • --grid-column-spacing
  • --guide-nav-column-count
  • --header-link-color
  • --header-logo-width
  • --header-search-button-bg-color
  • --header-search-button-bg-color-hover
  • --header-search-button-color
  • --header-search-button-color-hover
  • --header-search-input-border
  • --header-services-button-bg-color
  • --header-services-button-bg-color-hover
  • --header-services-button-border
  • --header-services-button-border-color
  • --header-services-button-color
  • --header-services-button-color-hover
  • --heading-1-color
  • --heading-1-font-weight
  • --heading-1-line-height
  • --heading-2-color
  • --heading-2-font-weight
  • --heading-2-line-height
  • --heading-3-color
  • --heading-3-font-weight
  • --heading-3-line-height
  • --heading-4-color
  • --heading-4-font-weight
  • --heading-4-line-height
  • --heading-5-color
  • --heading-5-font-weight
  • --heading-5-line-height
  • --heading-6-color
  • --heading-6-font-weight
  • --heading-6-line-height
  • --heading-font-weight
  • --ia-block-bg-color
  • --ia-block-bg-color-promoted
  • --image-with-caption-bg-color
  • --image-with-caption-border
  • --image-with-caption-border-color
  • --image-with-caption-padding
  • --input-bg-color
  • --input-bg-color-hover
  • --input-border-color
  • --input-border-color-hover
  • --input-border-radius
  • --input-icon-color
  • --input-icon-color-hover
  • --input-padding-horizontal
  • --input-padding-vertical
  • --input-text-color
  • --input-text-color-hover
  • --leaflet-map-outline-stroke-colour
  • --line-height
  • --link-and-summary-title-icon-margin
  • --link-icon-margin
  • --news-category-spacing
  • --newsroom-featured-bottom-space
  • --option-bg-color
  • --option-bg-hover-color
  • --option-color
  • --option-hover-color
  • --page-title-border
  • --page-title-lede-font-size
  • --page-title-width
  • --quote-author-color
  • --quote-bg-color
  • --quote-border
  • --quote-border-color
  • --quote-padding
  • --quote-padding-left
  • --radio-select-focus-color
  • --radio-select-outline-color
  • --search-results-item-spacing
  • --search-results-list-item-border
  • --search-results-list-item-marker-color
  • --secondary-menu-bg-color-first
  • --secondary-menu-bg-color-second
  • --secondary-menu-column-count
  • --secondary-menu-link-color
  • --secondary-menu-link-color-focus
  • --section-spacing-horizontal-guide-nav
  • --section-spacing-vertical-footer
  • --section-spacing-vertical-guide-nav
  • --section-spacing-vertical-header
  • --section-spacing-vertical-post-footer
  • --section-spacing-vertical-pre-footer
  • --service-statuses-container-bg-color
  • --service-statuses-container-text-color
  • --service-statuses-list-bg-color
  • --service-statuses-list-border
  • --service-statuses-list-border-color
  • --service-statuses-list-spacing
  • --service-statuses-padding
  • --sidebar-exposed-form-bg-color
  • --sidebar-exposed-form-item-spacing
  • --sidebar-exposed-form-padding-horizontal
  • --sidebar-exposed-form-padding-vertical
  • --sitewide-search-header-container-padding-horizontal
  • --sitewide-search-header-container-padding-vertical
  • --spacing
  • --spacing-large
  • --spacing-larger
  • --spacing-largest
  • --spacing-mega
  • --spacing-padding-horizontal
  • --spacing-small
  • --spacing-smaller
  • --spacing-smallest
  • --step-by-step-active-bullet-bg-color
  • --step-by-step-active-bullet-border-color
  • --step-by-step-active-item-color
  • --step-by-step-line-joining-items-border
  • --step-by-step-line-joining-items-color
  • --step-by-step-nav-block-width
  • --step-by-step-part-of-color
  • --step-by-step-relationship-border-color
  • --table-bg-color
  • --table-border
  • --table-padding
  • --tabs-border
  • --tabs-border-color
  • --tabs-button-active-color
  • --tabs-button-bg-color
  • --tabs-button-font-family
  • --tabs-button-font-size
  • --tabs-text-color
  • --teaser-featured-border
  • --teaser-featured-border-color
  • --teaser-featured-content-padding
  • --teaser-featured-height
  • --teaser-image-with
  • --text-input-font-family
  • --transition-time
  • --vertical-rhythm-spacing
  • --width-container
  • --width-extra-large
  • --width-large
  • --width-medium
  • --width-mega
  • --width-restricted-width-section
  • --width-small