Style guide

The style guide provides a model of message of default of Merch and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content.


Treatment of typography

Merch pays special attention to the typography and the type of treatment, which really highlights and complements its content on all devices.

Item one

Title two

Item three

Item four

Title five
Title six

BLOCKQUOTE

The blockquote is used to indicate that the appointment of a large part of the text from another source.

Those of us who had spent the night there is no mood for coffee and Donuts, we wanted strong drink. After all, we were the absolute cream of the national sports media.


The joint list items

  • Element of the list without ordering one
  • Article two of the unordered list
    1. He ordered the list one item
    2. He ordered the list two element
      • Element of the list without ordering one
      • Article two of the unordered list
        1. He ordered the list one item
        2. He ordered the list two element
        3. He ordered the list three element
      • List item three unordered
    3. He ordered the list three element
  • List item three unordered

Format code

table of contents of .entry {}
	width: 100%;
	TH {}
	    text - align: left;
	    padding: 1em;
            background color: $summer-dress;
	}
	TD {}
	    padding: 1em;
	}
	{TR. Even}
	    background color: escala-color($summer-dress, $lightness: 60%);
	}
}

Table styles

Beatle Instrument Song
John Lennon Guitar A day in the life
George Harrison Guitar Old Brown Shoe
Paul McCartney Bass Helter Skelter
Ringo Starr Drums of I do not moves

Tap
Image centered with subtitles

 

Right alignment

DeathtoStock_Nashville8Diam arcu quia nostra! SIDS reiciendis velit, ullamcorper! PROIN? Incidunt sunt architect, EU ea, on proin animi? Quo! A minimum! Lorem consectetuer see? Iusto, similique. Illum dolorem consequat in wobbly! Veniam, itaque maecenas duis, mollit quaerat! A former City exercitationem luctus, ea, quo distinctio fair? Optio dolorum, tempus! Faucibus.

Left alignment

DeathtoStock_Nashville3Diam arcu quia nostra! SIDS reiciendis velit, ullamcorper! PROIN? Incidunt sunt architect, EU ea, on proin animi? Quo! A minimum! Lorem consectetuer see? Iusto, similique. Illum dolorem consequat in wobbly! Veniam, itaque maecenas duis, mollit quaerat! A former City exercitationem luctus, ea, quo distinctio fair? Optio dolorum, tempus! Faucibus.