finteractive

// ----
// 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

finteractive

<div></div>

finteractive

// ----
// 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:

finteractive

#Intro - Get to know the group#

• What's your level of CSS experience
• Do you know any programming languages?
• What's the most complex thing you've done with SASS

##How the meetup will Work##

• Each Meetup will be targeted to a specific skill level (Basic/Advanced) ideally with some hands-on time in sassmeister
• The meetup will start with a mini-demo of something at the opposite skill level of main content

finteractive

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.box {
  color: red;

  .title {
    font-size: 2em;

finteractive

// ----
// 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);

finteractive

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

//////////////////////////////
// Message Component Variable Defaults used in mixins
//////////////////////////////
 
$message-padding: 1em !default;

finteractive

<main>Stuff here</main>

finteractive

<main>Stuff here</main>

finteractive

<div class="wrapper">
<header>Header</header>

<nav>Menu Here</nav>

<main>Main Article</main>

<aside> Related stuff</aside>

<footer>Footer Bar</footer>