compass_extension 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (58) hide show
  1. data/lib/app/helpers/html5_boilerplate_helper.rb +63 -0
  2. data/lib/compass/h5bp/version.rb +6 -0
  3. data/lib/compass/h5bp.rb +7 -0
  4. data/lib/compass_extension.rb +9 -0
  5. data/stylesheets/_h5bp.scss +12 -0
  6. data/stylesheets/h5bp/_chromeframe.scss +7 -0
  7. data/stylesheets/h5bp/_helpers.scss +58 -0
  8. data/stylesheets/h5bp/_media.scss +23 -0
  9. data/stylesheets/h5bp/_normalize.scss +213 -0
  10. data/templates/project/_flashes.html.haml +4 -0
  11. data/templates/project/_footer.html.haml +2 -0
  12. data/templates/project/_head.html.haml +29 -0
  13. data/templates/project/_header.html.haml +1 -0
  14. data/templates/project/_javascripts.html.haml +37 -0
  15. data/templates/project/_stylesheets.html.haml +5 -0
  16. data/templates/project/application.html.haml +22 -0
  17. data/templates/project/files/404.html +38 -0
  18. data/templates/project/files/apple-touch-icon-114x114-precomposed.png +0 -0
  19. data/templates/project/files/apple-touch-icon-57x57-precomposed.png +0 -0
  20. data/templates/project/files/apple-touch-icon-72x72-precomposed.png +0 -0
  21. data/templates/project/files/apple-touch-icon-precomposed.png +0 -0
  22. data/templates/project/files/apple-touch-icon.png +0 -0
  23. data/templates/project/files/crossdomain.xml +25 -0
  24. data/templates/project/files/favicon.ico +0 -0
  25. data/templates/project/files/favicon.png +0 -0
  26. data/templates/project/files/google.yml +22 -0
  27. data/templates/project/files/humans.txt +43 -0
  28. data/templates/project/files/robots.txt +5 -0
  29. data/templates/project/index.html.haml +83 -0
  30. data/templates/project/javascripts/jquery-1.7.2.js +9404 -0
  31. data/templates/project/javascripts/jquery-1.7.2.min.js +4 -0
  32. data/templates/project/javascripts/jquery-ui-1.8.22.min.js +85 -0
  33. data/templates/project/javascripts/modernizr-2.5.3.min.js +4 -0
  34. data/templates/project/javascripts/plugins.js +105 -0
  35. data/templates/project/javascripts/rails.js +368 -0
  36. data/templates/project/javascripts/respond.min.js +6 -0
  37. data/templates/project/javascripts/script.js +26 -0
  38. data/templates/project/manifest.rb +83 -2
  39. data/templates/project/partials/SCSS_template.scss +83 -0
  40. data/templates/project/partials/_base.scss +198 -0
  41. data/templates/project/partials/_fonts.scss +4 -0
  42. data/templates/project/partials/_footer.scss +83 -0
  43. data/templates/project/partials/_header.scss +83 -0
  44. data/templates/project/partials/_media.scss +38 -0
  45. data/templates/project/partials/_modules.scss +19 -0
  46. data/templates/project/partials/_overrides.scss +47 -0
  47. data/templates/project/partials/_page.scss +126 -0
  48. data/templates/project/partials/modules/_mod-breadcrumb.scss +83 -0
  49. data/templates/project/partials/modules/_mod-carousels.scss +83 -0
  50. data/templates/project/partials/modules/_mod-default.scss +83 -0
  51. data/templates/project/partials/modules/_mod-form.scss +83 -0
  52. data/templates/project/partials/modules/_mod-login.scss +83 -0
  53. data/templates/project/partials/modules/_mod-pagination.scss +83 -0
  54. data/templates/project/partials/modules/_mod-subnav.scss +83 -0
  55. data/templates/project/partials/modules/_mod-widget.scss +83 -0
  56. data/templates/project/style.scss +28 -0
  57. metadata +56 -3
  58. data/templates/project/screen.scss +0 -2
