compass_extension 0.1.4 → 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. data/templates/project/files/about.html +123 -0
  2. data/templates/project/files/blog.html +195 -0
  3. data/templates/project/files/contact.html +186 -0
  4. data/templates/project/files/dummy-full.png +0 -0
  5. data/templates/project/files/inc/breadcrumb.html +5 -0
  6. data/templates/project/files/inc/footer.html +35 -0
  7. data/templates/project/files/inc/header.html +37 -0
  8. data/templates/project/files/inc/main-nav.html +7 -0
  9. data/templates/project/files/index.html +157 -0
  10. data/templates/project/files/logo.png +0 -0
  11. data/templates/project/files/logo@2x.png +0 -0
  12. data/templates/project/files/products.html +107 -0
  13. data/templates/project/files/services.html +107 -0
  14. data/templates/project/index.html +154 -0
  15. data/templates/project/javascripts/{jquery-1.7.2.js → libs/jquery-1.7.2.js} +0 -0
  16. data/templates/project/javascripts/{jquery-1.7.2.min.js → libs/jquery-1.7.2.min.js} +0 -0
  17. data/templates/project/javascripts/{jquery-ui-1.8.22.min.js → libs/jquery-ui-1.8.22.min.js} +0 -0
  18. data/templates/project/javascripts/{modernizr-2.5.3.min.js → libs/modernizr-2.5.3.min.js} +0 -0
  19. data/templates/project/javascripts/{respond.min.js → libs/respond.min.js} +0 -0
  20. data/templates/project/javascripts/libs/selectivizr.js +560 -0
  21. data/templates/project/manifest.rb +59 -39
  22. data/templates/project/partials/_debug.scss +114 -0
  23. data/templates/project/partials/_functions.scss +10 -0
  24. data/templates/project/partials/_helpers.scss +86 -0
  25. data/templates/project/partials/_layout.scss +177 -0
  26. data/templates/project/partials/_media.scss +166 -20
  27. data/templates/project/partials/_misc.scss +103 -0
  28. data/templates/project/partials/_mixins.scss +85 -0
  29. data/templates/project/partials/_mods.scss +65 -0
  30. data/templates/project/partials/_normalize.scss +36 -0
  31. data/templates/project/partials/_print.scss +71 -0
  32. data/templates/project/partials/_type.scss +320 -0
  33. data/templates/project/partials/_vars.scss +117 -0
  34. data/templates/project/partials/mods/_mod-block.scss +95 -0
  35. data/templates/project/partials/mods/_mod-breadcrumb.scss +130 -0
  36. data/templates/project/partials/mods/_mod-carousel.scss +106 -0
  37. data/templates/project/partials/mods/_mod-footer.scss +144 -0
  38. data/templates/project/partials/mods/_mod-form.scss +269 -0
  39. data/templates/project/partials/mods/_mod-header.scss +203 -0
  40. data/templates/project/partials/mods/_mod-intro.scss +95 -0
  41. data/templates/project/partials/mods/_mod-main-nav.scss +139 -0
  42. data/templates/project/partials/mods/_mod-map.scss +107 -0
  43. data/templates/project/partials/mods/_mod-paging.scss +101 -0
  44. data/templates/project/partials/mods/_mod-strip.scss +120 -0
  45. data/templates/project/partials/mods/_mod-table.scss +118 -0
  46. data/templates/project/partials/sass-template.scss +103 -0
  47. data/templates/project/screen.scss +55 -0
  48. metadata +49 -26
  49. data/templates/project/partials/SCSS_template.scss +0 -83
  50. data/templates/project/partials/_base.scss +0 -198
  51. data/templates/project/partials/_fonts.scss +0 -4
  52. data/templates/project/partials/_footer.scss +0 -83
  53. data/templates/project/partials/_header.scss +0 -83
  54. data/templates/project/partials/_modules.scss +0 -19
  55. data/templates/project/partials/_overrides.scss +0 -47
  56. data/templates/project/partials/_page.scss +0 -126
  57. data/templates/project/partials/modules/_mod-breadcrumb.scss +0 -83
  58. data/templates/project/partials/modules/_mod-carousels.scss +0 -83
  59. data/templates/project/partials/modules/_mod-default.scss +0 -83
  60. data/templates/project/partials/modules/_mod-form.scss +0 -83
  61. data/templates/project/partials/modules/_mod-login.scss +0 -83
  62. data/templates/project/partials/modules/_mod-pagination.scss +0 -83
  63. data/templates/project/partials/modules/_mod-subnav.scss +0 -83
  64. data/templates/project/partials/modules/_mod-widget.scss +0 -83
  65. data/templates/project/style.scss +0 -28
