Sha256: 15f5bfce2ab8ee18641b626af7911aab8a07fbf67f816233508cb7830790c7e0

Contents?: true

Size: 767 Bytes

Versions: 62

Compression:

Stored size: 767 Bytes

Contents

#color-variables.style-guide__subsection

  %h3= link_to_style_guide('settings', 'color_variables')

  %p The color palette for the storefront.

  .grid.grid--auto
    - colors = %w(blue yellow red green white gray light-gray black black-alpha-50 black-alpha-15 white-alpha-50)
    - colors.each do |color|
      .grid__cell
        .style-guide__color
          .style-guide__color-swatch{ class: "style-guide__color-swatch--#{color}" }
        $#{color}

  .grid.grid--auto
    - colors = %w(transparent background-color highlight-color link-color overlay-shadow-color focus-ring-color)
    - colors.each do |color|
      .grid__cell
        .style-guide__color
          .style-guide__color-swatch{ class: "style-guide__color-swatch--#{color}" }
        $#{color}

Version data entries

62 entries across 62 versions & 1 rubygems

Version Path
workarea-storefront-3.5.27 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.5.26 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.4.45 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.5.25 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.5.23 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.4.44 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.5.22 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.4.43 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.5.21 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.4.42 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.5.20 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.4.41 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.5.19 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.4.40 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.5.18 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.4.39 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.5.17 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.4.38 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.5.16 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml
workarea-storefront-3.4.37 app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml