middleman-swift 0.1.0 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +2 -0
- data/lib/middleman-swift/template.rb +16 -9
- data/lib/middleman-swift/template/shared/Gemfile.tt +11 -0
- data/lib/middleman-swift/template/shared/config.tt +48 -17
- data/lib/middleman-swift/template/source/css/fonts/{.gitkeep → _fonts.scss} +0 -0
- data/lib/middleman-swift/template/source/css/{partials → framework}/_reset.scss +0 -0
- data/lib/middleman-swift/template/source/css/framework/_swift-framework.scss +249 -0
- data/lib/middleman-swift/template/source/css/framework/_typography.scss +135 -0
- data/lib/middleman-swift/template/source/css/{partials/_page-about-us.scss → global/_global.scss} +0 -0
- data/lib/middleman-swift/template/source/css/ie.css.scss +3 -3
- data/lib/middleman-swift/template/source/{js → css/modules}/.gitkeep +0 -0
- data/lib/middleman-swift/template/source/{layouts → css/overrides}/.gitkeep +0 -0
- data/lib/middleman-swift/template/source/css/{partials → pages}/_page-home.scss +0 -0
- data/lib/middleman-swift/template/source/css/screen.css.scss +15 -35
- data/lib/middleman-swift/template/source/css/{partials/_page-contact-us.scss → vendors/.gitkeep} +0 -0
- data/lib/middleman-swift/template/source/js/framework/.gitkeep +0 -0
- data/lib/middleman-swift/template/source/js/modules/.gitkeep +0 -0
- data/lib/middleman-swift/template/source/js/overrides/.gitkeep +0 -0
- data/lib/middleman-swift/template/source/js/pages/.gitkeep +0 -0
- data/lib/middleman-swift/template/source/js/script.js +5 -0
- data/lib/middleman-swift/template/source/js/vendors/.gitkeep +0 -0
- data/lib/middleman-swift/version.rb +1 -1
- metadata +24 -21
- data/lib/middleman-swift/template/source/css/partials/_font-styles.scss +0 -45
- data/lib/middleman-swift/template/source/css/partials/_swift-framework.scss +0 -186
- data/lib/middleman-swift/template/source/img/.DS_Store +0 -0
- data/lib/middleman-swift/template/source/js/.DS_Store +0 -0
- data/lib/middleman-swift/template/source/layouts/.DS_Store +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 16dfba5aa138c15674cc3ec75c9441b88fa10ad2
|
4
|
+
data.tar.gz: 94868dd017d09f0699b8a0717e8f5c791217215a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 09934d2cd0ffec9fdef68a44a219592bb5c97cd8c32705c6361f678e66de045398812637ad116ed06d7fb12898b6c2a52be61a4b847415affcc7f7422b508bfd
|
7
|
+
data.tar.gz: 7bcb3211a9104ef47bac152387efa89987c46df3436175095ab799bad4bcbb4b4045ba53874c6f62e6075cda7b1ecba14ad3df4d4033cc432eaa3b8b8f74378a
|
data/.gitignore
ADDED
@@ -30,24 +30,31 @@ module Middleman
|
|
30
30
|
|
31
31
|
empty_directory File.join(location, 'source', options[:css_dir])
|
32
32
|
copy_file 'source/css/screen.css.scss', File.join(location, 'source', options[:css_dir], 'screen.css.scss')
|
33
|
-
copy_file 'source/css/
|
34
|
-
copy_file 'source/css/
|
35
|
-
copy_file 'source/css/
|
36
|
-
copy_file 'source/css/
|
37
|
-
copy_file 'source/css/
|
38
|
-
copy_file 'source/css/
|
33
|
+
copy_file 'source/css/framework/_swift-framework.scss', File.join(location, 'source', options[:css_dir], 'framework/_swift-framework.scss')
|
34
|
+
copy_file 'source/css/framework/_reset.scss', File.join(location, 'source', options[:css_dir], 'framework/_reset.scss')
|
35
|
+
copy_file 'source/css/framework/_typography.scss', File.join(location, 'source', options[:css_dir], 'framework/_typography.scss')
|
36
|
+
copy_file 'source/css/modules/.gitkeep', File.join(location, 'source', options[:css_dir], 'modules/.gitkeep')
|
37
|
+
copy_file 'source/css/global/_global.scss', File.join(location, 'source', options[:css_dir], 'global/_global.scss')
|
38
|
+
copy_file 'source/css/pages/_page-home.scss', File.join(location, 'source', options[:css_dir], 'pages/_page-home.scss')
|
39
39
|
copy_file 'source/css/partials/_sidebar.scss', File.join(location, 'source', options[:css_dir], 'partials/_sidebar.scss')
|
40
|
+
copy_file 'source/css/overrides/.gitkeep', File.join(location, 'source', options[:css_dir], 'overrides/.gitkeep')
|
41
|
+
copy_file 'source/css/vendors/.gitkeep', File.join(location, 'source', options[:css_dir], 'vendors/.gitkeep')
|
42
|
+
copy_file 'source/css/fonts/_fonts.scss', File.join(location, 'source', options[:css_dir], 'fonts/_fonts.scss')
|
40
43
|
copy_file 'source/css/ie.css.scss', File.join(location, 'source', options[:css_dir], 'ie.css.scss')
|
41
44
|
copy_file 'source/css/print.css.scss', File.join(location, 'source', options[:css_dir], 'print.css.scss')
|
42
|
-
copy_file 'source/css/fonts/.gitkeep', File.join(location, 'source', options[:css_dir], 'fonts/.gitkeep')
|
43
45
|
|
44
46
|
empty_directory File.join(location, 'source', options[:js_dir])
|
45
|
-
copy_file 'source/js/
|
47
|
+
copy_file 'source/js/framework/.gitkeep', File.join(location, 'source', options[:js_dir], 'framework/.gitkeep')
|
48
|
+
copy_file 'source/js/modules/.gitkeep', File.join(location, 'source', options[:js_dir], 'modules/.gitkeep')
|
49
|
+
copy_file 'source/js/vendors/.gitkeep', File.join(location, 'source', options[:js_dir], 'vendors/.gitkeep')
|
50
|
+
copy_file 'source/js/overrides/.gitkeep', File.join(location, 'source', options[:js_dir], 'overrides/.gitkeep')
|
51
|
+
copy_file 'source/js/pages/.gitkeep', File.join(location, 'source', options[:js_dir], 'pages/.gitkeep')
|
46
52
|
copy_file 'source/js/boxsizing.htc', File.join(location, 'source', options[:js_dir], 'boxsizing.htc')
|
47
|
-
copy_file 'source/js/ie.js', File.join(location, 'source', options[:js_dir], 'ie.js')
|
48
53
|
copy_file 'source/js/PIE.htc', File.join(location, 'source', options[:js_dir], 'PIE.htc')
|
49
54
|
copy_file 'source/js/PIE.php', File.join(location, 'source', options[:js_dir], 'PIE.php')
|
50
55
|
copy_file 'source/js/respond.min.js', File.join(location, 'source', options[:js_dir], 'respond.min.js')
|
56
|
+
copy_file 'source/js/script.js', File.join(location, 'source', options[:js_dir], 'script.js')
|
57
|
+
copy_file 'source/js/ie.js', File.join(location, 'source', options[:js_dir], 'ie.js')
|
51
58
|
|
52
59
|
empty_directory File.join(location, 'source', options[:images_dir])
|
53
60
|
copy_file 'source/img/icon/.gitkeep', File.join(location, 'source', options[:images_dir], 'icon/.gitkeep')
|
@@ -3,6 +3,8 @@
|
|
3
3
|
source 'http://rubygems.org'
|
4
4
|
|
5
5
|
gem "middleman", "~><%= Middleman::VERSION %>"
|
6
|
+
|
7
|
+
# Adds Slim support for rapid development
|
6
8
|
gem "slim", "~> 2.0.0"
|
7
9
|
|
8
10
|
# Live-reloading plugin
|
@@ -11,6 +13,15 @@ gem "middleman-livereload", "~> 3.1.0"
|
|
11
13
|
# Favicon maker
|
12
14
|
gem "middleman-favicon-maker"
|
13
15
|
|
16
|
+
# Fmport entire sass folders
|
17
|
+
gem 'sass-globbing', '~> 1.1.0'
|
18
|
+
|
19
|
+
# Deploy
|
20
|
+
gem "middleman-deploy"
|
21
|
+
|
22
|
+
# Runs image optim on images on build
|
23
|
+
gem "middleman-imageoptim", "~> 0.1.4"
|
24
|
+
|
14
25
|
# For faster file watcher updates:
|
15
26
|
# gem "wdm", "~> 0.1.0") # Windows
|
16
27
|
|
@@ -1,12 +1,3 @@
|
|
1
|
-
###
|
2
|
-
# Compass
|
3
|
-
###
|
4
|
-
|
5
|
-
# Change Compass configuration
|
6
|
-
# compass_config do |config|
|
7
|
-
# config.output_style = :compact
|
8
|
-
# end
|
9
|
-
|
10
1
|
###
|
11
2
|
# Page options, layouts, aliases and proxies
|
12
3
|
###
|
@@ -28,22 +19,40 @@
|
|
28
19
|
# proxy "/this-page-has-no-template.html", "/template-file.html", :locals => {
|
29
20
|
# :which_fake_page => "Rendering a fake page with a local variable" }
|
30
21
|
|
22
|
+
# variables
|
23
|
+
@image_dir = 'img'
|
24
|
+
@css_dir = 'css'
|
25
|
+
@js_dir = 'js'
|
26
|
+
|
27
|
+
|
31
28
|
###
|
32
29
|
# Helpers
|
33
30
|
###
|
34
31
|
|
32
|
+
|
35
33
|
# Automatic image dimensions on image_tag helper
|
36
34
|
# activate :automatic_image_sizes
|
37
35
|
|
38
36
|
# Reload the browser automatically whenever files change
|
39
37
|
activate :livereload
|
40
38
|
|
39
|
+
set :relative_links, true
|
40
|
+
|
41
|
+
# remove file extensions from url
|
42
|
+
activate :directory_indexes
|
43
|
+
|
41
44
|
# Methods defined in the helpers block are available in templates
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
45
|
+
helpers do
|
46
|
+
def is_page page_classes
|
47
|
+
if page_classes != 'index'
|
48
|
+
return 'page'
|
49
|
+
end
|
50
|
+
end
|
51
|
+
|
52
|
+
def img
|
53
|
+
return "../#{@image_dir}"
|
54
|
+
end
|
55
|
+
end
|
47
56
|
|
48
57
|
|
49
58
|
# Enable Slim support
|
@@ -74,19 +83,41 @@ set :images_dir, '<%= options[:images_dir] -%>'
|
|
74
83
|
# Example: bower install jquery
|
75
84
|
sprockets.append_path '../bower_components/'
|
76
85
|
|
86
|
+
# Compress images
|
87
|
+
activate :imageoptim do |image_optim|
|
88
|
+
image_optim.pngout_options = false # Should disable pngout
|
89
|
+
end
|
90
|
+
|
91
|
+
# activate :deploy do |deploy|
|
92
|
+
# deploy.method = :rsync
|
93
|
+
# deploy.host = ""
|
94
|
+
# deploy.path = "/var/www/vhosts/..."
|
95
|
+
# # Optional Settings
|
96
|
+
# # deploy.user = "tvaughan" # no default
|
97
|
+
# # deploy.port = 5309 # ssh port, default: 22
|
98
|
+
# # deploy.clean = true # remove orphaned files on remote host, default: false
|
99
|
+
# deploy.flags = "-rltgoDvzO --no-p --del" # add custom flags, default: -avz
|
100
|
+
# deploy.build_before = true # default: false
|
101
|
+
# end
|
102
|
+
|
77
103
|
# Build-specific configuration
|
78
104
|
configure :build do
|
79
105
|
# For example, change the Compass output style for deployment
|
80
|
-
|
106
|
+
|
107
|
+
activate :minify_html
|
108
|
+
|
109
|
+
activate :minify_css
|
81
110
|
|
82
111
|
# Minify Javascript on build
|
83
|
-
|
112
|
+
activate :minify_javascript
|
113
|
+
|
114
|
+
activate :gzip
|
84
115
|
|
85
116
|
# Enable cache buster
|
86
117
|
# activate :asset_hash
|
87
118
|
|
88
119
|
# Use relative URLs
|
89
|
-
|
120
|
+
activate :relative_assets
|
90
121
|
|
91
122
|
# Or use a different image path
|
92
123
|
# set :http_path, "/Content/images/"
|
File without changes
|
File without changes
|
@@ -0,0 +1,249 @@
|
|
1
|
+
// -------------------------------------------------
|
2
|
+
// Swift Compass Imports
|
3
|
+
// ---------------------------------------------- */
|
4
|
+
@import "framework/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
|
+
@import "compass/utilities/sprites";
|
16
|
+
|
17
|
+
|
18
|
+
// -------------------------------------------------
|
19
|
+
// Swift Variables
|
20
|
+
// ---------------------------------------------- */
|
21
|
+
$page-width: 1024px;
|
22
|
+
$ani-speed: 250ms;
|
23
|
+
|
24
|
+
// -------------------------------------------------
|
25
|
+
// Media Query Break Points
|
26
|
+
// ---------------------------------------------- */
|
27
|
+
$mobile: 420px;
|
28
|
+
$tablet: 768px;
|
29
|
+
$desktop: 1000px;
|
30
|
+
|
31
|
+
// -------------------------------------------------
|
32
|
+
// Fixes
|
33
|
+
// ---------------------------------------------- */
|
34
|
+
|
35
|
+
* { @include box-sizing('border-box'); }
|
36
|
+
|
37
|
+
/* iOS fixes */
|
38
|
+
html { -webkit-text-size-adjust: none; }
|
39
|
+
input[type=submit] { -webkit-appearance: none; -moz-appearance: none; }
|
40
|
+
|
41
|
+
/* Media Queries for determining javascript events, via http://adactio.com/journal/5429/ */
|
42
|
+
// body:after { content: 'mobile'; display: none; }
|
43
|
+
// @media only screen and (min-width: $desktop) {
|
44
|
+
// body:after { content: 'desktop'; }
|
45
|
+
// }
|
46
|
+
|
47
|
+
// -------------------------------------------------
|
48
|
+
// Swift Mixins
|
49
|
+
// ---------------------------------------------- */
|
50
|
+
|
51
|
+
// media query
|
52
|
+
@mixin breakpoint($min-point: 0, $max-point: $desktop) {
|
53
|
+
@media (min-width: $min-point) and (max-width: $max-point) { @content; }
|
54
|
+
}
|
55
|
+
|
56
|
+
@mixin mobile($operator: eq) {
|
57
|
+
|
58
|
+
@if $operator == gt {
|
59
|
+
@media (min-width: $tablet) { @content; }
|
60
|
+
}
|
61
|
+
@else if ( $operator == eq ) {
|
62
|
+
@media (max-width: $tablet - 1){ @content; }
|
63
|
+
}
|
64
|
+
}
|
65
|
+
|
66
|
+
@mixin tablet($operator: eq) {
|
67
|
+
|
68
|
+
@if ( $operator == gt ) {
|
69
|
+
@media (min-width: $desktop){ @content; }
|
70
|
+
}
|
71
|
+
@else if ( $operator == lt ) {
|
72
|
+
@media (max-width: $tablet - 1){ @content; }
|
73
|
+
}
|
74
|
+
@else if ( $operator == eq ) {
|
75
|
+
@media (min-width: $tablet) and (max-width: $desktop - 1 ) { @content; }
|
76
|
+
}
|
77
|
+
@else if ( $operator == ge ) {
|
78
|
+
@media (min-width: $tablet){ @content; }
|
79
|
+
}
|
80
|
+
@else if ( $operator == le ) {
|
81
|
+
@media (max-width: $tablet - 1){ @content; }
|
82
|
+
}
|
83
|
+
}
|
84
|
+
|
85
|
+
@mixin desktop($operator: eq) {
|
86
|
+
|
87
|
+
@if ( $operator == lt ) {
|
88
|
+
@media (max-width: $desktop - 1){ @content; }
|
89
|
+
}
|
90
|
+
@else if ( $operator == eq ) {
|
91
|
+
@media (min-width: $desktop) { @content; }
|
92
|
+
}
|
93
|
+
}
|
94
|
+
|
95
|
+
@mixin input-placeholder() {
|
96
|
+
::-webkit-input-placeholder { @content; }
|
97
|
+
:-moz-placeholder { @content; }
|
98
|
+
::-moz-placeholder { @content; }
|
99
|
+
:-ms-input-placeholder { @content; }
|
100
|
+
}
|
101
|
+
|
102
|
+
// custom text selection treatment, developed from http://stackoverflow.com/a/10372599/136018
|
103
|
+
@mixin selection($color, $background) {
|
104
|
+
$prefixes: ("-webkit-","-moz-", "-o-", "");
|
105
|
+
@each $prefix in $prefixes {
|
106
|
+
::#{$prefix}selection {
|
107
|
+
color: $color;
|
108
|
+
background: $background;
|
109
|
+
text-shadow:none; // remove any text shadows:twitter.com/miketaylr/status/12228805301)
|
110
|
+
}
|
111
|
+
}
|
112
|
+
/* j.mp/webkit-tap-highlight-color */
|
113
|
+
a:link{-webkit-tap-highlight-color:$background;}
|
114
|
+
ins{background-color:$background;color:$color;text-decoration:none;}
|
115
|
+
}
|
116
|
+
|
117
|
+
@mixin font-smoothing($value: on) {
|
118
|
+
@if $value == on {
|
119
|
+
-webkit-font-smoothing: antialiased;
|
120
|
+
-moz-osx-font-smoothing: grayscale;
|
121
|
+
}
|
122
|
+
@else {
|
123
|
+
-webkit-font-smoothing: subpixel-antialiased;
|
124
|
+
-moz-osx-font-smoothing: auto;
|
125
|
+
}
|
126
|
+
}
|
127
|
+
|
128
|
+
@mixin inline-block($percent: auto) {
|
129
|
+
display: inline-block;
|
130
|
+
width: $percent;
|
131
|
+
padding-right: 2%;
|
132
|
+
box-sizing: border-box;
|
133
|
+
vertical-align: top;
|
134
|
+
zoom: 1;
|
135
|
+
|
136
|
+
.lt-ie8 & {
|
137
|
+
display: inline;
|
138
|
+
}
|
139
|
+
|
140
|
+
&.last {
|
141
|
+
padding-right: 0;
|
142
|
+
}
|
143
|
+
}
|
144
|
+
|
145
|
+
// Remove UL Styling
|
146
|
+
@mixin ul-reset {
|
147
|
+
list-style: none;
|
148
|
+
margin: 0;
|
149
|
+
padding-bottom: 0;
|
150
|
+
}
|
151
|
+
|
152
|
+
@mixin areas-text-style-nav {
|
153
|
+
font-size: .875em;
|
154
|
+
text-transform: uppercase;
|
155
|
+
letter-spacing: .15em;
|
156
|
+
}
|
157
|
+
|
158
|
+
@mixin hyphenate {
|
159
|
+
-ms-word-break: break-all;
|
160
|
+
word-break: break-all;
|
161
|
+
// Non standard for webkit
|
162
|
+
word-break: break-word;
|
163
|
+
-webkit-hyphens: auto;
|
164
|
+
-moz-hyphens: auto;
|
165
|
+
hyphens: auto;
|
166
|
+
}
|
167
|
+
|
168
|
+
@mixin trans-fade-hidden {
|
169
|
+
@include transition(opacity $ani_speed linear 0ms, visibility $ani_speed linear 0ms);
|
170
|
+
visibility: hidden;
|
171
|
+
opacity: 0;
|
172
|
+
}
|
173
|
+
|
174
|
+
@mixin trans-fade-visible {
|
175
|
+
visibility: visible;
|
176
|
+
opacity: 1;
|
177
|
+
}
|
178
|
+
|
179
|
+
/*-----------------------------------*\
|
180
|
+
$GRID
|
181
|
+
\*-----------------------------------*/
|
182
|
+
.region {
|
183
|
+
overflow: hidden;
|
184
|
+
}
|
185
|
+
.container,
|
186
|
+
.grid {
|
187
|
+
margin-left: 0;
|
188
|
+
max-width: none;
|
189
|
+
-webkit-transition: 0.5s;
|
190
|
+
transition: 0.5s;
|
191
|
+
-webkit-transition-delay: 0.7s;
|
192
|
+
transition-delay: 0.7s;
|
193
|
+
@include tablet(ge) {
|
194
|
+
margin-left: -2.5%;
|
195
|
+
max-width: 105%;
|
196
|
+
}
|
197
|
+
}
|
198
|
+
|
199
|
+
.wrapper,
|
200
|
+
.unit,
|
201
|
+
.item {
|
202
|
+
display: block;
|
203
|
+
*display: inline;
|
204
|
+
vertical-align: top;
|
205
|
+
width: 100%;
|
206
|
+
margin-left: 0;
|
207
|
+
*zoom: 1;
|
208
|
+
/* Clearfix */
|
209
|
+
/*overflow: hidden;*/
|
210
|
+
*overflow: visible;
|
211
|
+
-webkit-transition: width 0.5s;
|
212
|
+
transition: width 0.5s;
|
213
|
+
-webkit-transition-delay: 0.7s;
|
214
|
+
transition-delay: 0.7s;
|
215
|
+
@include tablet(ge) {
|
216
|
+
display: inline-block;
|
217
|
+
margin-left: 2.5%;
|
218
|
+
&.one-of-one {
|
219
|
+
width: 97.5%;
|
220
|
+
}
|
221
|
+
&.one-of-two {
|
222
|
+
width: 47.5%;
|
223
|
+
}
|
224
|
+
&.one-of-three {
|
225
|
+
width: 30.8333333%;
|
226
|
+
}
|
227
|
+
&.two-of-three {
|
228
|
+
width: 64.1666666%;
|
229
|
+
}
|
230
|
+
&.one-of-four {
|
231
|
+
width: 22.5%;
|
232
|
+
}
|
233
|
+
&.three-of-four {
|
234
|
+
width: 72.5%;
|
235
|
+
}
|
236
|
+
&.one-of-five {
|
237
|
+
width: 17.44%;
|
238
|
+
}
|
239
|
+
&.two-of-five {
|
240
|
+
width: 37.44%;
|
241
|
+
}
|
242
|
+
&.three-of-five {
|
243
|
+
width: 57.44%;
|
244
|
+
}
|
245
|
+
&.four-of-five {
|
246
|
+
width: 77.44%;
|
247
|
+
}
|
248
|
+
}
|
249
|
+
}
|
@@ -0,0 +1,135 @@
|
|
1
|
+
|
2
|
+
@mixin font-size-rem($size: 1.6){
|
3
|
+
font-size: ($size * 10 + 5) + px;
|
4
|
+
font-size: $size + rem;
|
5
|
+
}
|
6
|
+
|
7
|
+
@mixin line-height-rem($size: 1.6){
|
8
|
+
line-height: ($size * 10 + 5) + px;
|
9
|
+
line-height: $size + rem;
|
10
|
+
}
|
11
|
+
|
12
|
+
body,select,input,textarea{color:#333;}
|
13
|
+
|
14
|
+
$heading-font: 'Helvetica', Arial, sans-serif;
|
15
|
+
$body-font: 'Helvetica', Arial, sans-serif;
|
16
|
+
|
17
|
+
$body-color: #666666;
|
18
|
+
$heading-color: #666666;
|
19
|
+
$link-color: #4c7cd3;
|
20
|
+
$link-hover: #7ca2df;
|
21
|
+
|
22
|
+
body {
|
23
|
+
color: $body-color;
|
24
|
+
font-size: 100%;
|
25
|
+
font-weight: normal;
|
26
|
+
line-height: 150%;
|
27
|
+
font-family: $body-font;
|
28
|
+
}
|
29
|
+
a {
|
30
|
+
color: $link-color;
|
31
|
+
font-size: 1em; /* 16x1=16 */
|
32
|
+
font-family: $body-font;
|
33
|
+
text-decoration: none;
|
34
|
+
&:hover{
|
35
|
+
color: $link-hover;
|
36
|
+
}
|
37
|
+
}
|
38
|
+
h1 {
|
39
|
+
margin-bottom: 5px;
|
40
|
+
color: $heading-color;
|
41
|
+
font-family: $heading-font;
|
42
|
+
font-weight: 700;
|
43
|
+
// @include font-smoothing(on);
|
44
|
+
@include font-size-rem(.8);
|
45
|
+
@include line-height-rem(1.1);
|
46
|
+
@include breakpoint(tablet) {
|
47
|
+
margin-bottom: 18px;
|
48
|
+
@include font-size-rem(1.2);
|
49
|
+
@include line-height-rem(1.2);
|
50
|
+
}
|
51
|
+
@include breakpoint(desktop) {
|
52
|
+
@include font-size-rem(1.2);
|
53
|
+
@include line-height-rem(1.2);
|
54
|
+
}
|
55
|
+
}
|
56
|
+
h2 {
|
57
|
+
margin-bottom: 5px;
|
58
|
+
color: $heading-color;
|
59
|
+
font-family: $body-font;
|
60
|
+
font-weight: 300;
|
61
|
+
@include font-size-rem(1.4);
|
62
|
+
@include line-height-rem(1.4);
|
63
|
+
@include breakpoint(tablet) {
|
64
|
+
|
65
|
+
}
|
66
|
+
@include breakpoint(desktop) {
|
67
|
+
@include font-size-rem(1.8);
|
68
|
+
@include line-height-rem(1.8);
|
69
|
+
}
|
70
|
+
}
|
71
|
+
h3 {
|
72
|
+
color: $heading-color;
|
73
|
+
font-weight: 400;
|
74
|
+
@include font-size-rem(.8);
|
75
|
+
@include line-height-rem(1);
|
76
|
+
@include breakpoint(tablet) {
|
77
|
+
@include font-size-rem(1);
|
78
|
+
@include line-height-rem(1.2);
|
79
|
+
}
|
80
|
+
@include breakpoint(desktop) {
|
81
|
+
@include font-size-rem(1.1);
|
82
|
+
@include line-height-rem(1.3);
|
83
|
+
}
|
84
|
+
}
|
85
|
+
h4 {
|
86
|
+
margin-bottom: 12px;
|
87
|
+
font-size: 1.2em; /* 16x0.875=19.2 */
|
88
|
+
line-height: 1em; /* 24px */
|
89
|
+
color: $heading-color;
|
90
|
+
}
|
91
|
+
p {
|
92
|
+
font-weight: 300;
|
93
|
+
padding-bottom: 1em;
|
94
|
+
@include font-size-rem(1.2);
|
95
|
+
@include line-height-rem(1.7);
|
96
|
+
@include breakpoint( tablet ) {
|
97
|
+
padding-bottom: 1.3em;
|
98
|
+
}
|
99
|
+
@include breakpoint(desktop) {
|
100
|
+
padding-bottom: 1.3em;
|
101
|
+
@include font-size-rem(1.4);
|
102
|
+
@include line-height-rem(1.9);
|
103
|
+
}
|
104
|
+
}
|
105
|
+
ul {
|
106
|
+
list-style: disc;
|
107
|
+
margin: 0 0 0 1.1em;
|
108
|
+
padding-bottom: 1em;
|
109
|
+
li {
|
110
|
+
font-weight: 300;
|
111
|
+
}
|
112
|
+
nav & { // remove styling for nav ul's
|
113
|
+
list-style: none;
|
114
|
+
margin: 0;
|
115
|
+
padding-bottom: 0;
|
116
|
+
a { text-decoration: none; }
|
117
|
+
}
|
118
|
+
}
|
119
|
+
ol {
|
120
|
+
list-style: decimal;
|
121
|
+
margin: 0 0 1em 2em;
|
122
|
+
li { margin: .5em 0; }
|
123
|
+
ol { list-style: lower-alpha; }
|
124
|
+
}
|
125
|
+
blockquote {
|
126
|
+
padding-bottom: 1.3em;
|
127
|
+
@include font-size-rem(1.9);
|
128
|
+
@include line-height-rem(2.4);
|
129
|
+
.credit {
|
130
|
+
margin-top: 20px;
|
131
|
+
padding-left: 170px;
|
132
|
+
@include font-size-rem(1.1);
|
133
|
+
@include line-height-rem(1.1);
|
134
|
+
}
|
135
|
+
}
|
data/lib/middleman-swift/template/source/css/{partials/_page-about-us.scss → global/_global.scss}
RENAMED
File without changes
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* IE<9 Overrides */
|
2
|
-
@import "
|
2
|
+
@import "framework/swift-framework";
|
3
3
|
@import "compass/css3/pie";
|
4
4
|
|
5
5
|
|
@@ -7,7 +7,7 @@
|
|
7
7
|
// SASS-y IE Specific
|
8
8
|
// ---------------------------------------------- */
|
9
9
|
$shadow_alt: #333;
|
10
|
-
$pie-behavior: url(/js/PIE.php); // BE SURE TO UPDATE THIS PATH
|
10
|
+
$pie-behavior: url(/js/framework/PIE.php); // BE SURE TO UPDATE THIS PATH
|
11
11
|
|
12
12
|
@mixin shadow-replace {
|
13
13
|
border-bottom: 1px solid $shadow_alt;
|
@@ -27,5 +27,5 @@ $pie-behavior: url(/js/PIE.php); // BE SURE TO UPDATE THIS PATH
|
|
27
27
|
** ---------------------------------------------- */
|
28
28
|
.lt-ie8 {
|
29
29
|
//Hack for IE7 and lower box-sizing
|
30
|
-
* { box-sizing: border-box; *behavior: url(/js/boxsizing.htc); }
|
30
|
+
* { box-sizing: border-box; *behavior: url(/js/framework/boxsizing.htc); }
|
31
31
|
} //end .lt-ie8
|
File without changes
|
File without changes
|
File without changes
|
@@ -1,5 +1,4 @@
|
|
1
|
-
|
2
|
-
@import "partials/font-styles";
|
1
|
+
|
3
2
|
// @import "icon/*.png";
|
4
3
|
// @include all-icon-sprites;
|
5
4
|
|
@@ -13,22 +12,6 @@
|
|
13
12
|
/* -------------------------------------------------
|
14
13
|
** TEMPLATE
|
15
14
|
** ---------------------------------------------- */
|
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
15
|
|
33
16
|
// SLECTOR SPECIFIC MEDIA QUERY EXAMPLE
|
34
17
|
// .example-selector
|
@@ -41,40 +24,37 @@ body:after { content: 'mobile'; display: none; }
|
|
41
24
|
// }
|
42
25
|
// }
|
43
26
|
|
44
|
-
|
45
|
-
/*--------------START BASE STRUCTURE-------------- */
|
46
27
|
/* -------------------------------------------------
|
47
|
-
**
|
28
|
+
** Framework
|
48
29
|
** ---------------------------------------------- */
|
30
|
+
@import "framework/*";
|
49
31
|
|
50
32
|
/* -------------------------------------------------
|
51
|
-
**
|
33
|
+
** Global
|
52
34
|
** ---------------------------------------------- */
|
35
|
+
@import "global/*";
|
53
36
|
|
54
37
|
/* -------------------------------------------------
|
55
|
-
**
|
38
|
+
** Vendor
|
56
39
|
** ---------------------------------------------- */
|
40
|
+
@import "vendors/*";
|
57
41
|
|
58
42
|
/* -------------------------------------------------
|
59
|
-
**
|
43
|
+
** overrides
|
60
44
|
** ---------------------------------------------- */
|
45
|
+
@import "overrides/*";
|
61
46
|
|
62
47
|
/* -------------------------------------------------
|
63
|
-
**
|
48
|
+
** partials
|
64
49
|
** ---------------------------------------------- */
|
50
|
+
@import "partials/*";
|
65
51
|
|
66
52
|
/* -------------------------------------------------
|
67
|
-
**
|
53
|
+
** modules
|
68
54
|
** ---------------------------------------------- */
|
55
|
+
@import "modules/*";
|
69
56
|
|
70
|
-
|
71
|
-
|
72
|
-
/*--------------END BASE STRUCTURE--------------- */
|
73
57
|
/* -------------------------------------------------
|
74
|
-
**
|
58
|
+
** pages
|
75
59
|
** ---------------------------------------------- */
|
76
|
-
|
77
|
-
// @import "partials/page-home";
|
78
|
-
// @import "partials/page-about-us";
|
79
|
-
// @import "partials/page-contact-us";
|
80
|
-
// @import "partials/sidebar";
|
60
|
+
@import "pages/*";
|
data/lib/middleman-swift/template/source/css/{partials/_page-contact-us.scss → vendors/.gitkeep}
RENAMED
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
metadata
CHANGED
@@ -1,41 +1,41 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: middleman-swift
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.2.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- micalexander
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2014-11-26 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: slim
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
16
16
|
requirements:
|
17
|
-
- - ~>
|
17
|
+
- - "~>"
|
18
18
|
- !ruby/object:Gem::Version
|
19
19
|
version: 2.0.0
|
20
20
|
type: :development
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
|
-
- - ~>
|
24
|
+
- - "~>"
|
25
25
|
- !ruby/object:Gem::Version
|
26
26
|
version: 2.0.0
|
27
27
|
- !ruby/object:Gem::Dependency
|
28
28
|
name: middleman-core
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
30
30
|
requirements:
|
31
|
-
- - ~>
|
31
|
+
- - "~>"
|
32
32
|
- !ruby/object:Gem::Version
|
33
33
|
version: 3.1.0
|
34
34
|
type: :development
|
35
35
|
prerelease: false
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
37
37
|
requirements:
|
38
|
-
- - ~>
|
38
|
+
- - "~>"
|
39
39
|
- !ruby/object:Gem::Version
|
40
40
|
version: 3.1.0
|
41
41
|
description: middleman-swift is a Middleman static site generator Template that has
|
@@ -46,6 +46,7 @@ executables: []
|
|
46
46
|
extensions: []
|
47
47
|
extra_rdoc_files: []
|
48
48
|
files:
|
49
|
+
- ".gitignore"
|
49
50
|
- Gemfile
|
50
51
|
- Gemfile.lock
|
51
52
|
- LICENSE.txt
|
@@ -59,31 +60,33 @@ files:
|
|
59
60
|
- lib/middleman-swift/template/source/404.html.slim
|
60
61
|
- lib/middleman-swift/template/source/crossdomain.xml
|
61
62
|
- lib/middleman-swift/template/source/css/.gitkeep
|
62
|
-
- lib/middleman-swift/template/source/css/fonts
|
63
|
+
- lib/middleman-swift/template/source/css/fonts/_fonts.scss
|
64
|
+
- lib/middleman-swift/template/source/css/framework/_reset.scss
|
65
|
+
- lib/middleman-swift/template/source/css/framework/_swift-framework.scss
|
66
|
+
- lib/middleman-swift/template/source/css/framework/_typography.scss
|
67
|
+
- lib/middleman-swift/template/source/css/global/_global.scss
|
63
68
|
- lib/middleman-swift/template/source/css/ie.css.scss
|
64
|
-
- lib/middleman-swift/template/source/css/
|
65
|
-
- lib/middleman-swift/template/source/css/
|
66
|
-
- lib/middleman-swift/template/source/css/
|
67
|
-
- lib/middleman-swift/template/source/css/partials/_page-home.scss
|
68
|
-
- lib/middleman-swift/template/source/css/partials/_reset.scss
|
69
|
+
- lib/middleman-swift/template/source/css/modules/.gitkeep
|
70
|
+
- lib/middleman-swift/template/source/css/overrides/.gitkeep
|
71
|
+
- lib/middleman-swift/template/source/css/pages/_page-home.scss
|
69
72
|
- lib/middleman-swift/template/source/css/partials/_sidebar.scss
|
70
|
-
- lib/middleman-swift/template/source/css/partials/_swift-framework.scss
|
71
73
|
- lib/middleman-swift/template/source/css/print.css.scss
|
72
74
|
- lib/middleman-swift/template/source/css/screen.css.scss
|
75
|
+
- lib/middleman-swift/template/source/css/vendors/.gitkeep
|
73
76
|
- lib/middleman-swift/template/source/humans.txt
|
74
|
-
- lib/middleman-swift/template/source/img/.DS_Store
|
75
77
|
- lib/middleman-swift/template/source/img/icon/.gitkeep
|
76
78
|
- lib/middleman-swift/template/source/index.html.slim
|
77
|
-
- lib/middleman-swift/template/source/js/.DS_Store
|
78
|
-
- lib/middleman-swift/template/source/js/.gitkeep
|
79
79
|
- lib/middleman-swift/template/source/js/PIE.htc
|
80
80
|
- lib/middleman-swift/template/source/js/PIE.php
|
81
81
|
- lib/middleman-swift/template/source/js/boxsizing.htc
|
82
|
+
- lib/middleman-swift/template/source/js/framework/.gitkeep
|
82
83
|
- lib/middleman-swift/template/source/js/ie.js
|
84
|
+
- lib/middleman-swift/template/source/js/modules/.gitkeep
|
85
|
+
- lib/middleman-swift/template/source/js/overrides/.gitkeep
|
86
|
+
- lib/middleman-swift/template/source/js/pages/.gitkeep
|
83
87
|
- lib/middleman-swift/template/source/js/respond.min.js
|
84
88
|
- lib/middleman-swift/template/source/js/script.js
|
85
|
-
- lib/middleman-swift/template/source/
|
86
|
-
- lib/middleman-swift/template/source/layouts/.gitkeep
|
89
|
+
- lib/middleman-swift/template/source/js/vendors/.gitkeep
|
87
90
|
- lib/middleman-swift/template/source/layouts/layout.slim
|
88
91
|
- lib/middleman-swift/template/source/robots.txt
|
89
92
|
- lib/middleman-swift/version.rb
|
@@ -99,17 +102,17 @@ require_paths:
|
|
99
102
|
- lib
|
100
103
|
required_ruby_version: !ruby/object:Gem::Requirement
|
101
104
|
requirements:
|
102
|
-
- -
|
105
|
+
- - ">="
|
103
106
|
- !ruby/object:Gem::Version
|
104
107
|
version: '0'
|
105
108
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
106
109
|
requirements:
|
107
|
-
- -
|
110
|
+
- - ">="
|
108
111
|
- !ruby/object:Gem::Version
|
109
112
|
version: '0'
|
110
113
|
requirements: []
|
111
114
|
rubyforge_project:
|
112
|
-
rubygems_version: 2.
|
115
|
+
rubygems_version: 2.2.2
|
113
116
|
signing_key:
|
114
117
|
specification_version: 4
|
115
118
|
summary: A Middleman template using Slim Sass and HTML5 Boilerplate.
|
@@ -1,45 +0,0 @@
|
|
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
|
-
}
|
@@ -1,186 +0,0 @@
|
|
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
|
-
}
|
Binary file
|
Binary file
|
Binary file
|