@@ -1,198 +0,0 @@
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
-
@@ -1,4 +0,0 @@
1
- // font-face fonts
2
- // see http://compass-style.org/docs/reference/compass/css3/font_face/
3
-
4
- //@import "compass/css3/font-face"
@@ -1,83 +0,0 @@
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
-
@@ -1,83 +0,0 @@
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
-
@@ -1,19 +0,0 @@
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";
@@ -1,47 +0,0 @@
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;
@@ -1,126 +0,0 @@
1
- @import "compass/css3";
2
-
3
- /*
4
- ___ .-. ___ ___ ___ ___
5
- ( ) / \ ( ) ( ) ( ) ( )
6
- .-.| | .--. | .`. ; .---. ___ ___ | | | |_ .--. | |_ ___ ___ | | .--. .--.
7
- / \ | / \ | |(___) / .-, \ ( )( ) | | ( __) / _ \ ( __) ( )( ) | | / \ / _ \
8
- | .-. | | .-. ; | |_ (__) ; | | | | | | | | | . .' `. ; | | | | | | | | | .-. ; . .' `. ;
9
- | | | | | | | | ( __) .'` | | | | | | | | | ___ | ' | | | | ___ | | | | | | | | | | | ' | |
10
- | | | | | |/ | | | / .'| | | | | | | | | |( ) _\_`.(___) | |( ) | ' | | | | | |/ | _\_`.(___)
11
- | | | | | ' _.' | | | / | | | | | | | | | | | | ( ). '. | | | | ' `-' | | | | ' _.' ( ). '.
12
- | ' | | | .'.-. | | ; | ; | | | ; ' | | | ' | | | | `\ | | ' | | `.__. | | | | .'.-. | | `\ |
13
- ' `-' / ' `-' / | | ' `-' | ' `-' / | | ' `-' ; ; '._,' ' ' `-' ; ___ | | | | ' `-' / ; '._,' '
14
- `.__,' `.__.' (___) `.__.'_. '.__.' (___) `.__. '.___.' `.__. ( )' | (___) `.__.' '.___.'
15
- ; `-' '
16
- .__.'
17
- */
18
-
19
-
20
- body {}
21
-
22
- #container {}
23
-
24
- header {}
25
-
26
- #main {}
27
-
28
- footer {}
29
-
30
-
31
-
32
- /*
33
- ___
34
- ( ) .-.
35
- ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
36
- ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
37
- | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
38
- | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
39
- | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
40
- | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
41
- | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
42
- | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
43
- (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
44
- | | ; `-' '
45
- (___) .__.'
46
- Smartphone ---------------------------------------- */
47
-
48
- @media only screen and (min-width: $mq-sp-min) and (max-width: $mq-sp-max){
49
-
50
- body {}
51
-
52
- #container {}
53
-
54
- header {}
55
-
56
- #main {}
57
-
58
- footer {}
59
-
60
- }
61
-
62
-
63
-
64
- /*
65
- ___
66
- ( ) .-.
67
- ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
68
- ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
69
- | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
70
- | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
71
- | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
72
- | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
73
- | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
74
- | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
75
- (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
76
- | | ; `-' '
77
- (___) .__.'
78
- Tablet ---------------------------------------- */
79
-
80
- @media only screen and (min-width: $mq-sp-max) and (max-width: $mq-dt-min){
81
-
82
- body {}
83
-
84
- #container {}
85
-
86
- header {}
87
-
88
- #main {}
89
-
90
- footer {}
91
- }
92
-
93
-
94
- /*
95
- ___
96
- ( ) .-.
97
- ___ .-. .-. .--. .-.| | ( __) .---. .--. ___ ___ .--. ___ .-. ___ ___
98
- ( ) ' \ / \ / \ | (''") / .-, \ / \ ( )( ) / \ ( ) \ ( )( )
99
- | .-. .-. ; | .-. ; | .-. | | | (__) ; | | .-. ' | | | | | .-. ; | ' .-. ; | | | |
100
- | | | | | | | | | | | | | | | | .'` | | | | | | | | | | | | | | / (___) | | | |
101
- | | | | | | | |/ | | | | | | | / .'| | | | | | | | | | | |/ | | | | ' | |
102
- | | | | | | | ' _.' | | | | | | | / | | | | | | | | | | | ' _.' | | ' `-' |
103
- | | | | | | | .'.-. | ' | | | | ; | ; | | ' | | | | ; ' | .'.-. | | `.__. |
104
- | | | | | | ' `-' / ' `-' / | | ' `-' | ' `-' | ' `-' / ' `-' / | | ___ | |
105
- (___)(___)(___) `.__.' `.__,' (___) `.__.'_. `._ / | '.__.' `.__.' (___) ( )' |
106
- | | ; `-' '
107
- (___) .__.'
108
- Desktop ---------------------------------------- */
109
-
110
- @media only screen and (min-width: $mq-dt-min){
111
-
112
- body {}
113
-
114
- #container {}
115
-
116
- header {}
117
-
118
- #main {}
119
-
120
- footer {}
121
-
122
- }
123
-
124
-
125
-
126
-
@@ -1,83 +0,0 @@
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
-