Sha256: f1f4dd662141140d1831c93444d2c971d24cbbf2812b416322ba88a5cecfdb5a
Contents?: true
Size: 1.79 KB
Versions: 62
Compression:
Stored size: 1.79 KB
Contents
#svg-icon.style-guide__subsection
%h3= link_to_style_guide('components', 'svg_icon')
%p should resize the icon to a default, medium size:
.grid.grid--auto.grid--huge
- style_guide_icons.each do |path|
.grid__cell
.align-center
= inline_svg path, title: File.basename(path), class: 'svg-icon'
%p= File.basename(path, '.svg')
#svg-icon--small.style-guide__subsection
%h3= link_to_style_guide('components', 'svg_icon__small')
%p should resize the icon to a smaller size:
.grid.grid--auto.grid--huge
- style_guide_icons.each do |path|
.grid__cell
.align-center
= inline_svg path, title: File.basename(path), class: 'svg-icon svg-icon--small'
%p= File.basename(path, '.svg')
#svg-icon--large.style-guide__subsection
%h3= link_to_style_guide('components', 'svg_icon__large')
%p should resize the icon to a larger size:
.grid.grid--auto.grid--huge
- style_guide_icons.each do |path|
.grid__cell
.align-center
= inline_svg path, title: File.basename(path), class: 'svg-icon svg-icon--large'
%p= File.basename(path, '.svg')
- %w(off-black blue bright-blue green bright-green red dark-gray gray light-gray off-white white link-color).each do |color|
.style-guide__subsection{ id: "svg-icon--#{color}" }
%h3= link_to_style_guide('components', "svg_icon__#{color}")
%p should change the fill color of the icon to <strong>#{color}</strong>:
.grid.grid--auto.grid--huge{ style: ('background: #303541; color: white; padding-top: 16px;' if color == 'white') }
- style_guide_icons.each do |path|
.grid__cell
.align-center
= inline_svg path, title: File.basename(path), class: "svg-icon svg-icon--#{color}"
%p= File.basename(path, '.svg')
Version data entries
62 entries across 62 versions & 1 rubygems