Skip to content

Instantly share code, notes, and snippets.

@pfulton
Created October 24, 2013 17:47
Show Gist options
  • Save pfulton/7141850 to your computer and use it in GitHub Desktop.
Save pfulton/7141850 to your computer and use it in GitHub Desktop.
An example of compiling options available in Sass & Compass
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.7)
// ----
@import "compass";
.content-wrap {
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
}
.content {
margin: 0 auto;
max-width: 650px;
}
h1 {
font-family: "futura-pt", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
text-transform: none;
font-size: 2.25em;
margin-bottom: 0.35em;
color: #474747;
}
h2 {
font-family: "futura-pt", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
text-transform: none;
font-size: 1.35em;
margin-bottom: 0.35em;
color: #474747;
margin-top: 0;
}
h3 {
font-family: "futura-pt", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
text-transform: none;
font-size: 1em;
margin-bottom: 0.35em;
color: #474747;
margin-top: 0;
}
p {
color: #808080;
margin-bottom: 1em;
font-size: 0.857em;
font-weight: 400;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h1, h2, h3, p {
text-align: center;
}
a {
color: #fa8c34;
text-decoration: none;
&:hover,
&:focus {
color: #D37535;
text-decoration: none;
}
}
#logo {
margin: 1em auto 0.75em auto;
width: 305px;
height: 81px;
a {
background: url(/assets/logo.png) 0 0 no-repeat;
width: 305px;
height: 81px;
display: block;
text-indent: -9999px;
}
}
.content-wrap {
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
}
.content {
margin: 0 auto;
max-width: 650px;
}
h1 {
font-family: "futura-pt", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
text-transform: none;
font-size: 2.25em;
margin-bottom: 0.35em;
color: #474747;
}
h2 {
font-family: "futura-pt", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
text-transform: none;
font-size: 1.35em;
margin-bottom: 0.35em;
color: #474747;
margin-top: 0;
}
h3 {
font-family: "futura-pt", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
text-transform: none;
font-size: 1em;
margin-bottom: 0.35em;
color: #474747;
margin-top: 0;
}
p {
color: #808080;
margin-bottom: 1em;
font-size: 0.857em;
font-weight: 400;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h1, h2, h3, p {
text-align: center;
}
a {
color: #fa8c34;
text-decoration: none;
}
a:hover, a:focus {
color: #D37535;
text-decoration: none;
}
#logo {
margin: 1em auto 0.75em auto;
width: 305px;
height: 81px;
}
#logo a {
background: url(/assets/logo.png) 0 0 no-repeat;
width: 305px;
height: 81px;
display: block;
text-indent: -9999px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment