learning_jquery/Chapter 2/02.scss

// Standardize palette.
$blue: #00c;
$red: #f00;
$anchor: #06581F;
$light: #eee;
$medium: #999;
$dark: #888;

// Ensure flexible assets location.
$images: images;

/***************************************
   Default Styles
************************************** */
a {
  font-family: Arial;
}

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

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

#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: $anchor;
}

/***************************************
   Chapter Styles
************************************** */
h2 {
  clear: left;
}

li {
  padding: 0 3px;
  color: black;
}

.horizontal {
  float: left;
  list-style: none;
  margin: 10px;
  width: 33.33%;
}

.sub-level {
  background: $light;
}

a {
  color: $blue;

  &.mailto {
    background: url(#{$images}/email.png) no-repeat right top;
    padding-right: 18px;
  }

  &.pdflink {
    background: url(#{$images}/pdf.png) no-repeat right top;
    padding-right: 18px;
  }

  &.henrylink {
    background-color: white;
    padding: 2px;
    border: 1px solid black;
  }

  &.external {
    background: white url(#{$images}/external.png) no-repeat 100% 2px;
    padding-right: 16px;
  }
}

ul.tragedy {
  border: 1px solid $medium;
}

li.afterlink {
  border-right: 4px solid #090;
}

table {
  border-collapse: collapse;
}

th, td {
  text-align: left;
  padding: 2px 4px;
}

.table-heading {
  background-color: black;
  color: white;
}

.alt {
  background-color: $light;
}

.highlight {
  font-weight: bold;
  font-style: italic;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.special {
  color: $red;
}

.year {
  background-color: $dark;
  color: white;
  padding: 0 10px;
  text-align: center;
}

/*# sourceMappingURL=02.css.map */