data/templates/project/partials/SCSS_template.scss ADDED
@@ -0,0 +1,83 @@
1
+ /*
2
+ ___ .-. ___ ___ ___ ___
3
+ ( ) / \ ( ) ( ) ( ) ( )
4
+ .-.| | .--. | .`. ; .---. ___ ___ | | | |_ .--. | |_ ___ ___ | | .--. .--.
5
+ / \ | / \ | |(___) / .-, \ ( )( ) | | ( __) / _ \ ( __) ( )( ) | | / \ / _ \
6
+ | .-. | | .-. ; | |_ (__) ; | | | | | | | | | . .' `. ; | | | | | | | | | .-. ; . .' `. ;
7
+ | | | | | | | | ( __) .'` | | | | | | | | | ___ | ' | | | | ___ | | | | | | | | | | | ' | |
8
+ | | | | | |/ | | | / .'| | | | | | | | | |( ) _\_`.(___) | |( ) | ' | | | | | |/ | _\_`.(___)
9
+ | | | | | ' _.' | | | / | | | | | | | | | | | | ( ). '. | | | | ' `-' | | | | ' _.' ( ). '.
10
+ | ' | | | .'.-. | | ; | ; | | | ; ' | | | ' | | | | `\ | | ' | | `.__. | | | | .'.-. | | `\ |
11
+ ' `-' / ' `-' / | | ' `-' | ' `-' / | | ' `-' ; ; '._,' ' ' `-' ; ___ | | | | ' `-' / ; '._,' '
12
+ `.__,' `.__.' (___) `.__.'_. '.__.' (___) `.__. '.___.' `.__. ( )' | (___) `.__.' '.___.'
13
+ ; `-' '
14
+ .__.'
15
+ */
16
+
17
+
18
+
19
+
20
+ /*
21
+ ___
22
+ ( ) .-.
23
+ ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
24
+ ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
25
+ | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
26
+ | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
27
+ | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
28
+ | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
29
+ | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
30
+ | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
31
+ (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
32
+ | | ; `-' '
33
+ (___) .__.'
34
+ Smartphone ---------------------------------------- */
35
+
36
+ @media only screen and (min-width: $mq-sp-min) and (max-width: $mq-sp-max){
37
+
38
+ }
39
+
40
+
41
+ /*
42
+ ___
43
+ ( ) .-.
44
+ ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
45
+ ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
46
+ | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
47
+ | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
48
+ | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
49
+ | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
50
+ | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
51
+ | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
52
+ (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
53
+ | | ; `-' '
54
+ (___) .__.'
55
+ Smartphone ---------------------------------------- */
56
+
57
+ @media only screen and (min-width: $mq-sp-max) and (max-width: $mq-dt-min){
58
+
59
+ }
60
+
61
+
62
+ /*
63
+ ___
64
+ ( ) .-.
65
+ ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
66
+ ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
67
+ | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
68
+ | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
69
+ | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
70
+ | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
71
+ | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
72
+ | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
73
+ (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
74
+ | | ; `-' '
75
+ (___) .__.'
76
+ Desktop ---------------------------------------- */
77
+
78
+ @media only screen and (min-width: $mq-dt-min){
79
+
80
+ }
81
+
82
+
83
+
data/templates/project/partials/_base.scss ADDED
@@ -0,0 +1,198 @@
1
+ // Grid ----------------------------------------------------------------------
2
+
3
+ $total-columns : 16;
4
+ $col-width : 4em;
5
+ $gutter-width : 1em;
6
+ $side-gutter-width : $gutter-width;
7
+
8
+ $show-grid-backgrounds : true;
9
+
10
+ // Media query vars ----------------------------------------------------------
11
+
12
+ // Smartphones
13
+ $mq-sp-min : 0;
14
+ $mq-sp-max : 480px;
15
+
16
+ //Tablet
17
+ //Between $mq-sp-max, $mq-dt-minx
18
+
19
+ // Desktop
20
+ $mq-dt-min : 980px;
21
+ $mq-dt-max : 1200px;
22
+
23
+ // Vars ----------------------------------------------------------------------
24
+ $DEBUG : false;
25
+
26
+ /* Base Colours */
27
+ $blue : #2e88aa;
28
+ $purple : #691d7b;
29
+ $red : #b5111a;
30
+ $orange : #db6539;
31
+ $gray : #e5e5e5;
32
+ $black : #4d4d4d;
33
+ $white : #aac4d7;
34
+ $green : #4cac55;
35
+
36
+ /* Border */
37
+ $gray-border :#dbdbdb;
38
+
39
+ /* Gradients */
40
+ $white-grad : #ffffff, #dfdfdf;
41
+ $red-grad : #b5111a, #700c11;
42
+ $purple-grad : #691d7b, #4c1559;
43
+ $green-grad : #4cac55, #377d3d;
44
+ $blue-grad : #43a4c5, #2e88aa;
45
+
46
+ /* Forms */
47
+ $input-border-col : #bbbbbb;
48
+ $btn-small : 14;
49
+ $btn-big : 20;
50
+
51
+
52
+
53
+
54
+ /* Fonts */
55
+ $page-width: 940;
56
+ $f-default : 'Open Sans', sans-serif;
57
+ $f-alternative : sans-serif;
58
+ $color-default : #4d4d4d;
59
+ $color-alternative : #000000;
60
+ $link-color : #2e88aa;
61
+ $f-size : 14px;
62
+ $f-size-rem : 1.4rem;
63
+ $l-height : 20px;
64
+ $l-height-rem : 2rem;
65
+
66
+
67
+ /* Spacing */
68
+
69
+
70
+
71
+ // Mixins --------------------------------------------------------------------
72
+
73
+ /* Media query debug msg
74
+ ---------------------------------------- */
75
+ @mixin debugmessage($message, $color: rgba(255,255,0, 0.6) ){
76
+ &::before{
77
+ content: $message;
78
+ font-weight: bold;
79
+ display: block;
80
+ text-align: center;
81
+ background: #{$color};
82
+ position: absolute;
83
+ right: 0;
84
+ left: 0;
85
+ top: 0;
86
+ z-index: 99;
87
+ }
88
+ }
89
+
90
+ @mixin sky-gradient($start-color:#ffffff, $end-color:#000000) {
91
+
92
+ background: $start-color; //Fallback
93
+ @include filter-gradient($start-color, $end-color); //IE
94
+ @include background(linear-gradient(top, $start-color, $end-color)); //CSS 3 plus vendor prefixes
95
+
96
+ }
97
+
98
+ // Font-size
99
+ // --------------------------------------
100
+ @mixin font-size($sizeValue: 1.6){
101
+ font-size: ($sizeValue) + px;
102
+ font-size: ($sizeValue/10) + rem;
103
+ }
104
+
105
+ @mixin font-settings($f-size:14, $l-height:20, $color:$color-default){
106
+ color : $color;
107
+ font-size : $f-size *1px;
108
+ font-size : ($f-size/10) *1rem;
109
+ line-height : $l-height *1px;
110
+ line-height : ($l-height/10) *1rem;
111
+ }
112
+
113
+
114
+ // Buttons style
115
+ // --------------------------------------
116
+ // fz = Font size. Default = 14
117
+ // col = Standard text color. Default = $blue
118
+ // bg = Standard background color. Default = $blue - old browsers
119
+ // grad = Standard background grad. Default = $blue-grad
120
+ // border = Standard border color. Default = $blue-grad
121
+
122
+
123
+
124
+ @mixin button-style( $fz:14, $bg:$blue, $grad:$blue-grad, $col:#fff, $border:#ccc ){
125
+
126
+ display:inline-block;
127
+ cursor: pointer;
128
+ @include font-size( $fz );
129
+ font-family: $f-alternative;
130
+ background: $bg;
131
+
132
+ @include background( linear-gradient(top, $grad) );
133
+
134
+ border: 1px solid $border;
135
+ border: 1px solid rgba(0,0,0,.5);
136
+
137
+ @include border-radius(($fz/2)*1px);
138
+
139
+ padding:0.5em 1em;
140
+ color:$col ;
141
+
142
+
143
+ &:visited{
144
+ color:$col;
145
+ }
146
+
147
+ &.active,
148
+ &:hover,
149
+ &:focus{
150
+ background: darken($bg, 10%);
151
+ text-decoration:none;
152
+ @include background(
153
+ linear-gradient(top, rgba(0,0,0,.2) rgba(0,0,0,.2) ),
154
+ linear-gradient(top, $grad)
155
+ );
156
+ }// :hover
157
+
158
+ }
159
+
160
+
161
+ // Input style
162
+ // --------------------------------------
163
+ @mixin input-style($fz:20, $rad:5px ){
164
+ // Inputs
165
+ //width:100%;
166
+ @include box-sizing(border-box);
167
+ @include font-size($fz);
168
+ @include border-radius($rad);
169
+
170
+ @include background( linear-gradient(top, #dfdfdf 1%, #ffffff 10% ) );
171
+
172
+ border: 1px solid $input-border-col;
173
+ padding:5px 5px;
174
+
175
+ &:focus{ outline:none;}
176
+
177
+ &:focus,
178
+ &:hover{ border: 1px solid darken($input-border-col, 20%) }
179
+
180
+ }
181
+
182
+
183
+
184
+ // Fat colored border style
185
+ // --------------------------------------
186
+ @mixin fat-border-style($col:$blue, $rad:10px){
187
+
188
+ @include box-sizing(border-box);
189
+ @include border-radius($rad);
190
+ border:5px solid $col;
191
+ }
192
+
193
+
194
+ // Functions -----------------------------------------------------------------
195
+
196
+
197
+
198
+
data/templates/project/partials/_fonts.scss ADDED
@@ -0,0 +1,4 @@
1
+ // font-face fonts
2
+ // see http://compass-style.org/docs/reference/compass/css3/font_face/
3
+
4
+ //@import "compass/css3/font-face"
data/templates/project/partials/_footer.scss ADDED
@@ -0,0 +1,83 @@
1
+ /*
2
+ ___ .-. ___ ___ ___ ___
3
+ ( ) / \ ( ) ( ) ( ) ( )
4
+ .-.| | .--. | .`. ; .---. ___ ___ | | | |_ .--. | |_ ___ ___ | | .--. .--.
5
+ / \ | / \ | |(___) / .-, \ ( )( ) | | ( __) / _ \ ( __) ( )( ) | | / \ / _ \
6
+ | .-. | | .-. ; | |_ (__) ; | | | | | | | | | . .' `. ; | | | | | | | | | .-. ; . .' `. ;
7
+ | | | | | | | | ( __) .'` | | | | | | | | | ___ | ' | | | | ___ | | | | | | | | | | | ' | |
8
+ | | | | | |/ | | | / .'| | | | | | | | | |( ) _\_`.(___) | |( ) | ' | | | | | |/ | _\_`.(___)
9
+ | | | | | ' _.' | | | / | | | | | | | | | | | | ( ). '. | | | | ' `-' | | | | ' _.' ( ). '.
10
+ | ' | | | .'.-. | | ; | ; | | | ; ' | | | ' | | | | `\ | | ' | | `.__. | | | | .'.-. | | `\ |
11
+ ' `-' / ' `-' / | | ' `-' | ' `-' / | | ' `-' ; ; '._,' ' ' `-' ; ___ | | | | ' `-' / ; '._,' '
12
+ `.__,' `.__.' (___) `.__.'_. '.__.' (___) `.__. '.___.' `.__. ( )' | (___) `.__.' '.___.'
13
+ ; `-' '
14
+ .__.'
15
+ */
16
+
17
+
18
+
19
+
20
+ /*
21
+ ___
22
+ ( ) .-.
23
+ ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
24
+ ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
25
+ | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
26
+ | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
27
+ | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
28
+ | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
29
+ | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
30
+ | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
31
+ (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
32
+ | | ; `-' '
33
+ (___) .__.'
34
+ Smartphone ---------------------------------------- */
35
+
36
+ @media only screen and (min-width: $mq-sp-min) and (max-width: $mq-sp-max){
37
+
38
+ }
39
+
40
+
41
+ /*
42
+ ___
43
+ ( ) .-.
44
+ ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
45
+ ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
46
+ | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
47
+ | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
48
+ | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
49
+ | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
50
+ | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
51
+ | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
52
+ (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
53
+ | | ; `-' '
54
+ (___) .__.'
55
+ Tablet ---------------------------------------- */
56
+
57
+ @media only screen and (min-width: $mq-sp-max) and (max-width: $mq-dt-min){
58
+
59
+ }
60
+
61
+
62
+ /*
63
+ ___
64
+ ( ) .-.
65
+ ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
66
+ ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
67
+ | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
68
+ | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
69
+ | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
70
+ | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
71
+ | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
72
+ | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
73
+ (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
74
+ | | ; `-' '
75
+ (___) .__.'
76
+ Desktop ---------------------------------------- */
77
+
78
+ @media only screen and (min-width: $mq-dt-min){
79
+
80
+ }
81
+
82
+
83
+
data/templates/project/partials/_header.scss ADDED
@@ -0,0 +1,83 @@
1
+ /*
2
+ ___ .-. ___ ___ ___ ___
3
+ ( ) / \ ( ) ( ) ( ) ( )
4
+ .-.| | .--. | .`. ; .---. ___ ___ | | | |_ .--. | |_ ___ ___ | | .--. .--.
5
+ / \ | / \ | |(___) / .-, \ ( )( ) | | ( __) / _ \ ( __) ( )( ) | | / \ / _ \
6
+ | .-. | | .-. ; | |_ (__) ; | | | | | | | | | . .' `. ; | | | | | | | | | .-. ; . .' `. ;
7
+ | | | | | | | | ( __) .'` | | | | | | | | | ___ | ' | | | | ___ | | | | | | | | | | | ' | |
8
+ | | | | | |/ | | | / .'| | | | | | | | | |( ) _\_`.(___) | |( ) | ' | | | | | |/ | _\_`.(___)
9
+ | | | | | ' _.' | | | / | | | | | | | | | | | | ( ). '. | | | | ' `-' | | | | ' _.' ( ). '.
10
+ | ' | | | .'.-. | | ; | ; | | | ; ' | | | ' | | | | `\ | | ' | | `.__. | | | | .'.-. | | `\ |
11
+ ' `-' / ' `-' / | | ' `-' | ' `-' / | | ' `-' ; ; '._,' ' ' `-' ; ___ | | | | ' `-' / ; '._,' '
12
+ `.__,' `.__.' (___) `.__.'_. '.__.' (___) `.__. '.___.' `.__. ( )' | (___) `.__.' '.___.'
13
+ ; `-' '
14
+ .__.'
15
+ */
16
+
17
+
18
+
19
+
20
+ /*
21
+ ___
22
+ ( ) .-.
23
+ ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
24
+ ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
25
+ | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
26
+ | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
27
+ | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
28
+ | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
29
+ | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
30
+ | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
31
+ (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
32
+ | | ; `-' '
33
+ (___) .__.'
34
+ Smartphone ---------------------------------------- */
35
+
36
+ @media only screen and (min-width: $mq-sp-min) and (max-width: $mq-sp-max){
37
+
38
+ }
39
+
40
+
41
+ /*
42
+ ___
43
+ ( ) .-.
44
+ ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
45
+ ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
46
+ | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
47
+ | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
48
+ | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
49
+ | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
50
+ | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
51
+ | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
52
+ (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
53
+ | | ; `-' '
54
+ (___) .__.'
55
+ Tablet ---------------------------------------- */
56
+
57
+ @media only screen and (min-width: $mq-sp-max) and (max-width: $mq-dt-min){
58
+
59
+ }
60
+
61
+
62
+ /*
63
+ ___
64
+ ( ) .-.
65
+ ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
66
+ ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
67
+ | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
68
+ | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
69
+ | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
70
+ | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
71
+ | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
72
+ | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
73
+ (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
74
+ | | ; `-' '
75
+ (___) .__.'
76
+ Desktop ---------------------------------------- */
77
+
78
+ @media only screen and (min-width: $mq-dt-min){
79
+
80
+ }
81
+
82
+
83
+
data/templates/project/partials/_media.scss ADDED
@@ -0,0 +1,38 @@
1
+ // ==|== media queries ======================================================
2
+ // PLACEHOLDER Media Queries for Responsive Design.
3
+ // These override the primary ('mobile first') styles
4
+ // Modify as content requires.
5
+ // ========================================================================== */
6
+ @media only screen and (min-width: 320px) {
7
+ /* Style adjustments for viewports 320px and over go here */
8
+
9
+ }
10
+
11
+
12
+ @media only screen and (min-width: 480px) {
13
+ /* Style adjustments for viewports 480px and over go here */
14
+
15
+ }
16
+
17
+ @media only screen and (min-width: 768px) {
18
+ /* Style adjustments for viewports 768px and over go here */
19
+
20
+ }
21
+
22
+ @media only screen and (min-width: 980px) {
23
+ /* Style adjustments for viewports 980px and over go here */
24
+
25
+ }
26
+
27
+
28
+
29
+ // ==|== print styles =======================================================
30
+ // Print styles.
31
+ // Inlined to avoid required HTTP connection: h5bp.com/r
32
+ // ========================================================================== */
33
+
34
+ @media print {
35
+ @include h5bp-media-print;
36
+
37
+ /* Style adjustments for print go here */
38
+ }
data/templates/project/partials/_modules.scss ADDED
@@ -0,0 +1,19 @@
1
+ /*-------------------------------------- */
2
+ /* Modules import thinking cascade!
3
+ ---------------------------------------- */
4
+
5
+ // @import "modules/mod-default";
6
+
7
+ // @import "modules/mod-breadcrumb";
8
+
9
+ // @import "modules/mod-carousels";
10
+
11
+ // @import "modules/mod-form";
12
+
13
+ // @import "modules/mod-login";
14
+
15
+ // @import "modules/mod-pagination";
16
+
17
+ // @import "modules/mod-subnav";
18
+
19
+ // @import "modules/mod-widgets";
data/templates/project/partials/_overrides.scss ADDED
@@ -0,0 +1,47 @@
1
+ // ==|== normalize =======================================================
2
+
3
+ // =============================================================================
4
+ // HTML5 display definitions
5
+ // =============================================================================
6
+ @include h5bp-display;
7
+
8
+ // =============================================================================
9
+ // Base
10
+ // =============================================================================
11
+ @include h5bp-base;
12
+ @include h5bp-selection;
13
+
14
+ // =============================================================================
15
+ // Links
16
+ // =============================================================================
17
+ @include h5bp-links;
18
+
19
+ // =============================================================================
20
+ // Typography
21
+ // =============================================================================
22
+ @include h5bp-typography;
23
+
24
+ // =============================================================================
25
+ // Lists
26
+ // =============================================================================
27
+ @include h5bp-lists;
28
+
29
+ // =============================================================================
30
+ // Embedded content
31
+ // =============================================================================
32
+ @include h5bp-embeds;
33
+
34
+ // =============================================================================
35
+ // Figures
36
+ // =============================================================================
37
+ @include h5bp-figures;
38
+
39
+ // =============================================================================
40
+ // Forms
41
+ // =============================================================================
42
+ @include h5bp-forms;
43
+
44
+ // =============================================================================
45
+ // Tables
46
+ // =============================================================================
47
+ @include h5bp-tables;