maglove 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (103) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +6 -0
  3. data/Gemfile +3 -0
  4. data/Gemfile.lock +137 -0
  5. data/README.md +26 -0
  6. data/bin/maglove +21 -0
  7. data/data/maglove/scaffold/base/base.coffee +1 -0
  8. data/data/maglove/scaffold/base/base.less +26 -0
  9. data/data/maglove/scaffold/base/images/base/loading-bars.svg +17 -0
  10. data/data/maglove/scaffold/base/less/base/animations.less +301 -0
  11. data/data/maglove/scaffold/base/less/base/blockquotes.less +23 -0
  12. data/data/maglove/scaffold/base/less/base/buttons.less +76 -0
  13. data/data/maglove/scaffold/base/less/base/code.less +19 -0
  14. data/data/maglove/scaffold/base/less/base/forms.less +115 -0
  15. data/data/maglove/scaffold/base/less/base/global.less +142 -0
  16. data/data/maglove/scaffold/base/less/base/grid-minimal.less +146 -0
  17. data/data/maglove/scaffold/base/less/base/grid-non-responsive.less +63 -0
  18. data/data/maglove/scaffold/base/less/base/grid.less +267 -0
  19. data/data/maglove/scaffold/base/less/base/helpers.less +146 -0
  20. data/data/maglove/scaffold/base/less/base/images.less +8 -0
  21. data/data/maglove/scaffold/base/less/base/lists.less +23 -0
  22. data/data/maglove/scaffold/base/less/base/mixins.less +107 -0
  23. data/data/maglove/scaffold/base/less/base/print.less +35 -0
  24. data/data/maglove/scaffold/base/less/base/resets.less +27 -0
  25. data/data/maglove/scaffold/base/less/base/tables.less +29 -0
  26. data/data/maglove/scaffold/base/less/core/alignments.less +17 -0
  27. data/data/maglove/scaffold/base/less/core/cleanup.less +8 -0
  28. data/data/maglove/scaffold/base/less/core/editor.less +23 -0
  29. data/data/maglove/scaffold/base/less/core/typography.less +74 -0
  30. data/data/maglove/scaffold/base/less/vendor/flex-video.less +22 -0
  31. data/data/maglove/scaffold/base/less/vendor/font-awesome/animated.less +34 -0
  32. data/data/maglove/scaffold/base/less/vendor/font-awesome/bordered-pulled.less +16 -0
  33. data/data/maglove/scaffold/base/less/vendor/font-awesome/core.less +13 -0
  34. data/data/maglove/scaffold/base/less/vendor/font-awesome/fixed-width.less +6 -0
  35. data/data/maglove/scaffold/base/less/vendor/font-awesome/font-awesome.less +17 -0
  36. data/data/maglove/scaffold/base/less/vendor/font-awesome/icons.less +596 -0
  37. data/data/maglove/scaffold/base/less/vendor/font-awesome/larger.less +13 -0
  38. data/data/maglove/scaffold/base/less/vendor/font-awesome/list.less +19 -0
  39. data/data/maglove/scaffold/base/less/vendor/font-awesome/mixins.less +27 -0
  40. data/data/maglove/scaffold/base/less/vendor/font-awesome/rotated-flipped.less +20 -0
  41. data/data/maglove/scaffold/base/less/vendor/font-awesome/stacked.less +20 -0
  42. data/data/maglove/scaffold/base/less/vendor/font-awesome/variables.less +606 -0
  43. data/data/maglove/scaffold/base/less/vendor/font-awesome.less +16 -0
  44. data/data/maglove/scaffold/base/less/vendor/image-loader.less +15 -0
  45. data/data/maglove/scaffold/base/less/vendor/magnific-popup.less +363 -0
  46. data/data/maglove/scaffold/base/less/widgets/banner.less +3 -0
  47. data/data/maglove/scaffold/base/less/widgets/button.less +26 -0
  48. data/data/maglove/scaffold/base/less/widgets/callout.less +3 -0
  49. data/data/maglove/scaffold/base/less/widgets/columns.less +25 -0
  50. data/data/maglove/scaffold/base/less/widgets/container.less +114 -0
  51. data/data/maglove/scaffold/base/less/widgets/feedback.less +11 -0
  52. data/data/maglove/scaffold/base/less/widgets/heading.less +8 -0
  53. data/data/maglove/scaffold/base/less/widgets/horizontal_rule.less +113 -0
  54. data/data/maglove/scaffold/base/less/widgets/image.less +85 -0
  55. data/data/maglove/scaffold/base/less/widgets/paragraph.less +3 -0
  56. data/data/maglove/scaffold/base/variables.less +75 -0
  57. data/data/maglove/scaffold/base/vendor/jquery.js +4 -0
  58. data/data/maglove/scaffold/theme/images/logo.png +0 -0
  59. data/data/maglove/scaffold/theme/images/pattern/symphony.png +0 -0
  60. data/data/maglove/scaffold/theme/less/base/variables.less +25 -0
  61. data/data/maglove/scaffold/theme/templates/article-01.haml +41 -0
  62. data/data/maglove/scaffold/theme/templates/cover.haml +27 -0
  63. data/data/maglove/scaffold/theme/templates/toc.haml +34 -0
  64. data/data/maglove/scaffold/theme/templates/toc.yml +12 -0
  65. data/data/maglove/scaffold/theme/theme.coffee +1 -0
  66. data/data/maglove/scaffold/theme/theme.less +4 -0
  67. data/data/maglove/sdk.coffee +22 -0
  68. data/data/maglove/sdk.haml +18 -0
  69. data/data/maglove/sdk.less +60 -0
  70. data/data/maglove/thumbnail.haml +11 -0
  71. data/data/maglove/thumbnail.js +160 -0
  72. data/data/maglove/vendor.js +4 -0
  73. data/lib/ext/commander/command.rb +32 -0
  74. data/lib/ext/commander/methods.rb +8 -0
  75. data/lib/maglove/application.rb +46 -0
  76. data/lib/maglove/asset/base_theme.rb +17 -0
  77. data/lib/maglove/asset/theme.rb +83 -0
  78. data/lib/maglove/command/compile.rb +40 -0
  79. data/lib/maglove/command/compress.rb +36 -0
  80. data/lib/maglove/command/copy.rb +35 -0
  81. data/lib/maglove/command/core.rb +23 -0
  82. data/lib/maglove/command/font.rb +80 -0
  83. data/lib/maglove/command/server.rb +16 -0
  84. data/lib/maglove/command/sync.rb +17 -0
  85. data/lib/maglove/command/theme.rb +132 -0
  86. data/lib/maglove/command/util.rb +45 -0
  87. data/lib/maglove/helper/asset_helper.rb +24 -0
  88. data/lib/maglove/helper/command_helper.rb +67 -0
  89. data/lib/maglove/helper/log_helper.rb +42 -0
  90. data/lib/maglove/helper/theme_helper.rb +101 -0
  91. data/lib/maglove/phantom_script.rb +45 -0
  92. data/lib/maglove/server.rb +80 -0
  93. data/lib/maglove/template/tumblr.rb +81 -0
  94. data/lib/maglove/tilt/coffee_template.rb +47 -0
  95. data/lib/maglove/tilt/haml_template.rb +20 -0
  96. data/lib/maglove/tilt/js_template.rb +38 -0
  97. data/lib/maglove/tilt/less_template.rb +18 -0
  98. data/lib/maglove/tilt/twig_template.rb +49 -0
  99. data/lib/maglove/tilt/yaml_template.rb +19 -0
  100. data/lib/maglove/version.rb +3 -0
  101. data/lib/maglove.rb +46 -0
  102. data/maglove.gemspec +39 -0
  103. 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
@@ -0,0 +1,6 @@
1
+ /.env
2
+ /data/maglove/twigster.phar
3
+ /dist/*
4
+ .DS_Store
5
+ /maglove-*.gem
6
+ /src/*
data/Gemfile ADDED
@@ -0,0 +1,3 @@
1
+ source 'https://rubygems.org'
2
+
3
+ gemspec
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
+ }