middleman-swift 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/Gemfile +4 -0
- data/Gemfile.lock +49 -0
- data/LICENSE.txt +22 -0
- data/README.md +25 -0
- data/Rakefile +1 -0
- data/lib/middleman-swift/template/shared/Gemfile.tt +20 -0
- data/lib/middleman-swift/template/shared/config.tt +93 -0
- data/lib/middleman-swift/template/source/.htaccess +540 -0
- data/lib/middleman-swift/template/source/404.html.slim +155 -0
- data/lib/middleman-swift/template/source/crossdomain.xml +15 -0
- data/lib/middleman-swift/template/source/css/.gitkeep +0 -0
- data/lib/middleman-swift/template/source/css/fonts/.gitkeep +0 -0
- data/lib/middleman-swift/template/source/css/ie.css.scss +31 -0
- data/lib/middleman-swift/template/source/css/partials/_font-styles.scss +45 -0
- data/lib/middleman-swift/template/source/css/partials/_page-about-us.scss +0 -0
- data/lib/middleman-swift/template/source/css/partials/_page-contact-us.scss +0 -0
- data/lib/middleman-swift/template/source/css/partials/_page-home.scss +0 -0
- data/lib/middleman-swift/template/source/css/partials/_reset.scss +68 -0
- data/lib/middleman-swift/template/source/css/partials/_sidebar.scss +0 -0
- data/lib/middleman-swift/template/source/css/partials/_swift-framework.scss +186 -0
- data/lib/middleman-swift/template/source/css/print.css.scss +3 -0
- data/lib/middleman-swift/template/source/css/screen.css.scss +80 -0
- data/lib/middleman-swift/template/source/humans.txt +15 -0
- data/lib/middleman-swift/template/source/img/.DS_Store +0 -0
- data/lib/middleman-swift/template/source/img/icon/.gitkeep +1 -0
- data/lib/middleman-swift/template/source/index.html.slim +8 -0
- data/lib/middleman-swift/template/source/js/.DS_Store +0 -0
- data/lib/middleman-swift/template/source/js/.gitkeep +0 -0
- data/lib/middleman-swift/template/source/js/PIE.htc +96 -0
- data/lib/middleman-swift/template/source/js/PIE.php +19 -0
- data/lib/middleman-swift/template/source/js/boxsizing.htc +399 -0
- data/lib/middleman-swift/template/source/js/ie.js +2 -0
- data/lib/middleman-swift/template/source/js/respond.min.js +6 -0
- data/lib/middleman-swift/template/source/js/script.js +1 -0
- data/lib/middleman-swift/template/source/layouts/.DS_Store +0 -0
- data/lib/middleman-swift/template/source/layouts/.gitkeep +0 -0
- data/lib/middleman-swift/template/source/layouts/layout.slim +40 -0
- data/lib/middleman-swift/template/source/robots.txt +3 -0
- data/lib/middleman-swift/template.rb +72 -0
- data/lib/middleman-swift/version.rb +5 -0
- data/lib/middleman-swift.rb +6 -0
- data/lib/middleman_extension.rb +1 -0
- data/middleman-swift.gemspec +23 -0
- metadata +116 -0
@@ -0,0 +1,15 @@
|
|
1
|
+
<?xml version="1.0"?>
|
2
|
+
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
|
3
|
+
<cross-domain-policy>
|
4
|
+
<!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
|
5
|
+
|
6
|
+
<!-- Most restrictive policy: -->
|
7
|
+
<site-control permitted-cross-domain-policies="none"/>
|
8
|
+
|
9
|
+
<!-- Least restrictive policy: -->
|
10
|
+
<!--
|
11
|
+
<site-control permitted-cross-domain-policies="all"/>
|
12
|
+
<allow-access-from domain="*" to-ports="*" secure="false"/>
|
13
|
+
<allow-http-request-headers-from domain="*" headers="*" secure="false"/>
|
14
|
+
-->
|
15
|
+
</cross-domain-policy>
|
File without changes
|
File without changes
|
@@ -0,0 +1,31 @@
|
|
1
|
+
/* IE<9 Overrides */
|
2
|
+
@import "partials/swift-framework";
|
3
|
+
@import "compass/css3/pie";
|
4
|
+
|
5
|
+
|
6
|
+
// -------------------------------------------------
|
7
|
+
// SASS-y IE Specific
|
8
|
+
// ---------------------------------------------- */
|
9
|
+
$shadow_alt: #333;
|
10
|
+
$pie-behavior: url(/js/PIE.php); // BE SURE TO UPDATE THIS PATH
|
11
|
+
|
12
|
+
@mixin shadow-replace {
|
13
|
+
border-bottom: 1px solid $shadow_alt;
|
14
|
+
}
|
15
|
+
|
16
|
+
|
17
|
+
/* -------------------------------------------------
|
18
|
+
** IE<9
|
19
|
+
** ---------------------------------------------- */
|
20
|
+
.lt-ie9 {
|
21
|
+
|
22
|
+
} //end .lt-ie9
|
23
|
+
|
24
|
+
|
25
|
+
/* -------------------------------------------------
|
26
|
+
** IE<8
|
27
|
+
** ---------------------------------------------- */
|
28
|
+
.lt-ie8 {
|
29
|
+
//Hack for IE7 and lower box-sizing
|
30
|
+
* { box-sizing: border-box; *behavior: url(/js/boxsizing.htc); }
|
31
|
+
} //end .lt-ie8
|
@@ -0,0 +1,45 @@
|
|
1
|
+
body {
|
2
|
+
color: $body-color;
|
3
|
+
font-size: 100%;
|
4
|
+
font-weight: normal;
|
5
|
+
line-height: 150%;
|
6
|
+
font-family: $body-font;
|
7
|
+
}
|
8
|
+
a {
|
9
|
+
color: $link-color;
|
10
|
+
&:hover{
|
11
|
+
color: $link-hover;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
h1 {
|
15
|
+
font-size: 2.25em; /* 16x2.25=36 */
|
16
|
+
line-height: 1.33333333333333em; /* 48px */
|
17
|
+
color: $heading-color;
|
18
|
+
}
|
19
|
+
h2 {
|
20
|
+
font-size: 1.5em; /* 16x1.5=24 */
|
21
|
+
color: $heading-color; /* 24px */
|
22
|
+
}
|
23
|
+
h3 {
|
24
|
+
font-size: 1.125em; /* 16x1.125=18 */
|
25
|
+
line-height: 1.33333333333333em; /* 24px */
|
26
|
+
color: $heading-color;
|
27
|
+
}
|
28
|
+
h4 {
|
29
|
+
font-size: 0.875em; /* 16x0.875=14 */
|
30
|
+
line-height: 1.71428571428571em; /* 24px */
|
31
|
+
color: $heading-color;
|
32
|
+
}
|
33
|
+
p {
|
34
|
+
font-size: 1em; /* 16x1=16 */
|
35
|
+
padding-bottom: 1em;
|
36
|
+
}
|
37
|
+
ul {
|
38
|
+
list-style: disc;
|
39
|
+
margin: 0 0 0 1.1em;
|
40
|
+
padding-bottom: 1em;
|
41
|
+
nav & { // remove styling for nav ul's
|
42
|
+
@include ul-reset;
|
43
|
+
a { text-decoration: none; }
|
44
|
+
}
|
45
|
+
}
|
File without changes
|
File without changes
|
File without changes
|
@@ -0,0 +1,68 @@
|
|
1
|
+
/*
|
2
|
+
HTML5 Reset ::style.css - via https://github.com/murtaugh/HTML5-Reset/blob/master/_/css/style.css
|
3
|
+
----------------------------------------------------------
|
4
|
+
We have learned much from/been inspired by/taken code where offered from:Eric Meyer ::http://ericmeyer.com
|
5
|
+
HTML5 Doctor ::http://html5doctor.com
|
6
|
+
and the HTML5 Boilerplate ::http://html5boilerplate.com
|
7
|
+
-------------------------------------------------------------------------------*/
|
8
|
+
/* Let's default this puppy out
|
9
|
+
-------------------------------------------------------------------------------*/
|
10
|
+
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;font-weight:normal;vertical-align:baseline;background:transparent;}
|
11
|
+
article,aside,figure,footer,header,hgroup,img,nav,section{display:block;}
|
12
|
+
/* Responsive images and other embedded objects
|
13
|
+
Note:keeping IMG here will cause problems if you're using foreground images as sprites.
|
14
|
+
If this default setting for images is causing issues,you might want to replace it with a .responsive class instead. */
|
15
|
+
img,object,embed{max-width:100%;height:auto;}
|
16
|
+
/* force a vertical scrollbar to prevent a jumpy page */
|
17
|
+
html{overflow-y:scroll;}
|
18
|
+
/* we use a lot of ULs that aren't bulleted.
|
19
|
+
don't forget to restore the bullets within content. */
|
20
|
+
ul{list-style:none;}
|
21
|
+
blockquote,q{quotes:none;}
|
22
|
+
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
|
23
|
+
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
|
24
|
+
del{text-decoration:line-through;}
|
25
|
+
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
|
26
|
+
/* tables still need cellspacing="0" in the markup */
|
27
|
+
table{border-collapse:collapse;border-spacing:0;}
|
28
|
+
th{font-weight:bold;vertical-align:bottom;}
|
29
|
+
td{font-weight:normal;vertical-align:top;}
|
30
|
+
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
|
31
|
+
input,select{vertical-align:middle;}
|
32
|
+
pre{white-space:pre;/* CSS2 */
|
33
|
+
white-space:pre-wrap;/* CSS 2.1 */
|
34
|
+
white-space:pre-line;/* CSS 3 (and 2.1 as well,actually) */
|
35
|
+
word-wrap:break-word;/* IE */}
|
36
|
+
input[type="radio"]{vertical-align:text-bottom;}
|
37
|
+
input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}
|
38
|
+
.ie6 input{vertical-align:text-bottom;}
|
39
|
+
select,input,textarea{font:99% sans-serif;}
|
40
|
+
table{font-size:inherit;font:100%;}
|
41
|
+
/* Accessible focus treatment
|
42
|
+
people.opera.com/patrickl/experiments/keyboard/test */
|
43
|
+
a:hover,a:active{outline:none;}
|
44
|
+
small{font-size:85%;}
|
45
|
+
em,i{font-style:italic;}
|
46
|
+
strong,th,b{font-weight:bold;}
|
47
|
+
td,td img{vertical-align:top;}
|
48
|
+
/* Make sure sup and sub don't screw with your line-heights
|
49
|
+
gist.github.com/413930 */
|
50
|
+
sub,sup{font-size:60%;line-height:0;position:relative;}
|
51
|
+
sup{top:-0.75em;}
|
52
|
+
sub{bottom:-0.5em;}
|
53
|
+
/* standardize any monospaced elements */
|
54
|
+
pre,code,kbd,samp{font-family:monospace,sans-serif;}
|
55
|
+
/* hand cursor on clickable elements */
|
56
|
+
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer;}
|
57
|
+
/* Webkit browsers add a 2px margin outside the chrome of form elements */
|
58
|
+
button,input,select,textarea{margin:0;}
|
59
|
+
/* make buttons play nice in IE */
|
60
|
+
button{width:auto;overflow:visible;}
|
61
|
+
/* scale images in IE7 more attractively */
|
62
|
+
.lt-ie8 img{-ms-interpolation-mode:bicubic;}
|
63
|
+
/* prevent BG image flicker upon hover */
|
64
|
+
.lt-ie7 html{filter:expression(document.execCommand("BackgroundImageCache",false,true));}
|
65
|
+
/* let's clear some floats */
|
66
|
+
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
|
67
|
+
.clearfix:after{clear:both;}
|
68
|
+
.clearfix{zoom:1;}
|
File without changes
|
@@ -0,0 +1,186 @@
|
|
1
|
+
// -------------------------------------------------
|
2
|
+
// Slim Compass Imports
|
3
|
+
// ---------------------------------------------- */
|
4
|
+
@import "partials/reset";
|
5
|
+
@import "compass/css3/border-radius";
|
6
|
+
@import "compass/css3/box-shadow";
|
7
|
+
@import "compass/css3/box-sizing";
|
8
|
+
@import "compass/css3/images";
|
9
|
+
@import "compass/css3/opacity";
|
10
|
+
@import "compass/css3/transform";
|
11
|
+
@import "compass/css3/transition";
|
12
|
+
@import "compass/typography/lists/inline-block-list";
|
13
|
+
@import "compass/typography/text/replacement";
|
14
|
+
@import "compass/utilities/general/clearfix";
|
15
|
+
|
16
|
+
|
17
|
+
// -------------------------------------------------
|
18
|
+
// Slim Variables
|
19
|
+
// ---------------------------------------------- */
|
20
|
+
$heading-font: Helvetica, Arial, sans-serif;
|
21
|
+
$body-font: Helvetica, Arial, sans-serif;
|
22
|
+
|
23
|
+
$body-color: #555;
|
24
|
+
$heading-color: #333;
|
25
|
+
$link-color: #000;
|
26
|
+
$link-hover: #555;
|
27
|
+
|
28
|
+
$page-width: 1280px;
|
29
|
+
|
30
|
+
$ani-speed: 250ms;
|
31
|
+
|
32
|
+
|
33
|
+
// -------------------------------------------------
|
34
|
+
// Media Query Break Points
|
35
|
+
// ---------------------------------------------- */
|
36
|
+
$mq-mobile: 420px;
|
37
|
+
$mq-mob-tab: 520px;
|
38
|
+
$mq-tablet: 620px;
|
39
|
+
$mq-tab-desk: 820px;
|
40
|
+
$mq-desktop: 920px;
|
41
|
+
|
42
|
+
|
43
|
+
// -------------------------------------------------
|
44
|
+
// Basic Styles
|
45
|
+
// ---------------------------------------------- */
|
46
|
+
|
47
|
+
body,select,input,textarea{color:#333;}
|
48
|
+
|
49
|
+
// -------------------------------------------------
|
50
|
+
// Slim Mixins
|
51
|
+
// ---------------------------------------------- */
|
52
|
+
|
53
|
+
|
54
|
+
// media query
|
55
|
+
@mixin breakpoint($point) {
|
56
|
+
@if $point == mobile {
|
57
|
+
@media (min-width: $mq-mobile) { @content; }
|
58
|
+
}
|
59
|
+
@else if $point == mob-tab {
|
60
|
+
@media (min-width: $mq-mob-tab) { @content; }
|
61
|
+
}
|
62
|
+
@else if $point == tablet {
|
63
|
+
@media (min-width: $mq-tablet) { @content; }
|
64
|
+
}
|
65
|
+
@else if $point == tab-desk {
|
66
|
+
@media (min-width: $mq-tab-desk) { @content; }
|
67
|
+
}
|
68
|
+
@else if $point == desktop {
|
69
|
+
@media (min-width: $mq-desktop) { @content; }
|
70
|
+
}
|
71
|
+
}
|
72
|
+
// custom text selection treatment, developed from http://stackoverflow.com/a/10372599/136018
|
73
|
+
@mixin selection($color, $background) {
|
74
|
+
$prefixes: ("-webkit-","-moz-", "-o-", "");
|
75
|
+
@each $prefix in $prefixes {
|
76
|
+
::#{$prefix}selection {
|
77
|
+
color: $color;
|
78
|
+
background: $background;
|
79
|
+
text-shadow:none; // remove any text shadows:twitter.com/miketaylr/status/12228805301)
|
80
|
+
}
|
81
|
+
}
|
82
|
+
/* j.mp/webkit-tap-highlight-color */
|
83
|
+
a:link{-webkit-tap-highlight-color:$background;}
|
84
|
+
ins{background-color:$background;color:$color;text-decoration:none;}
|
85
|
+
}
|
86
|
+
|
87
|
+
// Remove UL Styling
|
88
|
+
@mixin ul-reset {
|
89
|
+
list-style: none;
|
90
|
+
margin: 0;
|
91
|
+
padding-bottom: 0;
|
92
|
+
}
|
93
|
+
|
94
|
+
// Rem Font Sizing
|
95
|
+
@mixin font-size-rem($size: 1.6){
|
96
|
+
font-size: ($size * 10 + 5) + px;
|
97
|
+
font-size: $size + rem;
|
98
|
+
}
|
99
|
+
|
100
|
+
@mixin line-height-rem($size: 1.6){
|
101
|
+
line-height: ($size * 10 + 5) + px;
|
102
|
+
line-height: $size + rem;
|
103
|
+
}
|
104
|
+
|
105
|
+
@mixin areas-text-style-nav {
|
106
|
+
font-size: .875em;
|
107
|
+
text-transform: uppercase;
|
108
|
+
letter-spacing: .15em;
|
109
|
+
}
|
110
|
+
|
111
|
+
@mixin a-white-to-black {
|
112
|
+
color: white;
|
113
|
+
&:hover { color: black; }
|
114
|
+
}
|
115
|
+
|
116
|
+
@mixin header-box($w) {
|
117
|
+
$header_width: $w;
|
118
|
+
position: relative;
|
119
|
+
width: $header_width;
|
120
|
+
padding: 11em 1.7em 1.1em;
|
121
|
+
//display: table-cell;
|
122
|
+
vertical-align: bottom;
|
123
|
+
margin: 0 0 1.1em;
|
124
|
+
overflow: hidden;
|
125
|
+
|
126
|
+
&:after {
|
127
|
+
position: absolute;
|
128
|
+
width: 50.4em;
|
129
|
+
height: 44em;
|
130
|
+
bottom: -6.8em;
|
131
|
+
right: -7.4em;
|
132
|
+
content: '';
|
133
|
+
background-color: $gold_alt;
|
134
|
+
@include rotate(-45deg);
|
135
|
+
}
|
136
|
+
|
137
|
+
h2 {
|
138
|
+
position: relative;
|
139
|
+
z-index: 2;
|
140
|
+
margin: 0;
|
141
|
+
}
|
142
|
+
}
|
143
|
+
|
144
|
+
@mixin column-50-pct {
|
145
|
+
width: 50%;
|
146
|
+
float: left;
|
147
|
+
|
148
|
+
p {
|
149
|
+
padding: 0 2em 1em;
|
150
|
+
}
|
151
|
+
}
|
152
|
+
|
153
|
+
@mixin column-33-pct {
|
154
|
+
width: (($page_width - 40 - 20*2) / 3);
|
155
|
+
float: left;
|
156
|
+
margin-left: 20px;
|
157
|
+
|
158
|
+
&.first { margin-left: 0; }
|
159
|
+
|
160
|
+
p {
|
161
|
+
padding: 0 0 1em;
|
162
|
+
}
|
163
|
+
}
|
164
|
+
|
165
|
+
@mixin column-66-pct {
|
166
|
+
width: (($page_width - 40 - 10) / 3 * 2);
|
167
|
+
float: left;
|
168
|
+
margin-left: 20px;
|
169
|
+
|
170
|
+
&.first { margin-left: 0; }
|
171
|
+
|
172
|
+
p {
|
173
|
+
padding: 0 2em 1em;
|
174
|
+
}
|
175
|
+
}
|
176
|
+
|
177
|
+
@mixin trans-fade-hidden {
|
178
|
+
@include transition(opacity $ani_speed linear 0ms, visibility $ani_speed linear 0ms);
|
179
|
+
visibility: hidden;
|
180
|
+
opacity: 0;
|
181
|
+
}
|
182
|
+
|
183
|
+
@mixin trans-fade-visible {
|
184
|
+
visibility: visible;
|
185
|
+
opacity: 1;
|
186
|
+
}
|
@@ -0,0 +1,80 @@
|
|
1
|
+
@import "partials/swift-framework";
|
2
|
+
@import "partials/font-styles";
|
3
|
+
// @import "icon/*.png";
|
4
|
+
// @include all-icon-sprites;
|
5
|
+
|
6
|
+
// COMPASS SPRITE EXAMPLE ( Place images to be sprited in img/icon/ e.g. "img/icon/logo.png" )
|
7
|
+
|
8
|
+
// .icon-logo {
|
9
|
+
// @include sprite-dimensions($icon-sprites, logo );
|
10
|
+
// }
|
11
|
+
|
12
|
+
|
13
|
+
/* -------------------------------------------------
|
14
|
+
** TEMPLATE
|
15
|
+
** ---------------------------------------------- */
|
16
|
+
* { @include box-sizing('border-box'); }
|
17
|
+
|
18
|
+
/* iOS fixes */
|
19
|
+
html { -webkit-text-size-adjust: none; }
|
20
|
+
input[type=submit] { -webkit-appearance: none; -moz-appearance: none; }
|
21
|
+
|
22
|
+
/* Media Queries for determining javascript events, via http://adactio.com/journal/5429/ */
|
23
|
+
body:after { content: 'mobile'; display: none; }
|
24
|
+
@media only screen and (min-width: $mq-desktop) {
|
25
|
+
body:after { content: 'desktop'; }
|
26
|
+
}
|
27
|
+
// STANDARD MEDIA QUERY EXAMPLE
|
28
|
+
|
29
|
+
// @media screen and (min-width: $mq-desktop) {
|
30
|
+
// /* styles here */
|
31
|
+
// } // END @media: $mq-desktop
|
32
|
+
|
33
|
+
// SLECTOR SPECIFIC MEDIA QUERY EXAMPLE
|
34
|
+
// .example-selector
|
35
|
+
// /* mobile styles here */
|
36
|
+
// @include breakpoint(tablet) {
|
37
|
+
// /* tablet styles here */
|
38
|
+
// }
|
39
|
+
// @include breakpoint(desktop) {
|
40
|
+
// /* desktop styles here */
|
41
|
+
// }
|
42
|
+
// }
|
43
|
+
|
44
|
+
|
45
|
+
/*--------------START BASE STRUCTURE-------------- */
|
46
|
+
/* -------------------------------------------------
|
47
|
+
** Body
|
48
|
+
** ---------------------------------------------- */
|
49
|
+
|
50
|
+
/* -------------------------------------------------
|
51
|
+
** Wrapper
|
52
|
+
** ---------------------------------------------- */
|
53
|
+
|
54
|
+
/* -------------------------------------------------
|
55
|
+
** Header
|
56
|
+
** ---------------------------------------------- */
|
57
|
+
|
58
|
+
/* -------------------------------------------------
|
59
|
+
** Section
|
60
|
+
** ---------------------------------------------- */
|
61
|
+
|
62
|
+
/* -------------------------------------------------
|
63
|
+
** Sidebar
|
64
|
+
** ---------------------------------------------- */
|
65
|
+
|
66
|
+
/* -------------------------------------------------
|
67
|
+
** Footer
|
68
|
+
** ---------------------------------------------- */
|
69
|
+
|
70
|
+
|
71
|
+
|
72
|
+
/*--------------END BASE STRUCTURE--------------- */
|
73
|
+
/* -------------------------------------------------
|
74
|
+
** SITE SPECIFIC IMPORTS AND MODULES
|
75
|
+
** ---------------------------------------------- */
|
76
|
+
|
77
|
+
// @import "partials/page-home";
|
78
|
+
// @import "partials/page-about-us";
|
79
|
+
// @import "partials/page-contact-us";
|
80
|
+
// @import "partials/sidebar";
|
Binary file
|
@@ -0,0 +1 @@
|
|
1
|
+
// gitkeep
|
Binary file
|
File without changes
|