learning_jquery/Chapter 4/04.scss

$black: #000;
$white: #fff;
$darkfg: #06581f;
$medium: #777;
$highlight: #ff0;

/***************************************
   Default Styles
************************************** */

html, body {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5% Verdana, Helvetica, Arial, sans-serif;
  color: $black;
  background: $white;
  opacity: 0;
}

#container {
  font-size: 1.2em;
  margin: 10px 2em;
}

h1 {
  font-size: 2.5em;
  margin-bottom: 0;
}

h2 {
  font-size: 1.3em;
  margin-bottom: .5em;
}
h3 {
  font-size: 1.1em;
  margin-bottom: 0;
}

code {
  font-size: 1.2em;
}

a {
  color: $darkfg;
}

/***************************************
   Chapter Styles
************************************** */

#switcher {
  width: 300px;
  padding: .5em;
  border: 1px solid $medium;
}

.label {
  width: 130px;
  margin: .5em 0;
  cursor: pointer;
}

.highlighted {
  background-color: $highlight;
}