commit fff8ebd40312cc86ed0d77dc8fa55647f7162456 Author: Dan Barber Date: Sun Feb 10 20:45:51 2013 +0000 Initial commit. Code pulled from tubestatus. diff --git a/_bourbon-mobile.scss b/_bourbon-mobile.scss new file mode 100644 index 0000000..2f5b0d2 --- /dev/null +++ b/_bourbon-mobile.scss @@ -0,0 +1,8 @@ +* { + margin: 0; + padding: 0; + @include box-sizing(border-box); +} + +@import "includes/loader"; +@import "includes/header"; diff --git a/includes/_header.scss b/includes/_header.scss new file mode 100644 index 0000000..177e973 --- /dev/null +++ b/includes/_header.scss @@ -0,0 +1,21 @@ +.header { + position: fixed; + width: 100%; + @include box-shadow(0 2px 3px rgba(0, 0, 0, 0.5)); + color: white; + height: 2.5em; + padding-top: 0.45em; + h1 { + text-align: center; + font-size: 1.3em; + font-weight: normal; + text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); + } +} + +@mixin header($color) { + background: $color; + border-bottom: 1px solid darken($color, 15%); + @include linear-gradient(lighten($color, 40%), darken($color, 5%)); + @extend .header; +} diff --git a/includes/_loader.scss b/includes/_loader.scss new file mode 100644 index 0000000..389b558 --- /dev/null +++ b/includes/_loader.scss @@ -0,0 +1,12 @@ +#loader { + position: fixed; + top: 45%; + left: 50%; + width: 52px; + height: 52px; + margin: -26px 0 0 -26px; + background: black url(../images/loader.gif) center center no-repeat; + border-radius: 26px; + opacity: 0.7; + display: none; +}