gravityframework 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. data/.gitignore +4 -0
  2. data/Gemfile +6 -0
  3. data/Rakefile +1 -0
  4. data/bin/gravity-init.rb +11 -0
  5. data/gravityframework.gemspec +25 -0
  6. data/lib/gravityframework/src/images/baseline_20.png +0 -0
  7. data/lib/gravityframework/src/index.html +20 -0
  8. data/lib/gravityframework/src/javascripts/application.coffee +6 -0
  9. data/lib/gravityframework/src/javascripts/test/lib/jasmine-1.1.0.rc1/MIT.LICENSE +20 -0
  10. data/lib/gravityframework/src/javascripts/test/lib/jasmine-1.1.0.rc1/jasmine-html.js +190 -0
  11. data/lib/gravityframework/src/javascripts/test/lib/jasmine-1.1.0.rc1/jasmine.css +166 -0
  12. data/lib/gravityframework/src/javascripts/test/lib/jasmine-1.1.0.rc1/jasmine.js +2476 -0
  13. data/lib/gravityframework/src/javascripts/test/lib/jasmine-1.1.0.rc1/jasmine_favicon.png +0 -0
  14. data/lib/gravityframework/src/javascripts/test/spec/Application.spec.js +10 -0
  15. data/lib/gravityframework/src/javascripts/test/spec_runner.html +46 -0
  16. data/lib/gravityframework/src/rakefile +16 -0
  17. data/lib/gravityframework/src/stylesheets/css/style.css +841 -0
  18. data/lib/gravityframework/src/stylesheets/sass/lib/_core.sass +7 -0
  19. data/lib/gravityframework/src/stylesheets/sass/lib/_elements.sass +100 -0
  20. data/lib/gravityframework/src/stylesheets/sass/lib/_grid.sass +30 -0
  21. data/lib/gravityframework/src/stylesheets/sass/lib/_reset.sass +84 -0
  22. data/lib/gravityframework/src/stylesheets/sass/lib/_settings.sass +43 -0
  23. data/lib/gravityframework/src/stylesheets/sass/lib/_typography.sass +45 -0
  24. data/lib/gravityframework/src/stylesheets/sass/lib/helpers/_buttons.sass +15 -0
  25. data/lib/gravityframework/src/stylesheets/sass/lib/helpers/_classes.sass +24 -0
  26. data/lib/gravityframework/src/stylesheets/sass/lib/helpers/_forms.sass +184 -0
  27. data/lib/gravityframework/src/stylesheets/sass/lib/helpers/_media_queries.sass +113 -0
  28. data/lib/gravityframework/src/stylesheets/sass/lib/helpers/_mixins.sass +76 -0
  29. data/lib/gravityframework/src/stylesheets/sass/lib/helpers/_tables.sass +29 -0
  30. data/lib/gravityframework/src/stylesheets/sass/style.sass +38 -0
  31. data/lib/gravityframework/src/stylesheets/scss/lib/_core.scss +9 -0
  32. data/lib/gravityframework/src/stylesheets/scss/lib/_elements.scss +109 -0
  33. data/lib/gravityframework/src/stylesheets/scss/lib/_grid.scss +39 -0
  34. data/lib/gravityframework/src/stylesheets/scss/lib/_reset.scss +90 -0
  35. data/lib/gravityframework/src/stylesheets/scss/lib/_settings.scss +49 -0
  36. data/lib/gravityframework/src/stylesheets/scss/lib/_typography.scss +48 -0
  37. data/lib/gravityframework/src/stylesheets/scss/lib/helpers/_buttons.scss +22 -0
  38. data/lib/gravityframework/src/stylesheets/scss/lib/helpers/_classes.scss +25 -0
  39. data/lib/gravityframework/src/stylesheets/scss/lib/helpers/_forms.scss +215 -0
  40. data/lib/gravityframework/src/stylesheets/scss/lib/helpers/_media_queries.scss +169 -0
  41. data/lib/gravityframework/src/stylesheets/scss/lib/helpers/_mixins.scss +83 -0
  42. data/lib/gravityframework/src/stylesheets/scss/lib/helpers/_tables.scss +30 -0
  43. data/lib/gravityframework/src/stylesheets/scss/style.scss +38 -0
  44. data/lib/gravityframework/src/views/index.haml +21 -0
  45. data/lib/gravityframework/version.rb +3 -0
  46. data/lib/gravityframework.rb +6 -0
  47. data/lib/installer.rb +16 -0
  48. metadata +115 -0
@@ -0,0 +1,76 @@
1
+ /* Custom Mixins. You can delare your own mixins here.
2
+
3
+ /* Add rounded corners to all sides
4
+ =rounded($radius: 10px)
5
+ border-radius: $radius
6
+ -moz-border-radius: $radius
7
+ -webkit-border-radius: $radius
8
+
9
+ /* Add rounded corners to certain sides
10
+ =roundedSides($topLeft, $topRight, $bottomRight, $bottomLeft)
11
+ -moz-border-radius-topleft: $topLeft
12
+ -moz-border-radius-topright: $topRight
13
+ -moz-border-radius-bottomright: $bottomRight
14
+ -moz-border-radius-bottomleft: $bottomLeft
15
+ border-top-left-radius: $topLeft
16
+ border-top-right-radius: $topRight
17
+ border-bottom-right-radius: $bottomRight
18
+ border-bottom-left-radius: $bottomLeft
19
+
20
+ =textShadow($x-axis: 1px, $y-axis: 1px, $casting: 1px, $color: white)
21
+ text-shadow: $x-axis $y-axis $casting $color
22
+
23
+ =shadow($off-y: 1px, $off-x: 1px, $blur: 2px, $color: #444444)
24
+ -moz-box-shadow: $off-y $off-x $blur $color
25
+ -webkit-box-shadow: $off-y $off-x $blur $color
26
+ box-shadow: $off-y $off-x $blur $color
27
+
28
+ =gradient($from: #111111, $to: #333333)
29
+ background: $from
30
+ /* for non-css3 browsers
31
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to')
32
+ /* for IE
33
+ background: -webkit-gradient(linear, left top, left bottom, from($from), to($to))
34
+ /* for webkit browsers
35
+ background: -moz-linear-gradient(top, $from, $to)
36
+ /* for firefox 3.6+
37
+
38
+ /* This is a particularly useful mixin if you want to add slick CSS3 animations to elements
39
+ =transition($property: all, $duration: 0.5s, $function: ease-in-out)
40
+ -moz-transition: $property $duration $function
41
+ /* FF3.7+
42
+ -o-transition: $property $duration $function
43
+ /* Opera 10.5
44
+ -webkit-transition: $property $duration $function
45
+ /* Saf3.2+, Chrome
46
+ transition: $property $duration $function
47
+
48
+ =scale($scale: 1)
49
+ -moz-transform: scale($scale)
50
+ -webkit-transform: scale($scale)
51
+ -o-transform: scale($scale)
52
+ -ms-transform: scale($scale)
53
+ transform: scale($scale)
54
+
55
+ =rotate($angle)
56
+ -moz-transform: rotate($angle)
57
+ -webkit-transform: rotate($angle)
58
+ -o-transform: rotate($angle)
59
+ -ms-transform: rotate($angle)
60
+ transform: rotate($angle)
61
+ filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($angle)}, M12=-#{sin($angle)}, M21=#{sin($angle)}, M22=#{cos($angle)})
62
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($angle)}, M12=-#{sin($angle)}, M21=#{sin($angle)}, M22=#{cos($angle)})"
63
+ zoom: 1
64
+
65
+ /* Cross browser opacity mixin
66
+ =opacity($value: 0.8)
67
+ opacity: $value
68
+ filter: alpha(opacity = $value * 100)
69
+
70
+ =fontFace($name, $src: fonts)
71
+ @font-face
72
+ font-family: 'FontName'
73
+ src: url("$src/$name.eot")
74
+ 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")
75
+ font-weight: normal
76
+ font-style: normal
@@ -0,0 +1,29 @@
1
+ /* --------------------------------------------------------------
2
+ *
3
+ *TABLES
4
+ *
5
+ *--------------------------------------------------------------
6
+
7
+ table
8
+ margin-bottom: 10px
9
+ width: 100%
10
+
11
+ th
12
+ font-weight: bold
13
+ text-align: left
14
+ background: #ccc
15
+
16
+ th,td
17
+ padding: 10px
18
+
19
+ tr:nth-child(odd)
20
+ background-color: #f5f5f5
21
+
22
+ tr:nth-child(even)
23
+ background-color: #eee
24
+
25
+ tfoot
26
+ font-style: italic
27
+
28
+ caption
29
+ background: #ffc
@@ -0,0 +1,38 @@
1
+ @import lib/_settings
2
+ @import lib/_core
3
+
4
+ #container
5
+ width: $width
6
+ margin: 0 auto
7
+ padding: 20px 0
8
+ overflow: hidden
9
+
10
+ /* --------------------------------------------------------------
11
+ *
12
+ *Main CSS. For demo purposes only. You can delete this.
13
+ *
14
+ *--------------------------------------------------------------
15
+
16
+ body
17
+ background: #eee
18
+
19
+ section
20
+ margin-bottom: $baseline
21
+ overflow: hidden
22
+
23
+ h1, h2, h3, h4, h5, h6, p, li a
24
+ +textShadow
25
+
26
+ h1, h2, h3, h4, h5, h6
27
+ text-transform: uppercase
28
+
29
+ footer p
30
+ text-align: center
31
+
32
+ /* --------------------------------------------------------------
33
+ *
34
+ *Media Queries for a responsive grid. Delete if not required.
35
+ *
36
+ *--------------------------------------------------------------
37
+
38
+ @import lib/helpers/_media_queries
@@ -0,0 +1,9 @@
1
+ @import "_reset";
2
+ @import "helpers/_mixins";
3
+ @import "helpers/_tables";
4
+ @import "_typography";
5
+ @import "helpers/_classes";
6
+ @import "_grid";
7
+ @import "helpers/_forms";
8
+
9
+
@@ -0,0 +1,109 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ PAGE ELEMENTS
4
+
5
+ -------------------------------------------------------------- */
6
+
7
+ p {
8
+ margin-bottom: $baseline;
9
+ }
10
+ ul, ol {
11
+ margin-bottom: $baseline;
12
+ }
13
+ ul {
14
+ list-style: none;
15
+ }
16
+ ol {
17
+ list-style-type: decimal;
18
+ }
19
+ li {
20
+ margin-bottom: $baseline/2;
21
+ }
22
+
23
+ ul li ul {
24
+ margin-left: $baseline;
25
+ margin-top: $baseline/2;
26
+ margin-bottom: $baseline/2;
27
+ }
28
+
29
+ dl {
30
+ margin-bottom: $baseline;
31
+ }
32
+ dl dt {
33
+ font-weight: bold;
34
+ margin-bottom: $baseline/2;
35
+ }
36
+ dl dd {
37
+ margin-bottom: $baseline/2;
38
+ }
39
+
40
+ abbr, acronym {
41
+ border-bottom: 1px dotted #000;
42
+ }
43
+ address {
44
+ font-style: italic;
45
+ }
46
+ del {
47
+ color: #000;
48
+ }
49
+
50
+ a {
51
+ color: $links;
52
+ text-decoration: none;
53
+ @include transition();
54
+ /* Force a hand pointer for all links */
55
+ cursor:pointer;
56
+ }
57
+ a:hover {
58
+ text-decoration: none;
59
+ }
60
+
61
+ blockquote {
62
+ display:block;
63
+ }
64
+ strong {
65
+ font-weight: bold;
66
+ }
67
+ em, dfn {
68
+ font-style: italic;
69
+ }
70
+ dfn {
71
+ font-weight: bold;
72
+ }
73
+ pre, code {
74
+ margin: 10px 0;
75
+ white-space: pre;
76
+ }
77
+ pre, code, tt {
78
+ font: 1em monospace;
79
+ line-height: 1.5;
80
+ }
81
+ tt {
82
+ display: block;
83
+ }
84
+
85
+ q {
86
+ font-style: italic;
87
+ font-weight: bold;
88
+ font-family:$serif;
89
+ }
90
+ cite {
91
+ display: block;
92
+ font-weight: bold;
93
+ }
94
+
95
+ /* --------------------------------------------------------------
96
+
97
+ IMAGES
98
+
99
+ -------------------------------------------------------------- */
100
+
101
+ img {
102
+ margin-bottom: 10px;
103
+ }
104
+
105
+ figcaption {
106
+ display: block;
107
+ font-weight: bold;
108
+ font-style: italic;
109
+ }
@@ -0,0 +1,39 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ CSS GRID. www.owainlewis.com
4
+
5
+ -------------------------------------------------------------- */
6
+
7
+ $col_width: ($width - ($gutters * ($columns - 1))) / $columns;
8
+ $col_total_width: $col_width + $gutters;
9
+
10
+ @mixin col($n: 1) {
11
+ float: left;
12
+ @include buildColumn($n);
13
+ }
14
+
15
+ @mixin last() {
16
+ margin-right: 0;
17
+ }
18
+
19
+ @mixin buildColumn($n: 1) {
20
+ width: ($n * $col_width) + (($n - 1) * $gutters);
21
+ @if $n == 1 {
22
+ @include last()
23
+ }
24
+ @if $n == columns {
25
+ @include last()
26
+ }
27
+ @else {
28
+ margin-right: $gutters;
29
+ }
30
+
31
+ }
32
+
33
+ @for $i from 1 through $columns {
34
+ .col-#{$i} {
35
+ @include col($i);
36
+ &:last-child{ @include last() }
37
+ }
38
+ }
39
+
@@ -0,0 +1,90 @@
1
+ html,body,div,span,object,iframe,
2
+ h1,h2,h3,h4,h5,h6,p,blockquote,pre,
3
+ abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
4
+ small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
5
+ fieldset,form,label,legend,
6
+ table,caption,tbody,tfoot,thead,tr,th,td,
7
+ article,aside,canvas,details,figcaption,figure,
8
+ footer,header,hgroup,menu,nav,section,summary,
9
+ time,mark,audio,video {
10
+ margin: 0;
11
+ padding: 0;
12
+ border: 0;
13
+ font-size: 100%;
14
+ font: inherit;
15
+ vertical-align: baseline;
16
+ }
17
+ article,aside,details,figcaption,figure,
18
+ footer,header,hgroup,menu,nav,section {
19
+ display: block;
20
+ }
21
+ blockquote,q {
22
+ quotes: none;
23
+ }
24
+ blockquote:before,blockquote:after,
25
+ q:before,q:after {
26
+ content: "";
27
+ content: none;
28
+ }
29
+ ins {
30
+ background-color: #ff9;
31
+ color: #000;
32
+ text-decoration: none;
33
+ }
34
+ mark {
35
+ background-color: #ff9;
36
+ color: #000;
37
+ font-style: italic;
38
+ font-weight: bold;
39
+ }
40
+ del {
41
+ text-decoration: line-through;
42
+ }
43
+ abbr[title],dfn[title] {
44
+ border-bottom: 1px dotted;
45
+ cursor: help;
46
+ }
47
+ table {
48
+ border-collapse: collapse;
49
+ border-spacing: 0;
50
+ }
51
+ hr {
52
+ display: block;
53
+ height: 1px;
54
+ border: 0;
55
+ border-top: 1px solid #ccc;
56
+ margin: 1em 0;
57
+ padding: 0;
58
+ }
59
+ input,select {
60
+ vertical-align: middle;
61
+ }
62
+
63
+ textarea {
64
+ overflow: auto;
65
+ }
66
+
67
+ .ie6 legend,.ie7 legend {
68
+ margin-left: -7px;
69
+ }
70
+
71
+ input[wtype="radio"] {
72
+ vertical-align: text-bottom;
73
+ }
74
+ input[type="checkbox"] {
75
+ vertical-align: bottom;
76
+ }
77
+ .ie7 input[type="checkbox"] {
78
+ vertical-align: baseline;
79
+ }
80
+ .ie6 input {
81
+ vertical-align: text-bottom;
82
+ }
83
+
84
+ label,input[type="button"],input[type="submit"],input[type="image"],button {
85
+ cursor: pointer;
86
+ }
87
+
88
+ button,input,select,textarea {
89
+ margin: 0;
90
+ }
@@ -0,0 +1,49 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ Built with Gravity
4
+ http://Gravityframework.com
5
+ Version 1.3.1
6
+ Developed by: Owain Lewis
7
+ www.owainlewis.com
8
+ License: MIT
9
+ http://www.opensource.org/licenses/mit-license.php
10
+
11
+ -------------------------------------------------------------- */
12
+
13
+ /*
14
+
15
+ Grid Layout
16
+
17
+ */
18
+
19
+ $width: 940px;
20
+ $gutters: 20px;
21
+ $columns: 12;
22
+ $baseline: 20px;
23
+
24
+ /*
25
+
26
+ Fonts
27
+
28
+ */
29
+
30
+ $sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
31
+ $serif: Georgia, Times, serif;
32
+ $mono: "Lucida Console", "Andale Mono", monospace;
33
+ $font-size: 14px;
34
+
35
+ /*
36
+
37
+ Colors
38
+
39
+ */
40
+
41
+ $background: #FFF;
42
+ $text: #333;
43
+ $links: #1c7fc4;
44
+ $borders:#DDD;
45
+ $headings: #333;
46
+
47
+ $white:#fff;
48
+ $grey: #666;
49
+ $black: #000;
@@ -0,0 +1,48 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ TYPOGRAPHY
4
+
5
+ -------------------------------------------------------------- */
6
+
7
+ /* Default fonts and colors. */
8
+ body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
9
+ line-height: $baseline;
10
+ font-family: $sans;
11
+ color: $text;
12
+ font-size:$font-size;
13
+ }
14
+
15
+ /* --------------------------------------------------------------
16
+
17
+ HEADINGS
18
+
19
+ -------------------------------------------------------------- */
20
+
21
+ h1,h2,h3,h4,h5 {
22
+ margin-bottom: $baseline;
23
+ color:$headings;
24
+ font-weight:900;
25
+ }
26
+
27
+ h1 {
28
+ font-size: $baseline*2;
29
+ line-height:$baseline*2;
30
+ }
31
+ h2 {
32
+ font-size: $baseline;
33
+ line-height:$baseline;
34
+ }
35
+ h3 {
36
+ font-size: $baseline;
37
+ line-height:$baseline;
38
+ }
39
+ h4 {
40
+ font-size: $baseline;
41
+ line-height:$baseline;
42
+ }
43
+ h5 {
44
+ font-size: $baseline;
45
+ line-height:$baseline;
46
+ }
47
+
48
+ @import "_elements";
@@ -0,0 +1,22 @@
1
+ @mixin button($color, $text_color,$width) {
2
+ @include rounded(10px);
3
+ @include gradient(lighten($color,30%),$color);
4
+ cursor: pointer;
5
+ font-weight: bold;
6
+ color:$text_color;
7
+ display: block;
8
+ border: 1px solid darken($color, 10%);
9
+ text-align: center;
10
+ padding: 10px 20px;
11
+ margin: 0 0 20px 0;
12
+ @if ($width){
13
+ width:$width;
14
+ }
15
+
16
+ &:hover {
17
+ @include gradient(lighten($color,40%),lighten($color,10%));
18
+ }
19
+ }
20
+
21
+
22
+
@@ -0,0 +1,25 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ GENERAL CLASSES
4
+
5
+ -------------------------------------------------------------- */
6
+
7
+ .wrap {
8
+ width: $width;
9
+ margin: 0 auto;
10
+ }
11
+ .clear {
12
+ clear: both;
13
+ }
14
+ .center {
15
+ text-align: center;
16
+ }
17
+ .uppercase {
18
+ text-transform: uppercase;
19
+ }
20
+ .titlecase {
21
+ text-transform: capitalize;
22
+ }
23
+ .invisible {
24
+ visibility: hidden;
25
+ }