Skip to content

Instantly share code, notes, and snippets.

@theotherzach

theotherzach/size_selector.haml

Created April 20, 2016 02:53
Show Gist options
  • Save theotherzach/e56401581a42887da2c70ec6f38616de to your computer and use it in GitHub Desktop.
Save theotherzach/e56401581a42887da2c70ec6f38616de to your computer and use it in GitHub Desktop.
Download ZIP
Raw
size_selector.haml
#app
%vue-size-selector{ sizes: @sizes }
%script#vue-size-selector{ type: "x-template" }
.sizeSelector
.sizeSelector__header
CHOOSE A SIZE: {{ currentSize.dimensions }}
%ul.sizeSelector__grid
%li{ v: { for: "size in sizes" } }
%span{ "@click" => "currentSize = size" }
{{ size.name }}
.sizeSelector__footer
%span.sizeSelector__price {{ currentSize.price | currency }}
%button ADD TO CART
.sizeSelector__financing {{ currentSize.financing }}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment