lion 0.0.1 → 0.0.3

data/lib/src/public/stylesheets/scss/lib/core.scss

@@ -0,0 +1,32 @@
+/* --------------------------------------------------------------
+ * Gravity CSS
+ * Version 0.1
+ * Developed by: Owain Lewis
+ * www.owainlewis.com
+ * License: MIT
+ * http://www.opensource.org/licenses/mit-license.php
+ *-------------------------------------------------------------- */
+
+//Base
+@import "settings";
+@import "reset";
+
+//Mixins
+@import "mixins";
+
+//Typography
+@import "typography/elements";
+@import "typography/headings";
+
+//Layout
+@import "layout/grid";
+
+//Forms
+@import "helpers/forms";
+
+//Tables
+@import "helpers/tables";
+
+//Misc
+@import "helpers/buttons";
+@import "helpers/classes";

data/lib/src/public/stylesheets/scss/lib/css3/background-clip.scss

@@ -0,0 +1,4 @@
+@mixin background-clip($clip) {
+  -webkit-background-clip: $clip;
+  -moz-background-clip: $clip;
+  background-clip: $clip; }

data/lib/src/public/stylesheets/scss/lib/css3/border-radius.scss

@@ -0,0 +1,4 @@
+@mixin border-radius($radius: 5px) {
+  -webkit-border-radius: $radius;
+  -moz-border-radius: $radius;
+  border-radius: $radius; }

data/lib/src/public/stylesheets/scss/lib/css3/box-shadow.scss

@@ -0,0 +1,4 @@
+@mixin box-shadow($shadow: 0 1px 3px rgba(0, 0, 0, 0.25)) {
+  -webkit-box-shadow: $shadow;
+  -moz-box-shadow: $shadow;
+  box-shadow: $shadow; }

data/lib/src/public/stylesheets/scss/lib/css3/columns.scss

@@ -0,0 +1,7 @@
+@mixin content-columns($columnCount, $columnGap: 20px) {
+  -webkit-column-count: $columnCount;
+  -moz-column-count: $columnCount;
+  column-count: $columnCount;
+  -webkit-column-gap: $columnGap;
+  -moz-column-gap: $columnGap;
+  column-gap: $columnGap; }

data/lib/src/public/stylesheets/scss/lib/css3/font-face.scss

@@ -0,0 +1,7 @@
+@mixin fontFace($name, $src: fonts) {
+  @font-face {
+    font-family: "FontName";
+    src: url("$src/$name.eot");
+    src: url("$src/$name.eot?iefix") format("eot"), url("$src/$name.woff") format("woff"), url("$src/$name.ttf") format("truetype"), url("$src/$name.svg#webfontZam02nTh") format("svg");
+    font-weight: normal;
+    font-style: normal; } }

data/lib/src/public/stylesheets/scss/lib/css3/gradient.scss

@@ -0,0 +1,51 @@
+@mixin gradient($from: #111111, $to: #333333) {
+  background: $from;
+  /* for non-css3 browsers */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to');
+  /* for IE */
+  background: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
+  /* for webkit browsers */
+  background: -moz-linear-gradient(top, $from, $to);
+  /* for firefox 3.6+ */ }
+
+@mixin horizontal-gradient ($startColor: #555, $endColor: #333) {
+  background-color: $endColor;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, right top, from($startColor), to($endColor)); // Konqueror
+  background-image: -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+
+  background-image: -ms-linear-gradient(left, $startColor, $endColor); // IE10
+  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, $startColor), color-stop(100%, $endColor)); // Safari 4+, Chrome 2+
+  background-image: -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+
+  background-image: -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
+  background-image: linear-gradient(left, $startColor, $endColor); // Le standard
+}
+@mixin vertical-gradient ($startColor: #555, $endColor: #333) {
+  background-color: $endColor;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from($startColor), to($endColor)); // Konqueror
+  background-image: -moz-linear-gradient($startColor, $endColor); // FF 3.6+
+  background-image: -ms-linear-gradient($startColor, $endColor); // IE10
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $startColor), color-stop(100%, $endColor)); // Safari 4+, Chrome 2+
+  background-image: -webkit-linear-gradient($startColor, $endColor); // Safari 5.1+, Chrome 10+
+  background-image: -o-linear-gradient($startColor, $endColor); // Opera 11.10
+  background-image: linear-gradient($startColor, $endColor); // The standard
+}
+@mixin directional-graident ($startColor: #555, $endColor: #333, $deg: 45deg) {
+  background-color: $endColor;
+  background-repeat: repeat-x;
+  background-image: -moz-linear-gradient($deg, $startColor, $endColor); // FF 3.6+
+  background-image: -ms-linear-gradient($deg, $startColor, $endColor); // IE10
+  background-image: -webkit-linear-gradient($deg, $startColor, $endColor); // Safari 5.1+, Chrome 10+
+  background-image: -o-linear-gradient($deg, $startColor, $endColor); // Opera 11.10
+  background-image: linear-gradient($deg, $startColor, $endColor); // The standard
+}
+@mixin vertical-three-color-gradient($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) {
+  background-color: $endColor;
+  background-repeat: no-repeat;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor));
+  background-image: -webkit-linear-gradient($startColor, $midColor $colorStop, $endColor);
+  background-image: -moz-linear-gradient($startColor, $midColor $colorStop, $endColor);
+  background-image: -ms-linear-gradient($startColor, $midColor $colorStop, $endColor);
+  background-image: -o-linear-gradient($startColor, $midColor $colorStop, $endColor);
+  background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);
+}

data/lib/src/public/stylesheets/scss/lib/css3/opacity.scss

@@ -0,0 +1,5 @@
+@mixin opacity($opacity: 100) {
+  filter: alpha(opacity = $opacity);
+  -khtml-opacity: $opacity / 100;
+  -moz-opacity: $opacity / 100;
+  opacity: $opacity / 100; }

data/lib/src/public/stylesheets/scss/lib/css3/rotate.scss

@@ -0,0 +1,9 @@
+@mixin rotate($angle) {
+  -moz-transform: rotate($angle);
+  -webkit-transform: rotate($angle);
+  -o-transform: rotate($angle);
+  -ms-transform: rotate($angle);
+  transform: rotate($angle);
+  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($angle)}, M12=-#{sin($angle)}, M21=#{sin($angle)}, M22=#{cos($angle)});
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($angle)}, M12=-#{sin($angle)}, M21=#{sin($angle)}, M22=#{cos($angle)})";
+  zoom: 1; }

data/lib/src/public/stylesheets/scss/lib/css3/text-shadow.scss

@@ -0,0 +1,2 @@
+@mixin textShadow($x-axis: 1px, $y-axis: 1px, $casting: 1px, $color: white) {
+  text-shadow: $x-axis $y-axis $casting $color; }

data/lib/src/public/stylesheets/scss/lib/css3/transition.scss

@@ -0,0 +1,9 @@
+@mixin transition($property: all, $duration: 0.5s, $function: ease-in-out) {
+  -moz-transition: $property $duration $function;
+  /* FF3.7+ */
+  -o-transition: $property $duration $function;
+  /* Opera 10.5 */
+  -webkit-transition: $property $duration $function;
+  /* Saf3.2+, Chrome */
+  transition: $property $duration $function; }
+

data/lib/src/public/stylesheets/scss/lib/helpers/buttons.scss

