// SVG
// 
// This is a list of all our SVG images. We have PNG fallbacks for all of these, courtesy of Grunticon.
// 
// Styleguide 19

// SVG
// 
// Markup:
// <span class="{{modifier_class}}-dark"></span>
// 
// .icon.svg-about                          - .icon.svg-about-dark
// .icon.svg-alert                          - .icon.svg-alert-dark
// .icon.svg-arrow-down                     - .icon.svg-arrow-down-dark
// .icon.svg-arrow-right                    - .icon.svg-arrow-right-dark
// .icon.svg-calculator                     - .icon.svg-calculator-dark
// .icon.svg-close                          - .icon.svg-close-dark
// .icon.svg-cme                            - .icon.svg-cme-dark
// .icon.svg-email                     - .icon.svg-email-dark
// .icon.svg-feedback                       - .icon.svg-feedback-dark
// .icon.svg-folder                         - .icon.svg-folder-dark
// .icon.svg-follow                         - .icon.svg-follow-dark
// .icon.svg-gear                           - .icon.svg-gear-dark
// .icon.svg-hamburger                      - .icon.svg-hamburger-dark
// .icon.svg-help-outline                   - .icon.svg-help-outline-dark
// .icon.svg-help                           - .icon.svg-help-dark
// .icon.svg-image                          - .icon.svg-image-dark
// .icon.svg-link                           - .icon.svg-link-dark
// .icon.svg-list                           - .icon.svg-list-dark
// .icon.svg-more                           - .icon.svg-more-dark
// .icon.svg-next-arrow                           - .icon.svg-next-arrow-dark
// .icon.svg-prev-arrow                           - .icon.svg-prev-arrow-dark
// .icon.svg-print                          - .icon.svg-print-dark
// .icon.svg-result-list                          - .icon.svg-result-list-dark
// .icon.svg-save                           - .icon.svg-save-dark
// .icon.svg-search                         - .icon.svg-search-dark
// .icon.svg-section                        - .icon.svg-section-dark
// .icon.svg-sign-in                        - .icon.svg-sign-in-dark
// .icon.svg-toc                            - .icon.svg-toc-dark
// .icon.svg-transport-b                    - .icon.svg-transport-b-dark
// .icon.svg-transport-l                    - .icon.svg-transport-l-dark
// .icon.svg-transport-next                    - .icon.svg-transport-next-dark
// .icon.svg-transport-prev                    - .icon.svg-transport-prev-dark
// .icon.svg-transport-r                    - .icon.svg-transport-r-dark
// .icon.svg-transport-slim-b               - .icon.svg-transport-slim-b-dark
// .icon.svg-transport-slim-l               - .icon.svg-transport-slim-l-dark
// .icon.svg-transport-slim-outline-l       - .icon.svg-transport-slim-outline-l-dark
// .icon.svg-transport-slim-outline-r       - .icon.svg-transport-slim-outline-r-dark
// .icon.svg-transport-slim-r               - .icon.svg-transport-slim-r-dark
// .icon.svg-transport-slim-t               - .icon.svg-transport-slim-t-dark
// .icon.svg-transport-t                    - .icon.svg-transport-t-dark
// .icon.svg-x                              - .icon.svg-x-dark
// 
// Styleguide 19.1

// add some basic styles to icons
.icon {
	display: inline-block;
	width: 25px;
	height: 25px;

	background-position: top center;
}

[class*='svg-'] {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}