Global Style guide
#090d16 #6d6e71 #d8d8d8 #0973ba #27aae1 #f6e27f #f6f6f6 All heading styles from h1 through h6. To use you can All standard paragraphy info and styling including strong, bold, italic and emphasis.
A paragraph (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a
particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually
an expected part of formal writing, used to organize longer prose.
A paragraph (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a
particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually
an expected part of formal writing, used to organize longer prose.
A paragraph (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing
dealing with a particular point or idea. A paragraph consists of
one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.
All standard lists follow browser defaults. There is a Web Style Guide
Colors
Typography
Headings
&:extend(h1)
through &:extend(h6)
or apply .h1
through .h6
h1 Heading Level 1
h2 Heading Level 2
h3 Heading Level 3
h4 Heading Level 4
h5 Heading Level 5
h6 Heading Level 6
Example Usage
<h1>h1 Heading Level 1</h1>
Standard Copy
Lists
.reset-list
helper class to remove the bullets and numerals if needed.
Example Usage
<ul>
<li>This is a list item in an unordered list</li>
<li>
Lists can be nested inside of each other
<ul>
<li>This is a nested list item</li>
<li>This is another nested list item in an unordered list</li>
</ul>
</li>
</ul>
ul.reset-list
Example Usage
<ul class="reset-list">
<li>This is a clean list with no styles <code>ul.reset-list</code></li>
<li>This is a clean list with no styles #2</li>
</ul>
Example Usage
<ol>
<li>This is a list item in an unordered list</li>
<li>This is the last list item</li>
</ol>
Iconography
Exception: Warning: include(): Filename cannot be empty in /app/qejtaqcekwe74/app/design/frontend/Grabagun/default/Magento_Theme/templates/styleguide/styleguide.phtml on line 62
Messages
Exception: Warning: include(): Filename cannot be empty in /app/qejtaqcekwe74/app/design/frontend/Grabagun/default/Magento_Theme/templates/styleguide/styleguide.phtml on line 62
Forms
Exception: Warning: include(): Filename cannot be empty in /app/qejtaqcekwe74/app/design/frontend/Grabagun/default/Magento_Theme/templates/styleguide/styleguide.phtml on line 62
Grid
Exception: Warning: include(): Filename cannot be empty in /app/qejtaqcekwe74/app/design/frontend/Grabagun/default/Magento_Theme/templates/styleguide/styleguide.phtml on line 62
Tables
Exception: Warning: include(): Filename cannot be empty in /app/qejtaqcekwe74/app/design/frontend/Grabagun/default/Magento_Theme/templates/styleguide/styleguide.phtml on line 62
Pagination
Exception: Warning: include(): Filename cannot be empty in /app/qejtaqcekwe74/app/design/frontend/Grabagun/default/Magento_Theme/templates/styleguide/styleguide.phtml on line 62
Accordion
Exception: Warning: include(): Filename cannot be empty in /app/qejtaqcekwe74/app/design/frontend/Grabagun/default/Magento_Theme/templates/styleguide/styleguide.phtml on line 62
Product Grid
Exception: Warning: include(): Filename cannot be empty in /app/qejtaqcekwe74/app/design/frontend/Grabagun/default/Magento_Theme/templates/styleguide/styleguide.phtml on line 62
Product List
Exception: Warning: include(): Filename cannot be empty in /app/qejtaqcekwe74/app/design/frontend/Grabagun/default/Magento_Theme/templates/styleguide/styleguide.phtml on line 62