Skip to content

Instantly share code, notes, and snippets.

@richcsmith

richcsmith/AMCSS Example

Last active August 29, 2015 14:06
Show Gist options
  • Save richcsmith/f004bf7a3b57840b4c50 to your computer and use it in GitHub Desktop.
Save richcsmith/f004bf7a3b57840b4c50 to your computer and use it in GitHub Desktop.
Download ZIP
Example of Markup using AMCSS
Raw
AMCSS Example
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Example of Markup using AMCSS</title>
</head>
<body>
<!-- Example Template -->
<div namespace-Module-Component="region section/layout style" id="specific-name">
<p>content</p>
</div>
<!-- Contrived Example #1 -->
<button rs-Modal-Button="forms bottom right sapphire" id="survey-form-button">
<h3>Submit</h3>
</button>
<!-- Contrived Example #2 -->
<div rs-Nav="flex graphite">
<ul rs-Nav-List="expanded">
<li rs-Nav-List-Li="fade inline"> Home </li>
<li rs-Nav-List-Li="fade inline"> About </li>
<li rs-Nav-List-Li="fade inline"> Work </li>
<li rs-Nav-List-Li="fade inline"> Contact </li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment