maglove 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +6 -0
- data/Gemfile +3 -0
- data/Gemfile.lock +137 -0
- data/README.md +26 -0
- data/bin/maglove +21 -0
- data/data/maglove/scaffold/base/base.coffee +1 -0
- data/data/maglove/scaffold/base/base.less +26 -0
- data/data/maglove/scaffold/base/images/base/loading-bars.svg +17 -0
- data/data/maglove/scaffold/base/less/base/animations.less +301 -0
- data/data/maglove/scaffold/base/less/base/blockquotes.less +23 -0
- data/data/maglove/scaffold/base/less/base/buttons.less +76 -0
- data/data/maglove/scaffold/base/less/base/code.less +19 -0
- data/data/maglove/scaffold/base/less/base/forms.less +115 -0
- data/data/maglove/scaffold/base/less/base/global.less +142 -0
- data/data/maglove/scaffold/base/less/base/grid-minimal.less +146 -0
- data/data/maglove/scaffold/base/less/base/grid-non-responsive.less +63 -0
- data/data/maglove/scaffold/base/less/base/grid.less +267 -0
- data/data/maglove/scaffold/base/less/base/helpers.less +146 -0
- data/data/maglove/scaffold/base/less/base/images.less +8 -0
- data/data/maglove/scaffold/base/less/base/lists.less +23 -0
- data/data/maglove/scaffold/base/less/base/mixins.less +107 -0
- data/data/maglove/scaffold/base/less/base/print.less +35 -0
- data/data/maglove/scaffold/base/less/base/resets.less +27 -0
- data/data/maglove/scaffold/base/less/base/tables.less +29 -0
- data/data/maglove/scaffold/base/less/core/alignments.less +17 -0
- data/data/maglove/scaffold/base/less/core/cleanup.less +8 -0
- data/data/maglove/scaffold/base/less/core/editor.less +23 -0
- data/data/maglove/scaffold/base/less/core/typography.less +74 -0
- data/data/maglove/scaffold/base/less/vendor/flex-video.less +22 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/animated.less +34 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/bordered-pulled.less +16 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/core.less +13 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/fixed-width.less +6 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/font-awesome.less +17 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/icons.less +596 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/larger.less +13 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/list.less +19 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/mixins.less +27 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/rotated-flipped.less +20 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/stacked.less +20 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome/variables.less +606 -0
- data/data/maglove/scaffold/base/less/vendor/font-awesome.less +16 -0
- data/data/maglove/scaffold/base/less/vendor/image-loader.less +15 -0
- data/data/maglove/scaffold/base/less/vendor/magnific-popup.less +363 -0
- data/data/maglove/scaffold/base/less/widgets/banner.less +3 -0
- data/data/maglove/scaffold/base/less/widgets/button.less +26 -0
- data/data/maglove/scaffold/base/less/widgets/callout.less +3 -0
- data/data/maglove/scaffold/base/less/widgets/columns.less +25 -0
- data/data/maglove/scaffold/base/less/widgets/container.less +114 -0
- data/data/maglove/scaffold/base/less/widgets/feedback.less +11 -0
- data/data/maglove/scaffold/base/less/widgets/heading.less +8 -0
- data/data/maglove/scaffold/base/less/widgets/horizontal_rule.less +113 -0
- data/data/maglove/scaffold/base/less/widgets/image.less +85 -0
- data/data/maglove/scaffold/base/less/widgets/paragraph.less +3 -0
- data/data/maglove/scaffold/base/variables.less +75 -0
- data/data/maglove/scaffold/base/vendor/jquery.js +4 -0
- data/data/maglove/scaffold/theme/images/logo.png +0 -0
- data/data/maglove/scaffold/theme/images/pattern/symphony.png +0 -0
- data/data/maglove/scaffold/theme/less/base/variables.less +25 -0
- data/data/maglove/scaffold/theme/templates/article-01.haml +41 -0
- data/data/maglove/scaffold/theme/templates/cover.haml +27 -0
- data/data/maglove/scaffold/theme/templates/toc.haml +34 -0
- data/data/maglove/scaffold/theme/templates/toc.yml +12 -0
- data/data/maglove/scaffold/theme/theme.coffee +1 -0
- data/data/maglove/scaffold/theme/theme.less +4 -0
- data/data/maglove/sdk.coffee +22 -0
- data/data/maglove/sdk.haml +18 -0
- data/data/maglove/sdk.less +60 -0
- data/data/maglove/thumbnail.haml +11 -0
- data/data/maglove/thumbnail.js +160 -0
- data/data/maglove/vendor.js +4 -0
- data/lib/ext/commander/command.rb +32 -0
- data/lib/ext/commander/methods.rb +8 -0
- data/lib/maglove/application.rb +46 -0
- data/lib/maglove/asset/base_theme.rb +17 -0
- data/lib/maglove/asset/theme.rb +83 -0
- data/lib/maglove/command/compile.rb +40 -0
- data/lib/maglove/command/compress.rb +36 -0
- data/lib/maglove/command/copy.rb +35 -0
- data/lib/maglove/command/core.rb +23 -0
- data/lib/maglove/command/font.rb +80 -0
- data/lib/maglove/command/server.rb +16 -0
- data/lib/maglove/command/sync.rb +17 -0
- data/lib/maglove/command/theme.rb +132 -0
- data/lib/maglove/command/util.rb +45 -0
- data/lib/maglove/helper/asset_helper.rb +24 -0
- data/lib/maglove/helper/command_helper.rb +67 -0
- data/lib/maglove/helper/log_helper.rb +42 -0
- data/lib/maglove/helper/theme_helper.rb +101 -0
- data/lib/maglove/phantom_script.rb +45 -0
- data/lib/maglove/server.rb +80 -0
- data/lib/maglove/template/tumblr.rb +81 -0
- data/lib/maglove/tilt/coffee_template.rb +47 -0
- data/lib/maglove/tilt/haml_template.rb +20 -0
- data/lib/maglove/tilt/js_template.rb +38 -0
- data/lib/maglove/tilt/less_template.rb +18 -0
- data/lib/maglove/tilt/twig_template.rb +49 -0
- data/lib/maglove/tilt/yaml_template.rb +19 -0
- data/lib/maglove/version.rb +3 -0
- data/lib/maglove.rb +46 -0
- data/maglove.gemspec +39 -0
- metadata +427 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: e160cf98468a05b0041ce4b15fdc1c1e37f85248
|
4
|
+
data.tar.gz: e671b2b2e955e1391a3ea9648d00add15cdf0260
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: fcde4b2f7a72c0b2c8d9f09df21eb991a524dfc2ffff290005bae12a0b47a442c447fa4ed6c0c5f9cce78f40fc4af2a8b53fa2c881a102a9b5d96487bc69a8c5
|
7
|
+
data.tar.gz: 18aa73365dad5bc47adcb7d48f79a0f3b12ecc235d27d77ba2e592e5c28da5aff7f1a3f24dfd9e41d83e489d2632c9530f519234042920b149eb651863b30fcd
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/Gemfile.lock
ADDED
@@ -0,0 +1,137 @@
|
|
1
|
+
PATH
|
2
|
+
remote: .
|
3
|
+
specs:
|
4
|
+
maglove (0.2.1)
|
5
|
+
activesupport (~> 4.2)
|
6
|
+
bundler (~> 1.10)
|
7
|
+
coffee-script (~> 2.4)
|
8
|
+
commander (~> 4.3)
|
9
|
+
dotenv (~> 2.0)
|
10
|
+
filewatcher (~> 0.5)
|
11
|
+
haml (~> 4.0)
|
12
|
+
hamloft (~> 0.1)
|
13
|
+
image_optim (~> 0.21)
|
14
|
+
image_optim_pack (~> 0.2)
|
15
|
+
less (~> 2.6)
|
16
|
+
logging (~> 2.0)
|
17
|
+
minitar (~> 0.5)
|
18
|
+
rubyzip (~> 1.1)
|
19
|
+
therubyracer (~> 0.12)
|
20
|
+
tilt (~> 1.4)
|
21
|
+
webrick (~> 1.3)
|
22
|
+
|
23
|
+
GEM
|
24
|
+
remote: https://rubygems.org/
|
25
|
+
specs:
|
26
|
+
activesupport (4.2.3)
|
27
|
+
i18n (~> 0.7)
|
28
|
+
json (~> 1.7, >= 1.7.7)
|
29
|
+
minitest (~> 5.1)
|
30
|
+
thread_safe (~> 0.3, >= 0.3.4)
|
31
|
+
tzinfo (~> 1.1)
|
32
|
+
ast (2.1.0)
|
33
|
+
astrolabe (1.3.1)
|
34
|
+
parser (~> 2.2)
|
35
|
+
coderay (1.1.0)
|
36
|
+
coffee-script (2.4.1)
|
37
|
+
coffee-script-source
|
38
|
+
execjs
|
39
|
+
coffee-script-source (1.9.1.1)
|
40
|
+
commander (4.3.5)
|
41
|
+
highline (~> 1.7.2)
|
42
|
+
commonjs (0.2.7)
|
43
|
+
diff-lcs (1.2.5)
|
44
|
+
dotenv (2.0.2)
|
45
|
+
execjs (2.6.0)
|
46
|
+
exifr (1.2.3.1)
|
47
|
+
filewatcher (0.5.2)
|
48
|
+
trollop (~> 2.0)
|
49
|
+
fspath (2.1.1)
|
50
|
+
haml (4.0.7)
|
51
|
+
tilt
|
52
|
+
hamloft (0.1.1)
|
53
|
+
activesupport (~> 4.2)
|
54
|
+
bundler (~> 1.10)
|
55
|
+
haml (~> 4.0)
|
56
|
+
nokogiri (~> 1.6)
|
57
|
+
highline (1.7.3)
|
58
|
+
i18n (0.7.0)
|
59
|
+
image_optim (0.21.0)
|
60
|
+
exifr (~> 1.2, >= 1.2.2)
|
61
|
+
fspath (~> 2.1)
|
62
|
+
image_size (~> 1.3)
|
63
|
+
in_threads (~> 1.3)
|
64
|
+
progress (~> 3.0, >= 3.0.1)
|
65
|
+
image_optim_pack (0.2.1.20150808)
|
66
|
+
fspath (~> 2.1)
|
67
|
+
image_optim (~> 0.19)
|
68
|
+
image_size (1.4.1)
|
69
|
+
in_threads (1.3.1)
|
70
|
+
json (1.8.3)
|
71
|
+
less (2.6.0)
|
72
|
+
commonjs (~> 0.2.7)
|
73
|
+
libv8 (3.16.14.11)
|
74
|
+
little-plugger (1.1.3)
|
75
|
+
logging (2.0.0)
|
76
|
+
little-plugger (~> 1.1)
|
77
|
+
multi_json (~> 1.10)
|
78
|
+
method_source (0.8.2)
|
79
|
+
mini_portile (0.6.2)
|
80
|
+
minitar (0.5.4)
|
81
|
+
minitest (5.8.0)
|
82
|
+
multi_json (1.11.2)
|
83
|
+
nokogiri (1.6.6.2)
|
84
|
+
mini_portile (~> 0.6.0)
|
85
|
+
parser (2.2.2.6)
|
86
|
+
ast (>= 1.1, < 3.0)
|
87
|
+
powerpack (0.1.1)
|
88
|
+
progress (3.1.0)
|
89
|
+
pry (0.10.1)
|
90
|
+
coderay (~> 1.1.0)
|
91
|
+
method_source (~> 0.8.1)
|
92
|
+
slop (~> 3.4)
|
93
|
+
rainbow (2.0.0)
|
94
|
+
ref (2.0.0)
|
95
|
+
rspec (3.3.0)
|
96
|
+
rspec-core (~> 3.3.0)
|
97
|
+
rspec-expectations (~> 3.3.0)
|
98
|
+
rspec-mocks (~> 3.3.0)
|
99
|
+
rspec-core (3.3.2)
|
100
|
+
rspec-support (~> 3.3.0)
|
101
|
+
rspec-expectations (3.3.1)
|
102
|
+
diff-lcs (>= 1.2.0, < 2.0)
|
103
|
+
rspec-support (~> 3.3.0)
|
104
|
+
rspec-mocks (3.3.2)
|
105
|
+
diff-lcs (>= 1.2.0, < 2.0)
|
106
|
+
rspec-support (~> 3.3.0)
|
107
|
+
rspec-support (3.3.0)
|
108
|
+
rubocop (0.33.0)
|
109
|
+
astrolabe (~> 1.3)
|
110
|
+
parser (>= 2.2.2.5, < 3.0)
|
111
|
+
powerpack (~> 0.1)
|
112
|
+
rainbow (>= 1.99.1, < 3.0)
|
113
|
+
ruby-progressbar (~> 1.4)
|
114
|
+
ruby-progressbar (1.7.5)
|
115
|
+
rubyzip (1.1.7)
|
116
|
+
slop (3.6.0)
|
117
|
+
therubyracer (0.12.2)
|
118
|
+
libv8 (~> 3.16.14.0)
|
119
|
+
ref
|
120
|
+
thread_safe (0.3.5)
|
121
|
+
tilt (1.4.1)
|
122
|
+
trollop (2.1.2)
|
123
|
+
tzinfo (1.2.2)
|
124
|
+
thread_safe (~> 0.1)
|
125
|
+
webrick (1.3.1)
|
126
|
+
|
127
|
+
PLATFORMS
|
128
|
+
ruby
|
129
|
+
|
130
|
+
DEPENDENCIES
|
131
|
+
maglove!
|
132
|
+
pry (~> 0.10)
|
133
|
+
rspec (~> 3.3)
|
134
|
+
rubocop (~> 0.32)
|
135
|
+
|
136
|
+
BUNDLED WITH
|
137
|
+
1.10.5
|
data/README.md
ADDED
@@ -0,0 +1,26 @@
|
|
1
|
+
[MagLove](http://github.com/magloft/maglove/) - MagLoft Theme Toolkit
|
2
|
+
==================================================
|
3
|
+
|
4
|
+
|
5
|
+
What is it?
|
6
|
+
-----------
|
7
|
+
|
8
|
+
MagLove is a prepared environment to create themes, widgets and templates for MagLoft's powerful Editor.
|
9
|
+
|
10
|
+
Installation
|
11
|
+
------------
|
12
|
+
|
13
|
+
Install the MagLove gem:
|
14
|
+
|
15
|
+
```bash
|
16
|
+
gem install maglove
|
17
|
+
```
|
18
|
+
|
19
|
+
Theme Development
|
20
|
+
-----------------
|
21
|
+
|
22
|
+
Create a new theme using the following command:
|
23
|
+
|
24
|
+
```bash
|
25
|
+
maglove theme:init --theme my-theme
|
26
|
+
```
|
data/bin/maglove
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
#!/usr/bin/env ruby
|
2
|
+
$:.push File.expand_path("../../lib", __FILE__)
|
3
|
+
|
4
|
+
require "maglove"
|
5
|
+
|
6
|
+
Dotenv.load
|
7
|
+
|
8
|
+
# Set up Hamloft
|
9
|
+
Hamloft.register_template(:tumblr, MagLove::Template::Tumblr)
|
10
|
+
Tilt.mappings["haml"] = [MagLove::Tilt::HamlTemplate]
|
11
|
+
Tilt.mappings["less"] = [MagLove::Tilt::LessTemplate]
|
12
|
+
Tilt.mappings["yml"] = [MagLove::Tilt::YamlTemplate]
|
13
|
+
Tilt.mappings["coffee"] = [MagLove::Tilt::CoffeeTemplate]
|
14
|
+
Tilt.mappings["js"] = [MagLove::Tilt::JsTemplate]
|
15
|
+
Tilt.mappings["twig"] = [MagLove::Tilt::TwigTemplate]
|
16
|
+
|
17
|
+
# Fix RbConfig warning
|
18
|
+
Object.send :remove_const, :Config
|
19
|
+
Config = RbConfig
|
20
|
+
|
21
|
+
MagLove::Application.new.run
|
@@ -0,0 +1 @@
|
|
1
|
+
include "vendor/jquery.js"
|
@@ -0,0 +1,26 @@
|
|
1
|
+
// Base Design
|
2
|
+
@import "less/base/mixins";
|
3
|
+
@import "less/base/resets";
|
4
|
+
@import "less/base/global";
|
5
|
+
@import "less/base/lists";
|
6
|
+
@import "less/base/blockquotes";
|
7
|
+
@import "less/base/tables";
|
8
|
+
@import "less/base/code";
|
9
|
+
@import "less/base/forms";
|
10
|
+
@import "less/base/buttons";
|
11
|
+
@import "less/base/images";
|
12
|
+
@import "less/base/grid";
|
13
|
+
@import "less/base/helpers";
|
14
|
+
@import "less/base/animations";
|
15
|
+
|
16
|
+
// Vendor
|
17
|
+
@import "less/vendor/magnific-popup";
|
18
|
+
@import "less/vendor/font-awesome";
|
19
|
+
@import "less/vendor/image-loader";
|
20
|
+
@import "less/vendor/flex-video";
|
21
|
+
|
22
|
+
// Core Framework
|
23
|
+
@import "less/core/alignments";
|
24
|
+
@import "less/core/cleanup";
|
25
|
+
@import "less/core/editor";
|
26
|
+
@import "less/core/typography";
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="white">
|
2
|
+
<path transform="translate(2)" d="M0 12 V20 H4 V12z">
|
3
|
+
<animate attributeName="d" values="M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z" dur="1.2s" repeatCount="indefinite" begin="0" keytimes="0;.2;.5;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8" calcMode="spline" />
|
4
|
+
</path>
|
5
|
+
<path transform="translate(8)" d="M0 12 V20 H4 V12z">
|
6
|
+
<animate attributeName="d" values="M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z" dur="1.2s" repeatCount="indefinite" begin="0.2" keytimes="0;.2;.5;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8" calcMode="spline" />
|
7
|
+
</path>
|
8
|
+
<path transform="translate(14)" d="M0 12 V20 H4 V12z">
|
9
|
+
<animate attributeName="d" values="M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z" dur="1.2s" repeatCount="indefinite" begin="0.4" keytimes="0;.2;.5;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8" calcMode="spline" />
|
10
|
+
</path>
|
11
|
+
<path transform="translate(20)" d="M0 12 V20 H4 V12z">
|
12
|
+
<animate attributeName="d" values="M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z" dur="1.2s" repeatCount="indefinite" begin="0.6" keytimes="0;.2;.5;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8" calcMode="spline" />
|
13
|
+
</path>
|
14
|
+
<path transform="translate(26)" d="M0 12 V20 H4 V12z">
|
15
|
+
<animate attributeName="d" values="M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z" dur="1.2s" repeatCount="indefinite" begin="0.8" keytimes="0;.2;.5;1" keySplines="0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8" calcMode="spline" />
|
16
|
+
</path>
|
17
|
+
</svg>
|
@@ -0,0 +1,301 @@
|
|
1
|
+
// ==========================================================================
|
2
|
+
// Animations – Selective animatiosn from Animate.css - http://daneden.me/animate
|
3
|
+
// ==========================================================================
|
4
|
+
|
5
|
+
// Fade In
|
6
|
+
@-webkit-keyframes fadeIn {
|
7
|
+
0% {
|
8
|
+
opacity: 0;
|
9
|
+
}
|
10
|
+
|
11
|
+
100% {
|
12
|
+
opacity: 1;
|
13
|
+
}
|
14
|
+
}
|
15
|
+
|
16
|
+
@keyframes fadeIn {
|
17
|
+
0% {
|
18
|
+
opacity: 0;
|
19
|
+
}
|
20
|
+
|
21
|
+
100% {
|
22
|
+
opacity: 1;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
|
26
|
+
.fade-in {
|
27
|
+
-webkit-animation-name: fadeIn;
|
28
|
+
animation-name: fadeIn;
|
29
|
+
}
|
30
|
+
|
31
|
+
// Fade In Down
|
32
|
+
@-webkit-keyframes fadeInDown {
|
33
|
+
0% {
|
34
|
+
opacity: 0;
|
35
|
+
-webkit-transform: translate3d(0, -30px, 0);
|
36
|
+
transform: translate3d(0, -30px, 0);
|
37
|
+
}
|
38
|
+
|
39
|
+
100% {
|
40
|
+
opacity: 1;
|
41
|
+
-webkit-transform: none;
|
42
|
+
transform: none;
|
43
|
+
}
|
44
|
+
}
|
45
|
+
|
46
|
+
@keyframes fadeInDown {
|
47
|
+
0% {
|
48
|
+
opacity: 0;
|
49
|
+
-webkit-transform: translate3d(0, -30px, 0);
|
50
|
+
transform: translate3d(0, -30px, 0);
|
51
|
+
}
|
52
|
+
|
53
|
+
100% {
|
54
|
+
opacity: 1;
|
55
|
+
-webkit-transform: none;
|
56
|
+
transform: none;
|
57
|
+
}
|
58
|
+
}
|
59
|
+
|
60
|
+
.fade-in-down {
|
61
|
+
-webkit-animation-name: fadeInDown;
|
62
|
+
animation-name: fadeInDown;
|
63
|
+
}
|
64
|
+
|
65
|
+
// Fade In Down Big
|
66
|
+
@-webkit-keyframes fadeInDownBig {
|
67
|
+
0% {
|
68
|
+
opacity: 0;
|
69
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
70
|
+
transform: translate3d(0, -100%, 0);
|
71
|
+
}
|
72
|
+
|
73
|
+
100% {
|
74
|
+
opacity: 1;
|
75
|
+
-webkit-transform: none;
|
76
|
+
transform: none;
|
77
|
+
}
|
78
|
+
}
|
79
|
+
|
80
|
+
@keyframes fadeInDownBig {
|
81
|
+
0% {
|
82
|
+
opacity: 0;
|
83
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
84
|
+
transform: translate3d(0, -100%, 0);
|
85
|
+
}
|
86
|
+
|
87
|
+
100% {
|
88
|
+
opacity: 1;
|
89
|
+
-webkit-transform: none;
|
90
|
+
transform: none;
|
91
|
+
}
|
92
|
+
}
|
93
|
+
|
94
|
+
.fade-in-down-big {
|
95
|
+
-webkit-animation-name: fadeInDownBig;
|
96
|
+
animation-name: fadeInDownBig;
|
97
|
+
}
|
98
|
+
|
99
|
+
// Fade In Left
|
100
|
+
@-webkit-keyframes fadeInLeft {
|
101
|
+
0% {
|
102
|
+
opacity: 0;
|
103
|
+
-webkit-transform: translate3d(-30px, 0, 0);
|
104
|
+
transform: translate3d(-30px, 0, 0);
|
105
|
+
}
|
106
|
+
|
107
|
+
100% {
|
108
|
+
opacity: 1;
|
109
|
+
-webkit-transform: none;
|
110
|
+
transform: none;
|
111
|
+
}
|
112
|
+
}
|
113
|
+
|
114
|
+
@keyframes fadeInLeft {
|
115
|
+
0% {
|
116
|
+
opacity: 0;
|
117
|
+
-webkit-transform: translate3d(-30px, 0, 0);
|
118
|
+
transform: translate3d(-30px, 0, 0);
|
119
|
+
}
|
120
|
+
|
121
|
+
100% {
|
122
|
+
opacity: 1;
|
123
|
+
-webkit-transform: none;
|
124
|
+
transform: none;
|
125
|
+
}
|
126
|
+
}
|
127
|
+
|
128
|
+
.fade-in-left {
|
129
|
+
-webkit-animation-name: fadeInLeft;
|
130
|
+
animation-name: fadeInLeft;
|
131
|
+
}
|
132
|
+
|
133
|
+
// Fade In Left Big
|
134
|
+
@-webkit-keyframes fadeInLeftBig {
|
135
|
+
0% {
|
136
|
+
opacity: 0;
|
137
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
138
|
+
transform: translate3d(-100%, 0, 0);
|
139
|
+
}
|
140
|
+
|
141
|
+
100% {
|
142
|
+
opacity: 1;
|
143
|
+
-webkit-transform: none;
|
144
|
+
transform: none;
|
145
|
+
}
|
146
|
+
}
|
147
|
+
|
148
|
+
@keyframes fadeInLeftBig {
|
149
|
+
0% {
|
150
|
+
opacity: 0;
|
151
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
152
|
+
transform: translate3d(-100%, 0, 0);
|
153
|
+
}
|
154
|
+
|
155
|
+
100% {
|
156
|
+
opacity: 1;
|
157
|
+
-webkit-transform: none;
|
158
|
+
transform: none;
|
159
|
+
}
|
160
|
+
}
|
161
|
+
|
162
|
+
.fade-in-left-big {
|
163
|
+
-webkit-animation-name: fadeInLeftBig;
|
164
|
+
animation-name: fadeInLeftBig;
|
165
|
+
}
|
166
|
+
|
167
|
+
// Fade In Right
|
168
|
+
@-webkit-keyframes fadeInRight {
|
169
|
+
0% {
|
170
|
+
opacity: 0;
|
171
|
+
-webkit-transform: translate3d(30px, 0, 0);
|
172
|
+
transform: translate3d(30px, 0, 0);
|
173
|
+
}
|
174
|
+
|
175
|
+
100% {
|
176
|
+
opacity: 1;
|
177
|
+
-webkit-transform: none;
|
178
|
+
transform: none;
|
179
|
+
}
|
180
|
+
}
|
181
|
+
|
182
|
+
@keyframes fadeInRight {
|
183
|
+
0% {
|
184
|
+
opacity: 0;
|
185
|
+
-webkit-transform: translate3d(30px, 0, 0);
|
186
|
+
transform: translate3d(30px, 0, 0);
|
187
|
+
}
|
188
|
+
|
189
|
+
100% {
|
190
|
+
opacity: 1;
|
191
|
+
-webkit-transform: none;
|
192
|
+
transform: none;
|
193
|
+
}
|
194
|
+
}
|
195
|
+
|
196
|
+
.fade-in-right {
|
197
|
+
-webkit-animation-name: fadeInRight;
|
198
|
+
animation-name: fadeInRight;
|
199
|
+
}
|
200
|
+
|
201
|
+
// Fade In Right Big
|
202
|
+
@-webkit-keyframes fadeInRightBig {
|
203
|
+
0% {
|
204
|
+
opacity: 0;
|
205
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
206
|
+
transform: translate3d(100%, 0, 0);
|
207
|
+
}
|
208
|
+
|
209
|
+
100% {
|
210
|
+
opacity: 1;
|
211
|
+
-webkit-transform: none;
|
212
|
+
transform: none;
|
213
|
+
}
|
214
|
+
}
|
215
|
+
|
216
|
+
@keyframes fadeInRightBig {
|
217
|
+
0% {
|
218
|
+
opacity: 0;
|
219
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
220
|
+
transform: translate3d(100%, 0, 0);
|
221
|
+
}
|
222
|
+
|
223
|
+
100% {
|
224
|
+
opacity: 1;
|
225
|
+
-webkit-transform: none;
|
226
|
+
transform: none;
|
227
|
+
}
|
228
|
+
}
|
229
|
+
|
230
|
+
.fade-in-right-big {
|
231
|
+
-webkit-animation-name: fadeInRightBig;
|
232
|
+
animation-name: fadeInRightBig;
|
233
|
+
}
|
234
|
+
|
235
|
+
// Fade In Up
|
236
|
+
@-webkit-keyframes fadeInUp {
|
237
|
+
0% {
|
238
|
+
opacity: 0;
|
239
|
+
-webkit-transform: translate3d(0, 30px, 0);
|
240
|
+
transform: translate3d(0, 30px, 0);
|
241
|
+
}
|
242
|
+
|
243
|
+
100% {
|
244
|
+
opacity: 1;
|
245
|
+
-webkit-transform: none;
|
246
|
+
transform: none;
|
247
|
+
}
|
248
|
+
}
|
249
|
+
|
250
|
+
@keyframes fadeInUp {
|
251
|
+
0% {
|
252
|
+
opacity: 0;
|
253
|
+
-webkit-transform: translate3d(0, 30px, 0);
|
254
|
+
transform: translate3d(0, 30px, 0);
|
255
|
+
}
|
256
|
+
|
257
|
+
100% {
|
258
|
+
opacity: 1;
|
259
|
+
-webkit-transform: none;
|
260
|
+
transform: none;
|
261
|
+
}
|
262
|
+
}
|
263
|
+
|
264
|
+
.fade-in-up {
|
265
|
+
-webkit-animation-name: fadeInUp;
|
266
|
+
animation-name: fadeInUp;
|
267
|
+
}
|
268
|
+
|
269
|
+
// Fade In Up Big
|
270
|
+
@-webkit-keyframes fadeInUpBig {
|
271
|
+
0% {
|
272
|
+
opacity: 0;
|
273
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
274
|
+
transform: translate3d(0, 100%, 0);
|
275
|
+
}
|
276
|
+
|
277
|
+
100% {
|
278
|
+
opacity: 1;
|
279
|
+
-webkit-transform: none;
|
280
|
+
transform: none;
|
281
|
+
}
|
282
|
+
}
|
283
|
+
|
284
|
+
@keyframes fadeInUpBig {
|
285
|
+
0% {
|
286
|
+
opacity: 0;
|
287
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
288
|
+
transform: translate3d(0, 100%, 0);
|
289
|
+
}
|
290
|
+
|
291
|
+
100% {
|
292
|
+
opacity: 1;
|
293
|
+
-webkit-transform: none;
|
294
|
+
transform: none;
|
295
|
+
}
|
296
|
+
}
|
297
|
+
|
298
|
+
.fade-in-up-big {
|
299
|
+
-webkit-animation-name: fadeInUpBig;
|
300
|
+
animation-name: fadeInUpBig;
|
301
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
// ==========================================================================
|
2
|
+
// Base – Blockquote
|
3
|
+
// ==========================================================================
|
4
|
+
blockquote,
|
5
|
+
.blockquote {
|
6
|
+
font-family: @base-blockquote-font-family;
|
7
|
+
font-weight: @base-font-weight;
|
8
|
+
color: @base-blockquote-color;
|
9
|
+
font-style: italic;
|
10
|
+
margin: 3em 0;
|
11
|
+
p {
|
12
|
+
.font-size(@base-blockquote-font-size);
|
13
|
+
.line-height(@base-blockquote-line-height);
|
14
|
+
margin-bottom: .4em;
|
15
|
+
}
|
16
|
+
cite {
|
17
|
+
.font-size(@base-font-size - 3);
|
18
|
+
.line-height(@base-line-height - 3);
|
19
|
+
font-weight: @font-bold;
|
20
|
+
font-style: normal;
|
21
|
+
color: @base-blockquote-cite-color;
|
22
|
+
}
|
23
|
+
}
|
@@ -0,0 +1,76 @@
|
|
1
|
+
// ==========================================================================
|
2
|
+
// Base – Buttons
|
3
|
+
// ==========================================================================
|
4
|
+
|
5
|
+
// Custom Buttons
|
6
|
+
.btn {
|
7
|
+
background-color: #f3f3f3;
|
8
|
+
line-height: normal;
|
9
|
+
padding: .5em 1em;
|
10
|
+
text-decoration: none;
|
11
|
+
color: #363636;
|
12
|
+
display: inline-block;
|
13
|
+
-webkit-transition: all 0.3s;
|
14
|
+
-moz-transition: all 0.3s;
|
15
|
+
transition: all 0.3s;
|
16
|
+
&:hover { background: #f9f9f9; }
|
17
|
+
&:active { background: #fff; }
|
18
|
+
}
|
19
|
+
|
20
|
+
.btn-fit {
|
21
|
+
display: block;
|
22
|
+
text-align: center;
|
23
|
+
}
|
24
|
+
|
25
|
+
.btn-success {
|
26
|
+
background-color: #8CD1A8;
|
27
|
+
color: #FFFFFF;
|
28
|
+
&:hover { background: #70B58C; }
|
29
|
+
}
|
30
|
+
|
31
|
+
.btn-shade {
|
32
|
+
min-height: 260px;
|
33
|
+
background-color: rgba(0, 0, 0, 0.5);
|
34
|
+
color: #FFFFFF;
|
35
|
+
border: 4px solid #FFFFFF;
|
36
|
+
box-shadow: 0px 2px 6px #171717;
|
37
|
+
&:hover { background: rgba(0, 0, 0, 0.75); }
|
38
|
+
}
|
39
|
+
|
40
|
+
.btn-xl {
|
41
|
+
font-size: 200%;
|
42
|
+
}
|
43
|
+
|
44
|
+
.btn-lg {
|
45
|
+
font-size: 150%;
|
46
|
+
}
|
47
|
+
|
48
|
+
.btn-md {
|
49
|
+
font-size: 100%;
|
50
|
+
}
|
51
|
+
|
52
|
+
.btn-sm {
|
53
|
+
font-size: 80%;
|
54
|
+
}
|
55
|
+
|
56
|
+
.btn-xs {
|
57
|
+
font-size: 50%;
|
58
|
+
}
|
59
|
+
|
60
|
+
.btn-primary {
|
61
|
+
// Add your styles here
|
62
|
+
}
|
63
|
+
.btn-secondary {
|
64
|
+
// Add your styles here
|
65
|
+
}
|
66
|
+
|
67
|
+
// Button Styled as Link
|
68
|
+
.btn-link {
|
69
|
+
color: @base-link-color;
|
70
|
+
text-decoration: underline;
|
71
|
+
border: 0;
|
72
|
+
background: transparent;
|
73
|
+
padding: 0;
|
74
|
+
&:hover { text-decoration: none; }
|
75
|
+
&:active { outline: 0; }
|
76
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
// ==========================================================================
|
2
|
+
// Base – Code
|
3
|
+
// ==========================================================================
|
4
|
+
code, kbd, pre, samp {
|
5
|
+
.font-size(@base-code-font-size);
|
6
|
+
.line-height(@base-code-line-height);
|
7
|
+
word-wrap: break-word;
|
8
|
+
font-family: @base-code-font-family;
|
9
|
+
color: @base-code-color;
|
10
|
+
background-color: @base-code-background-color;
|
11
|
+
font-weight: normal;
|
12
|
+
padding: 5px;
|
13
|
+
white-space: pre-wrap;
|
14
|
+
}
|
15
|
+
pre {
|
16
|
+
padding: 10px;
|
17
|
+
overflow: auto;
|
18
|
+
border: 1px solid @base-code-border-color;
|
19
|
+
}
|