• It seems like these could be a single line if Icon style is selected
• I think the columned layout works for the Text style

Coloured -> Colored

I was initially confused with Show Menu Title as I was anticipating for it to show/hide the menu trigger. Maybe we can make this clearer in saying page title. Open to suggestions:

• Show Menu Title -> Show Current Page Title

Options:

• 2 Column
• 4 Column

• Reproducible if you refresh the page, or initial loading of the page
• Possibly an issue on other page types

Currently:
big_text_typography changes both Header Text and Gallery Text Elements.

Revised:

• Create a new typography variable with font-family,font-size,line-height, color(maybe)
• Only effects Text elements in Galleries
• Left aligned
• Responsive behaviour: Retain user size on desktop/wide resolutions and use sensible font-size on mobile, e.g. 16px. Alternatively, we can scale down the user's font size using a multiplier

In the screenshot: "Untitled Custom Page" is selected, and should be the only one styled with the selected CSS

We should be more descriptive with this, rather than keeping it to text. I'm thinking label might work here, or maybe Page Link Label. 2 instances of it:

• id: listing_caption_text
  label: Collection Captions Text
  

• id: listing_caption_text_font
  label: Collection Captions Text
  

Note that any option aside from Collection Frame Size: None shows the cover image in an odd way, with Collection Layout: Columns.

Text -> Menu Button Label

• 1 then 2 columns -> Mixed Sizes
• 2 columns -> Grid

We have yet to roll out improvements to our Store layouts, and that includes retina store images. We should stick to the native resolution for now, 200x200.

Currently:
big_text_typography applies to both Galleries and Collections

Revised:

• Create a variable specific for Gallery pages, with same options
• Create a variable specific for Collections, with same options
• Variable only changes the sizing for Header Text elements in their respective pages

From the screenshot: Headline is an H2

• Enable Show Menu Button
• Clear Menu Button Label
• Note that the menu can't be opened with just the menu icon.

• http://garry-ing.format-staging.com/work#images-5 -> http://garry-ing.format-staging.com/work#5
• We should stick to just having the number index

• Original: https://upload.wikimedia.org/wikipedia/commons/a/ab/Logo_TV_2015.png
• You'll need to manual type image into the Logo Type variable in order to switch into the image logo

We have a rule to only reference "caption" in labels if they are directly related to Gallery item captions. For Collections, we should be refering to them as Page Link:

• Collection Captions Text -> Page Link Text
• Collection Captions Font -> Page Link Font
• Collection Captions Font Size -> Page Link Font Size

There might be other instances of this.

We haven't taken a good look at how captions are being treated in the slideshow. A few thoughts:

• Left align the block, like how it is presented in the gallery grid
• Set a width/max-width so that we avoid really long line-lengths
• Move the block further up so that it's not close to the bottom of the viewport

• Indentation: 2 spaces
• Remove extra spaces/indents
• Remove any extra comments around functionality that we don't utilize
• Remove any unused variables/logic
• Remove extra CSS/SCSS declarations
• Remove extra JS/Libs that are not in use

• I believe the Submit button is missing some style properties
• We should check Proofing inputs as well
• Is it intended that the inputs be as large as they are now?

Captions are reserved for Gallery items.

When a user navigates to the last item in a gallery, they still presented a right-cursor, which doesn't change the item. Should we intent for someone to navigate back to the first item if they have reached the last?

We should avoid having multi-page-type variables. I think it would be sensible to split this variable for each page-type.

• Navigate to http://lvh.me:9293/blog/travelling-to-nyc
• Click on a thumbnail to invoke the lightbox
• Note the image does not load
• From a brief inspection: We use Fancybox for blog image overlays, which might be conflicting with the version we're using in galleries

This can be replicated if you load http://slate.format.com, navigate to /collection, in Themebuilder and navigate to a Collection page. Note that the image is presented as a full-width gallery image, but it fades out on hover. Should be revise this to behave like they do in gallery pages?

• Open site
• Scroll down, note the menu disappears as expected
• Scroll back to the top
• Note that the menu disappears when one has returned to the top of the document and can't be opened if one is at the top of the page

• Our browser support is iOS 9 and above
• Regardless if there is a label, the menu trigger doesn't open the menu

Our browser support is IE11 and above

• http://maxim-siebert.format-staging.com
• Source images
• Compose page contents

• 2x1 -> Rows
• Masonry -> Columns
• 1x2 -> Mixed

• I think the speed of the zoom can be increased. Maybe match the speed of the menu open animation?
• If the easing is linear, we should see if we can use something else. Again, maybe it's worth referencing the menu open animation

We're anticipating issues with IE11 and older versions of iOS with regards to use of flexbox. We should prefix any instances of flexbox, and corresponding properties, where applicable.

Note we don't have an autoprefixer for themes.

Reproduce:

• View site at a small resolution
• Open menu
• Open any menu group
• Note that one can't scroll on the menu that extends beyond the bottom of the viewport.

Check that the boolean logic matches for Full-Width Collection Layout.
true: Collections expand to the left/right edges
false: Space between left/right edges