compass_extension 0.1.0 → 0.1.1

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 (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;