| <html> | |
| <body> | |
| <div class="message-box">Hey Something happened</div> | |
| <div class="message-box--success">Yay something worked!</div> | |
| <div class="message-box--error">Warning Something is bad here <a href="#">Details</a></div> | |
| <footer>© 2014 - Someone <a href="#">legal link</a></a> </footer> | |
| </body> | |
| </html> |
| <body> | |
| <article> | |
| <h1>Title</h1> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod lacus nec sapien aliquet sollicitudin. Sed varius tempor lacus a varius. Nunc rutrum sollicitudin lectus, eleifend pretium lectus mollis quis. Aliquam suscipit ac nibh vel vehicula. Nam tellus nunc, euismod eu sodales in, feugiat eget justo. Suspendisse non orci a turpis imperdiet placerat sit amet quis nisi. Integer eu posuere dolor, a condimentum sem. Vestibulum rutrum lectus ut sem mollis, et placerat felis semper. Nam eu nulla non ante ullamcorper luctus. Curabitur at adipiscing ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing tellus et augue elementum auctor. Aliquam a elit commodo, fringilla ligula vel, malesuada augue. Quisque fermentum congue urna ut varius. Morbi ut auctor nibh</p> | |
| </article> | |
| <aside> | |
| <h2>Aside Title</h2> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. uismod lacus ne |
| <html> | |
| <body> | |
| <article> | |
| <div class="youtube-video"> | |
| <iframe width="400px" height="300px" | |
| src="https://www.youtube.com/embed/INscMGmhmX4"> | |
| </iframe> | |
| </div> |
| <div class="l-region-2cols--1-2"> | |
| <div class="panel-pane"> | |
| <h2 class="panel-title">Tardar Sauce</h2> | |
| <div class="panel-content">Grumpy Cat, real name Tardar Sauce, is a cat and Internet celebrity known for her grumpy facial expression. Her owner Tabatha Bundesen says that her permanently grumpy-looking face is due to feline dwarfism.</div> | |
| </div> | |
| <div class="panel-pane"> | |
| <h2 class="panel-title">Tardar Sauce</h2> | |
| <div class="panel-content">Grumpy Cat, real name Tardar Sauce, is a cat and Internet celebrity known for her grumpy facial expression. Her owner Tabatha Bundesen says that her permanently grumpy-looking face is due to feline dwarfism.</div> |
| // ---- | |
| // Sass (v3.3.6) | |
| // Compass (v) | |
| // Breakpoint (v) | |
| // ---- | |
| /// INITIALIZE SOME VARIABLES THAT WOULD NORMALLY | |
| // BE IN EXTERNAL FILES | |
| // | |
| // mytheme/sass/components/_call-to-action.scss |
| <div></div> |
| // ---- | |
| // Sass (v3.3.8) | |
| // Compass (v1.0.0.alpha.19) | |
| // ---- | |
| $star-width: 40px; | |
| $star-height: 40px; | |
| $star-margin: 10px; | |
| // default width to derive ratios from: |
#Intro - Get to know the group#
##How the meetup will Work##
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| .box { | |
| color: red; | |
| .title { | |
| font-size: 2em; |
| // ---- | |
| // Sass (v3.3.10) | |
| // Compass (v1.0.0.alpha.20) | |
| // ---- | |
| $green-dark: rgb(8,16,8); | |
| $green-medium: rgb(35,104,21); | |
| $green-light: rgb(58,177,55); | |
| $blue-dark: rgb(8,60,89); |