@@ -0,0 +1,24 @@
+@mixin button($color: #cccccc, $text_color: #333333, $width: 80px) {
+  @include border-radius(4px);
+  @include gradient(lighten($color, 10%), $color);
+  cursor: pointer;
+  font-weight: bold;
+  color: $text_color;
+  display: inline-block;
+  border: 1px solid darken($color, 5%);
+  text-align: center;
+  padding: 4px 12px;
+  margin: 0 10px 20px 0;
+  @if $width {
+    min-width: $width; }
+  &:hover {
+    @include gradient(lighten($color, 5%), lighten($color, 10%)); } }
+
+.button, input.button {
+  @include button; }
+
+.button.main {
+  @include button(#049cdb, white); }
+
+.button.delete {
+  @include button(#9d261d, white); }

data/lib/src/public/stylesheets/scss/lib/helpers/classes.scss

@@ -0,0 +1,18 @@
+.wrap {
+  width: $width;
+  margin: 0 auto; }
+
+.clear {
+  clear: both; }
+
+.center {
+  text-align: center; }
+
+.uppercase {
+  text-transform: uppercase; }
+
+.titlecase {
+  text-transform: capitalize; }
+
+.invisible {
+  visibility: hidden; }

data/lib/src/public/stylesheets/scss/lib/helpers/forms.scss

@@ -0,0 +1,192 @@
+//Forms
+
+$formPadding: 5px;
+
+::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+input[type="search"]::-webkit-search-decoration {
+  display: none; }
+
+form {
+  margin-bottom: $baseline; }
+
+fieldset {
+  margin-bottom: $baseline; }
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+input[type="tel"]:focus,
+textarea:focus {
+  border: 1px solid $blue;
+  color: #444444; }
+
+textarea {
+  min-height: 100px;
+  resize: none;
+  overflow: auto;
+  width: 100%; }
+
+label,
+legend {
+  display: block;
+  font-weight: bold;
+  font-size: 13px; }
+
+select {
+  width: 100%; }
+
+input[type="checkbox"] {
+  display: inline; }
+
+label span,
+legend span {
+  font-weight: normal;
+  font-size: 13px;
+  color: #444444; }
+
+input,
+button,
+select,
+textarea {
+  vertical-align: middle;
+  margin-bottom: $baseline; }
+
+input[type="radio"],
+input[type="checkbox"] {
+  position: relative;
+  vertical-align: top;
+  top: 3px;
+  /* IE8, IE9, IE10 */
+  top: 0 \0;
+  /* IE7 */
+  *top: -3px;
+  margin-right: 5px; }
+
+/* iPad */
+
+@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
+  input[type="radio"],
+  input[type="checkbox"] {
+    vertical-align: baseline;
+    top: 2px; } }
+
+/* iPhone 3 */
+
+@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
+  input[type="radio"],
+  input[type="checkbox"] {
+    vertical-align: baseline;
+    top: 0; } }
+
+/* iPhone 4 */
+
+@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
+  input[type="radio"],
+  input[type="checkbox"] {
+    vertical-align: baseline;
+    top: 0; } }
+
+textarea,
+select,
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+  -webkit-appearance: none;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding;
+  background-clip: padding-box;
+  border: 1px solid $borders;
+  border-color: $borders $borders $borders;
+  color: $black;
+  padding: $formPadding;
+  outline: none;
+  @include border-radius(2px);
+  font: 12px $sans;
+  margin: 0 0 18px 0;
+  width: 100%;
+  display: block;
+  /* IE7 */
+  *padding-top: 2px;
+  *padding-bottom: 1px;
+  *height: auto; }
+
+::-webkit-input-placeholder {
+  color: $gray; }
+
+input:-moz-placeholder,
+textarea:-moz-placeholder {
+  color: $gray;
+  font-size: 12px; }
+
+:invalid {
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none; }
+
+/* Tweaks for Safari + Chrome. */
+
+@media (-webkit-min-device-pixel-ratio: 0) {
+  select[size],
+  select[multiple] {
+    background-image: none;
+    padding: 0; }
+  ::-webkit-validation-bubble-message {
+    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
+    border: $borders;
+    color: white;
+    font: $sans;
+    padding: 15px 15px 17px;
+    text-shadow: black 0 0 1px; }
+  ::-webkit-validation-bubble-top-outer-arrow,
+  ::-webkit-validation-bubble-top-inner-arrow {
+    display: none; } }
+
+optgroup {
+  color: black;
+  font-style: normal;
+  font-weight: normal; }
+
+button[type=submit], input[type='submit'] {
+  padding: 7px 12px;
+  text-align: center;
+  font-weight: bold;
+  @include border-radius(5px);
+  @include gradient;
+  border: 0;
+  color: white; }
+
+.input-list {
+	list-style:none;
+	margin:0 0 $baseline 0;
+	li {
+	  padding-top: 0;
+	  list-style:none;
+	  margin:0 0 $baseline/4 0;
+	  input{margin-bottom:0};
+	  label {
+	    font-weight: normal;
+	    padding-top: 0;
+	  }
+	}
+}
+

data/lib/src/public/stylesheets/scss/lib/helpers/media_queries.scss

@@ -0,0 +1,17 @@
+/* 768px */
+
+@media only screen and (min-width: 768px) and (max-width: 959px) {}
+
+/* 320px. iPhone */
+
+@media only screen and (max-width: 767px) {
+  .container {
+    width: 300px; }
+  @for $i from 1 through $columns {
+    .span-#{$i} {
+      width: 280px;
+      margin: 0 10px; } } }
+
+/* 480px */
+
+@media only screen and (min-width: 480px) and (max-width: 767px) {}

data/lib/src/public/stylesheets/scss/lib/helpers/tables.scss

@@ -0,0 +1,23 @@
+table {
+  margin-bottom: $baseline;
+  width: 100%; }
+
+th {
+  font-weight: bold;
+  text-align: left;
+  border-bottom: 4px solid $gray; }
+
+td {
+  padding: 10px;border-bottom:1px solid #ddd; }
+
+th {
+  padding: 10px 10px 6px 10px; }
+
+tr:nth-child(even) {
+  background-color: #F9F9F9; }
+
+tfoot {
+  font-style: italic; }
+
+caption {
+  background: #ffffcc; }