mixitup_rails 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +14 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +63 -0
- data/Rakefile +2 -0
- data/demoapp/.gitignore +16 -0
- data/demoapp/Gemfile +41 -0
- data/demoapp/Gemfile.lock +132 -0
- data/demoapp/README.rdoc +28 -0
- data/demoapp/Rakefile +6 -0
- data/demoapp/app/assets/images/.keep +0 -0
- data/demoapp/app/assets/javascripts/application.js +17 -0
- data/demoapp/app/assets/javascripts/welcome.js.coffee +3 -0
- data/demoapp/app/assets/stylesheets/application.css +133 -0
- data/demoapp/app/assets/stylesheets/welcome.css.scss +3 -0
- data/demoapp/app/controllers/application_controller.rb +5 -0
- data/demoapp/app/controllers/concerns/.keep +0 -0
- data/demoapp/app/controllers/welcome_controller.rb +4 -0
- data/demoapp/app/helpers/application_helper.rb +2 -0
- data/demoapp/app/helpers/welcome_helper.rb +2 -0
- data/demoapp/app/mailers/.keep +0 -0
- data/demoapp/app/models/.keep +0 -0
- data/demoapp/app/models/concerns/.keep +0 -0
- data/demoapp/app/views/layouts/application.html.erb +14 -0
- data/demoapp/app/views/welcome/index.html.erb +48 -0
- data/demoapp/bin/bundle +3 -0
- data/demoapp/bin/rails +4 -0
- data/demoapp/bin/rake +4 -0
- data/demoapp/config.ru +4 -0
- data/demoapp/config/application.rb +30 -0
- data/demoapp/config/boot.rb +4 -0
- data/demoapp/config/database.yml +25 -0
- data/demoapp/config/environment.rb +5 -0
- data/demoapp/config/environments/development.rb +37 -0
- data/demoapp/config/environments/production.rb +82 -0
- data/demoapp/config/environments/test.rb +39 -0
- data/demoapp/config/initializers/assets.rb +8 -0
- data/demoapp/config/initializers/backtrace_silencers.rb +7 -0
- data/demoapp/config/initializers/cookies_serializer.rb +3 -0
- data/demoapp/config/initializers/filter_parameter_logging.rb +4 -0
- data/demoapp/config/initializers/inflections.rb +16 -0
- data/demoapp/config/initializers/mime_types.rb +4 -0
- data/demoapp/config/initializers/session_store.rb +3 -0
- data/demoapp/config/initializers/wrap_parameters.rb +14 -0
- data/demoapp/config/locales/en.yml +23 -0
- data/demoapp/config/routes.rb +58 -0
- data/demoapp/config/secrets.yml +22 -0
- data/demoapp/db/seeds.rb +7 -0
- data/demoapp/lib/assets/.keep +0 -0
- data/demoapp/lib/tasks/.keep +0 -0
- data/demoapp/log/.keep +0 -0
- data/demoapp/public/404.html +67 -0
- data/demoapp/public/422.html +67 -0
- data/demoapp/public/500.html +66 -0
- data/demoapp/public/favicon.ico +0 -0
- data/demoapp/public/robots.txt +5 -0
- data/demoapp/vendor/assets/javascripts/.keep +0 -0
- data/demoapp/vendor/assets/stylesheets/.keep +0 -0
- data/lib/mixitup_rails.rb +11 -0
- data/lib/mixitup_rails/version.rb +3 -0
- data/mixitup_rails.gemspec +23 -0
- data/vendor/assets/javascripts/mixitup.js +2072 -0
- metadata +135 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 50c35186b97a600ea26b8a74c96f47b43b38a1c4
|
4
|
+
data.tar.gz: 847ac72d63d98f08ea08b1dc6a7f1f28b8f1bbbe
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: c37574916b25957afa103cae0577b1d1a6b2d9cf7ea4702eed9fc046f8fc7fc70b03e6a8b09f7d919fc6fa52254e5e1c1bb8c93ce645e82f945d393d968ab74f
|
7
|
+
data.tar.gz: 2b8698782066427d6475b056cf2132782cd8e97d9f3b6a3f28804fc0f32c18e261870691668bf0f5d22a4d454c11d871e744e96017a9311b439a23cfad954809
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/LICENSE.txt
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
Copyright (c) 2015 Guinsly Mondesir
|
2
|
+
|
3
|
+
MIT License
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
6
|
+
a copy of this software and associated documentation files (the
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
11
|
+
the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,63 @@
|
|
1
|
+
# MixitupRails
|
2
|
+
|
3
|
+
Adding Mixitup in your rails app. MixItUp - A Filter & Sort Plugin https://mixitup.kunkalabs.com
|
4
|
+
|
5
|
+
## Installation
|
6
|
+
|
7
|
+
Add this line to your application's Gemfile:
|
8
|
+
|
9
|
+
```ruby
|
10
|
+
gem 'mixitup_rails'
|
11
|
+
```
|
12
|
+
|
13
|
+
And then execute:
|
14
|
+
|
15
|
+
$ bundle
|
16
|
+
|
17
|
+
Or install it yourself as:
|
18
|
+
|
19
|
+
$ gem install mixitup_rails
|
20
|
+
|
21
|
+
## Usage
|
22
|
+
|
23
|
+
add in `app/assets/javascripts/application.js` after jquery (below jquery)
|
24
|
+
|
25
|
+
//= require mixitup
|
26
|
+
|
27
|
+
```javascript
|
28
|
+
$('#Container').mixItUp(); // an instance now exists in the session memory
|
29
|
+
```
|
30
|
+
|
31
|
+
###Demoapp
|
32
|
+
open the folder `demoapp` to view an example of mixitup app.
|
33
|
+
```
|
34
|
+
$ git clone git@github.com:guinslym/mixitup_rails.git
|
35
|
+
$ cd mixitup_rails/demoapp
|
36
|
+
$ bundle install
|
37
|
+
$ rails s
|
38
|
+
#open your browser at http://localhost:3000/welcome/index
|
39
|
+
```
|
40
|
+
|
41
|
+
|
42
|
+
####Issues you may find with turbolink
|
43
|
+
[mixitup-rails-turbolinks](http://www.asithadesilva.com/mixitup-rails-turbolinks/) and [github issues' page link](https://github.com/patrickkunka/mixitup/issues/111)
|
44
|
+
|
45
|
+
```javascript
|
46
|
+
$(function(){ // on first doc ready we instantiate mixitup
|
47
|
+
$('#container').mixItUp(); // an instance now exists in the session memory
|
48
|
+
});
|
49
|
+
$(window).on('page:before-change', function(){
|
50
|
+
$('#container').mixItUp('destroy'); // destroy the instance
|
51
|
+
});
|
52
|
+
$(window).on('page:load', function(){
|
53
|
+
$('#container').mixItUp(); // We can now reinstantiate without being blocked
|
54
|
+
});
|
55
|
+
```
|
56
|
+
|
57
|
+
## Contributing
|
58
|
+
|
59
|
+
1. Fork it ( https://github.com/guinslym/mixitup_rails/fork )
|
60
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
61
|
+
3. Commit your changes (`git commit -am 'Add some feature'`)
|
62
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
63
|
+
5. Create a new Pull Request
|
data/Rakefile
ADDED
data/demoapp/.gitignore
ADDED
@@ -0,0 +1,16 @@
|
|
1
|
+
# See https://help.github.com/articles/ignoring-files for more about ignoring files.
|
2
|
+
#
|
3
|
+
# If you find yourself ignoring temporary files generated by your text editor
|
4
|
+
# or operating system, you probably want to add a global ignore instead:
|
5
|
+
# git config --global core.excludesfile '~/.gitignore_global'
|
6
|
+
|
7
|
+
# Ignore bundler config.
|
8
|
+
/.bundle
|
9
|
+
|
10
|
+
# Ignore the default SQLite database.
|
11
|
+
/db/*.sqlite3
|
12
|
+
/db/*.sqlite3-journal
|
13
|
+
|
14
|
+
# Ignore all logfiles and tempfiles.
|
15
|
+
/log/*.log
|
16
|
+
/tmp
|
data/demoapp/Gemfile
ADDED
@@ -0,0 +1,41 @@
|
|
1
|
+
source 'https://rubygems.org'
|
2
|
+
|
3
|
+
|
4
|
+
# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
|
5
|
+
gem 'rails', '4.1.5'
|
6
|
+
# Use sqlite3 as the database for Active Record
|
7
|
+
gem 'sqlite3'
|
8
|
+
# Use SCSS for stylesheets
|
9
|
+
gem 'sass-rails', '~> 4.0.3'
|
10
|
+
# Use Uglifier as compressor for JavaScript assets
|
11
|
+
gem 'uglifier', '>= 1.3.0'
|
12
|
+
# Use CoffeeScript for .js.coffee assets and views
|
13
|
+
gem 'coffee-rails', '~> 4.0.0'
|
14
|
+
# See https://github.com/sstephenson/execjs#readme for more supported runtimes
|
15
|
+
# gem 'therubyracer', platforms: :ruby
|
16
|
+
|
17
|
+
# Use jquery as the JavaScript library
|
18
|
+
gem 'jquery-rails'
|
19
|
+
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
|
20
|
+
gem 'turbolinks'
|
21
|
+
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
|
22
|
+
gem 'jbuilder', '~> 2.0'
|
23
|
+
# bundle exec rake doc:rails generates the API under doc/api.
|
24
|
+
gem 'sdoc', '~> 0.4.0', group: :doc
|
25
|
+
|
26
|
+
# Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
|
27
|
+
gem 'spring', group: :development
|
28
|
+
|
29
|
+
# Use ActiveModel has_secure_password
|
30
|
+
# gem 'bcrypt', '~> 3.1.7'
|
31
|
+
|
32
|
+
# Use unicorn as the app server
|
33
|
+
# gem 'unicorn'
|
34
|
+
|
35
|
+
# Use Capistrano for deployment
|
36
|
+
# gem 'capistrano-rails', group: :development
|
37
|
+
|
38
|
+
# Use debugger
|
39
|
+
# gem 'debugger', group: [:development, :test]
|
40
|
+
gem 'mixitup_rails', :git => 'git@github.com:guinslym/mixitup_rails.git'
|
41
|
+
|
@@ -0,0 +1,132 @@
|
|
1
|
+
GIT
|
2
|
+
remote: git@github.com:guinslym/mixitup_rails.git
|
3
|
+
revision: 07ca459956ad36c9532888a1a3ff634e08683c19
|
4
|
+
specs:
|
5
|
+
mixitup_rails (0.0.3)
|
6
|
+
|
7
|
+
GEM
|
8
|
+
remote: https://rubygems.org/
|
9
|
+
specs:
|
10
|
+
actionmailer (4.1.5)
|
11
|
+
actionpack (= 4.1.5)
|
12
|
+
actionview (= 4.1.5)
|
13
|
+
mail (~> 2.5.4)
|
14
|
+
actionpack (4.1.5)
|
15
|
+
actionview (= 4.1.5)
|
16
|
+
activesupport (= 4.1.5)
|
17
|
+
rack (~> 1.5.2)
|
18
|
+
rack-test (~> 0.6.2)
|
19
|
+
actionview (4.1.5)
|
20
|
+
activesupport (= 4.1.5)
|
21
|
+
builder (~> 3.1)
|
22
|
+
erubis (~> 2.7.0)
|
23
|
+
activemodel (4.1.5)
|
24
|
+
activesupport (= 4.1.5)
|
25
|
+
builder (~> 3.1)
|
26
|
+
activerecord (4.1.5)
|
27
|
+
activemodel (= 4.1.5)
|
28
|
+
activesupport (= 4.1.5)
|
29
|
+
arel (~> 5.0.0)
|
30
|
+
activesupport (4.1.5)
|
31
|
+
i18n (~> 0.6, >= 0.6.9)
|
32
|
+
json (~> 1.7, >= 1.7.7)
|
33
|
+
minitest (~> 5.1)
|
34
|
+
thread_safe (~> 0.1)
|
35
|
+
tzinfo (~> 1.1)
|
36
|
+
arel (5.0.1.20140414130214)
|
37
|
+
builder (3.2.2)
|
38
|
+
coffee-rails (4.0.1)
|
39
|
+
coffee-script (>= 2.2.0)
|
40
|
+
railties (>= 4.0.0, < 5.0)
|
41
|
+
coffee-script (2.3.0)
|
42
|
+
coffee-script-source
|
43
|
+
execjs
|
44
|
+
coffee-script-source (1.8.0)
|
45
|
+
erubis (2.7.0)
|
46
|
+
execjs (2.2.2)
|
47
|
+
hike (1.2.3)
|
48
|
+
i18n (0.7.0)
|
49
|
+
jbuilder (2.2.6)
|
50
|
+
activesupport (>= 3.0.0, < 5)
|
51
|
+
multi_json (~> 1.2)
|
52
|
+
jquery-rails (3.1.2)
|
53
|
+
railties (>= 3.0, < 5.0)
|
54
|
+
thor (>= 0.14, < 2.0)
|
55
|
+
json (1.8.2)
|
56
|
+
mail (2.5.4)
|
57
|
+
mime-types (~> 1.16)
|
58
|
+
treetop (~> 1.4.8)
|
59
|
+
mime-types (1.25.1)
|
60
|
+
minitest (5.5.1)
|
61
|
+
multi_json (1.10.1)
|
62
|
+
polyglot (0.3.5)
|
63
|
+
rack (1.5.2)
|
64
|
+
rack-test (0.6.3)
|
65
|
+
rack (>= 1.0)
|
66
|
+
rails (4.1.5)
|
67
|
+
actionmailer (= 4.1.5)
|
68
|
+
actionpack (= 4.1.5)
|
69
|
+
actionview (= 4.1.5)
|
70
|
+
activemodel (= 4.1.5)
|
71
|
+
activerecord (= 4.1.5)
|
72
|
+
activesupport (= 4.1.5)
|
73
|
+
bundler (>= 1.3.0, < 2.0)
|
74
|
+
railties (= 4.1.5)
|
75
|
+
sprockets-rails (~> 2.0)
|
76
|
+
railties (4.1.5)
|
77
|
+
actionpack (= 4.1.5)
|
78
|
+
activesupport (= 4.1.5)
|
79
|
+
rake (>= 0.8.7)
|
80
|
+
thor (>= 0.18.1, < 2.0)
|
81
|
+
rake (10.4.2)
|
82
|
+
rdoc (4.2.0)
|
83
|
+
json (~> 1.4)
|
84
|
+
sass (3.2.19)
|
85
|
+
sass-rails (4.0.5)
|
86
|
+
railties (>= 4.0.0, < 5.0)
|
87
|
+
sass (~> 3.2.2)
|
88
|
+
sprockets (~> 2.8, < 3.0)
|
89
|
+
sprockets-rails (~> 2.0)
|
90
|
+
sdoc (0.4.1)
|
91
|
+
json (~> 1.7, >= 1.7.7)
|
92
|
+
rdoc (~> 4.0)
|
93
|
+
spring (1.2.0)
|
94
|
+
sprockets (2.12.3)
|
95
|
+
hike (~> 1.2)
|
96
|
+
multi_json (~> 1.0)
|
97
|
+
rack (~> 1.0)
|
98
|
+
tilt (~> 1.1, != 1.3.0)
|
99
|
+
sprockets-rails (2.2.2)
|
100
|
+
actionpack (>= 3.0)
|
101
|
+
activesupport (>= 3.0)
|
102
|
+
sprockets (>= 2.8, < 4.0)
|
103
|
+
sqlite3 (1.3.10)
|
104
|
+
thor (0.19.1)
|
105
|
+
thread_safe (0.3.4)
|
106
|
+
tilt (1.4.1)
|
107
|
+
treetop (1.4.15)
|
108
|
+
polyglot
|
109
|
+
polyglot (>= 0.3.1)
|
110
|
+
turbolinks (2.5.3)
|
111
|
+
coffee-rails
|
112
|
+
tzinfo (1.2.2)
|
113
|
+
thread_safe (~> 0.1)
|
114
|
+
uglifier (2.7.0)
|
115
|
+
execjs (>= 0.3.0)
|
116
|
+
json (>= 1.8.0)
|
117
|
+
|
118
|
+
PLATFORMS
|
119
|
+
ruby
|
120
|
+
|
121
|
+
DEPENDENCIES
|
122
|
+
coffee-rails (~> 4.0.0)
|
123
|
+
jbuilder (~> 2.0)
|
124
|
+
jquery-rails
|
125
|
+
mixitup_rails!
|
126
|
+
rails (= 4.1.5)
|
127
|
+
sass-rails (~> 4.0.3)
|
128
|
+
sdoc (~> 0.4.0)
|
129
|
+
spring
|
130
|
+
sqlite3
|
131
|
+
turbolinks
|
132
|
+
uglifier (>= 1.3.0)
|
data/demoapp/README.rdoc
ADDED
@@ -0,0 +1,28 @@
|
|
1
|
+
== README
|
2
|
+
|
3
|
+
This README would normally document whatever steps are necessary to get the
|
4
|
+
application up and running.
|
5
|
+
|
6
|
+
Things you may want to cover:
|
7
|
+
|
8
|
+
* Ruby version
|
9
|
+
|
10
|
+
* System dependencies
|
11
|
+
|
12
|
+
* Configuration
|
13
|
+
|
14
|
+
* Database creation
|
15
|
+
|
16
|
+
* Database initialization
|
17
|
+
|
18
|
+
* How to run the test suite
|
19
|
+
|
20
|
+
* Services (job queues, cache servers, search engines, etc.)
|
21
|
+
|
22
|
+
* Deployment instructions
|
23
|
+
|
24
|
+
* ...
|
25
|
+
|
26
|
+
|
27
|
+
Please feel free to use a different markup language if you do not plan to run
|
28
|
+
<tt>rake doc:app</tt>.
|
data/demoapp/Rakefile
ADDED
File without changes
|
@@ -0,0 +1,17 @@
|
|
1
|
+
// This is a manifest file that'll be compiled into application.js, which will include all the files
|
2
|
+
// listed below.
|
3
|
+
//
|
4
|
+
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
|
5
|
+
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
|
6
|
+
//
|
7
|
+
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
|
8
|
+
// compiled file.
|
9
|
+
//
|
10
|
+
// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
|
11
|
+
// about supported directives.
|
12
|
+
//
|
13
|
+
//= require jquery
|
14
|
+
//= require jquery_ujs
|
15
|
+
//= require mixitup
|
16
|
+
//= require turbolinks
|
17
|
+
//= require_tree .
|
@@ -0,0 +1,133 @@
|
|
1
|
+
/*
|
2
|
+
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
3
|
+
* listed below.
|
4
|
+
*
|
5
|
+
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
|
6
|
+
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
|
7
|
+
*
|
8
|
+
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
|
9
|
+
* compiled file so the styles you add here take precedence over styles defined in any styles
|
10
|
+
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
|
11
|
+
* file per style scope.
|
12
|
+
*
|
13
|
+
*= require_tree .
|
14
|
+
*= require_self
|
15
|
+
*/
|
16
|
+
*{
|
17
|
+
-webkit-box-sizing: border-box;
|
18
|
+
-moz-box-sizing: border-box;
|
19
|
+
box-sizing: border-box;
|
20
|
+
}
|
21
|
+
|
22
|
+
body, button{
|
23
|
+
font-family: 'Helvetica Neue', arial, sans-serif;
|
24
|
+
}
|
25
|
+
|
26
|
+
.controls{
|
27
|
+
padding: 2%;
|
28
|
+
background: #333;
|
29
|
+
color: #eee;
|
30
|
+
}
|
31
|
+
|
32
|
+
label{
|
33
|
+
font-weight: 300;
|
34
|
+
margin: 0 .4em 0 1em;
|
35
|
+
}
|
36
|
+
|
37
|
+
label:first-child{
|
38
|
+
margin-left: 0;
|
39
|
+
}
|
40
|
+
|
41
|
+
button{
|
42
|
+
display: inline-block;
|
43
|
+
padding: .4em .8em;
|
44
|
+
background: #666;
|
45
|
+
border: 0;
|
46
|
+
color: #ddd;
|
47
|
+
font-size: 16px;
|
48
|
+
font-weight: 300;
|
49
|
+
border-radius: 4px;
|
50
|
+
cursor: pointer;
|
51
|
+
}
|
52
|
+
|
53
|
+
button.active{
|
54
|
+
background: #68b8c4;
|
55
|
+
}
|
56
|
+
|
57
|
+
button:focus{
|
58
|
+
outline: 0 none;
|
59
|
+
}
|
60
|
+
|
61
|
+
button + label{
|
62
|
+
margin-left: 1em;
|
63
|
+
}
|
64
|
+
|
65
|
+
.container{
|
66
|
+
padding: 2% 2% 0;
|
67
|
+
text-align: justify;
|
68
|
+
font-size: 0.1px;
|
69
|
+
background: #68b8c4;
|
70
|
+
|
71
|
+
-webkit-backface-visibility: hidden;
|
72
|
+
}
|
73
|
+
|
74
|
+
.container:after{
|
75
|
+
content: '';
|
76
|
+
display: inline-block;
|
77
|
+
width: 100%;
|
78
|
+
}
|
79
|
+
|
80
|
+
.container .mix,
|
81
|
+
.container .gap{
|
82
|
+
display: inline-block;
|
83
|
+
width: 49%;
|
84
|
+
}
|
85
|
+
|
86
|
+
.container .mix{
|
87
|
+
text-align: left;
|
88
|
+
background: #03899c;
|
89
|
+
margin-bottom: 2%;
|
90
|
+
display: none;
|
91
|
+
}
|
92
|
+
|
93
|
+
.container .mix.category-1{
|
94
|
+
border-top: 2px solid limegreen;
|
95
|
+
}
|
96
|
+
|
97
|
+
.container .mix.category-2{
|
98
|
+
border-top: 2px solid yellow;
|
99
|
+
}
|
100
|
+
|
101
|
+
.container .mix:after{
|
102
|
+
content: attr(data-myorder);
|
103
|
+
color: white;
|
104
|
+
font-size: 16px;
|
105
|
+
display: inline-block;
|
106
|
+
vertical-align: top;
|
107
|
+
padding: 4% 6%;
|
108
|
+
font-weight: 700;
|
109
|
+
}
|
110
|
+
|
111
|
+
.container .mix:before{
|
112
|
+
content: '';
|
113
|
+
display: inline-block;
|
114
|
+
padding-top: 60%;
|
115
|
+
}
|
116
|
+
|
117
|
+
@media all and (min-width: 420px){
|
118
|
+
.container .mix,
|
119
|
+
.container .gap{
|
120
|
+
width: 32%;
|
121
|
+
}
|
122
|
+
}
|
123
|
+
|
124
|
+
@media all and (min-width: 640px){
|
125
|
+
.container .mix,
|
126
|
+
.container .gap{
|
127
|
+
width: 23.5%;
|
128
|
+
}
|
129
|
+
}
|
130
|
+
body{
|
131
|
+
margin: 0;
|
132
|
+
padding: 0;
|
133
|
+
}
|