access-styles 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/README.md +5 -0
- data/Rakefile +34 -0
- data/app/assets/javascripts/access-styles/data_confirm.js.coffee +36 -0
- data/app/assets/javascripts/access-styles/forms.js.coffee +13 -0
- data/app/assets/stylesheets/access-styles/bootstrap.css.scss +63 -0
- data/app/assets/stylesheets/access-styles/color.css.scss +50 -0
- data/app/assets/stylesheets/access-styles/foundation.css.scss +0 -0
- data/app/assets/stylesheets/access-styles/layout.css.scss +60 -0
- data/app/assets/stylesheets/access-styles/loading-animation.css.scss +182 -0
- data/app/assets/stylesheets/access-styles/mixins.css.scss +33 -0
- data/app/assets/stylesheets/access-styles/typography.css.scss +19 -0
- data/lib/access-styles/engine.rb +4 -0
- data/lib/access-styles/version.rb +3 -0
- data/lib/access-styles.rb +2 -0
- data/test/access_styles_test.rb +7 -0
- data/test/dummy/README.rdoc +28 -0
- data/test/dummy/Rakefile +6 -0
- data/test/dummy/app/assets/javascripts/application.js +13 -0
- data/test/dummy/app/assets/stylesheets/application.css +15 -0
- data/test/dummy/app/controllers/application_controller.rb +5 -0
- data/test/dummy/app/helpers/application_helper.rb +2 -0
- data/test/dummy/app/views/layouts/application.html.erb +14 -0
- data/test/dummy/bin/bundle +3 -0
- data/test/dummy/bin/rails +4 -0
- data/test/dummy/bin/rake +4 -0
- data/test/dummy/config/application.rb +23 -0
- data/test/dummy/config/boot.rb +5 -0
- data/test/dummy/config/database.yml +25 -0
- data/test/dummy/config/environment.rb +5 -0
- data/test/dummy/config/environments/development.rb +37 -0
- data/test/dummy/config/environments/production.rb +78 -0
- data/test/dummy/config/environments/test.rb +39 -0
- data/test/dummy/config/initializers/assets.rb +8 -0
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
- data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/test/dummy/config/initializers/inflections.rb +16 -0
- data/test/dummy/config/initializers/mime_types.rb +4 -0
- data/test/dummy/config/initializers/session_store.rb +3 -0
- data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/test/dummy/config/locales/en.yml +23 -0
- data/test/dummy/config/routes.rb +56 -0
- data/test/dummy/config/secrets.yml +22 -0
- data/test/dummy/config.ru +4 -0
- data/test/dummy/public/404.html +67 -0
- data/test/dummy/public/422.html +67 -0
- data/test/dummy/public/500.html +66 -0
- data/test/dummy/public/favicon.ico +0 -0
- data/test/integration/navigation_test.rb +10 -0
- data/test/test_helper.rb +15 -0
- metadata +180 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: ca890c2bd4759b8d0c06aa44fcfd0198652e3e9e
|
4
|
+
data.tar.gz: eb8243f6bb6c598d5d3adbdf370426f37eafea77
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 4205d867628d7de7efa4d0b42009cd6b6284c29bb46dbb75d09e96bee8c4149dc6d621ed1b3999c3821ab62a5cf3b2e3aaf8659a471c481dcc87dd6043af07b7
|
7
|
+
data.tar.gz: 2bc64bf288422ecd6ff7e43307b5019d82bc9a15fcd324c6d98c6666605d7a1e6bf6dd469a9b9693232902435607a4ef1f201df9fa04f11f6d269495f6b988c2
|
data/README.md
ADDED
data/Rakefile
ADDED
@@ -0,0 +1,34 @@
|
|
1
|
+
begin
|
2
|
+
require 'bundler/setup'
|
3
|
+
rescue LoadError
|
4
|
+
puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
|
5
|
+
end
|
6
|
+
|
7
|
+
require 'rdoc/task'
|
8
|
+
|
9
|
+
RDoc::Task.new(:rdoc) do |rdoc|
|
10
|
+
rdoc.rdoc_dir = 'rdoc'
|
11
|
+
rdoc.title = 'AccessStyles'
|
12
|
+
rdoc.options << '--line-numbers'
|
13
|
+
rdoc.rdoc_files.include('README.rdoc')
|
14
|
+
rdoc.rdoc_files.include('lib/**/*.rb')
|
15
|
+
end
|
16
|
+
|
17
|
+
APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
|
18
|
+
load 'rails/tasks/engine.rake'
|
19
|
+
|
20
|
+
|
21
|
+
|
22
|
+
Bundler::GemHelper.install_tasks
|
23
|
+
|
24
|
+
require 'rake/testtask'
|
25
|
+
|
26
|
+
Rake::TestTask.new(:test) do |t|
|
27
|
+
t.libs << 'lib'
|
28
|
+
t.libs << 'test'
|
29
|
+
t.pattern = 'test/**/*_test.rb'
|
30
|
+
t.verbose = false
|
31
|
+
end
|
32
|
+
|
33
|
+
|
34
|
+
task default: :test
|
@@ -0,0 +1,36 @@
|
|
1
|
+
$.rails.allowAction = (link) ->
|
2
|
+
return true unless link.attr('data-confirm')
|
3
|
+
$.rails.showConfirmDialog(link) # look bellow for implementations
|
4
|
+
false # always stops the action since code runs asynchronously
|
5
|
+
|
6
|
+
$.rails.confirmed = (link) ->
|
7
|
+
link.removeAttr('data-confirm')
|
8
|
+
link.trigger('click.rails')
|
9
|
+
|
10
|
+
$.rails.showConfirmDialog = (link) ->
|
11
|
+
message = link.attr 'data-confirm'
|
12
|
+
confirm_text = link.attr 'data-confirm-text'
|
13
|
+
confirm_text = "Ok" unless confirm_text
|
14
|
+
cancel_text = link.attr 'data-cancel-text'
|
15
|
+
cancel_text = "Cancel" unless cancel_text
|
16
|
+
|
17
|
+
html = """
|
18
|
+
<div class="modal" id="confirmationDialog">
|
19
|
+
<div class="modal-dialog">
|
20
|
+
<div class="modal-content">
|
21
|
+
<p class='pad-10 text-right'><a class="close" data-dismiss="modal">×</a></p>
|
22
|
+
<div class="modal-body text-center">
|
23
|
+
#{message}
|
24
|
+
</div>
|
25
|
+
<div class="modal-footer">
|
26
|
+
<p class='text-center'>
|
27
|
+
<a data-dismiss="modal" class="btn btn-default">#{cancel_text}</a>
|
28
|
+
<a data-dismiss="modal" class="btn btn-success confirm">#{confirm_text}</a>
|
29
|
+
</p>
|
30
|
+
</div>
|
31
|
+
</div>
|
32
|
+
</div>
|
33
|
+
</div>
|
34
|
+
"""
|
35
|
+
$(html).modal()
|
36
|
+
$('#confirmationDialog .confirm').on 'click', -> $.rails.confirmed(link)
|
@@ -0,0 +1,13 @@
|
|
1
|
+
$ ->
|
2
|
+
$(".show-password").focus ->
|
3
|
+
$(".show-password").each (index, input) ->
|
4
|
+
$input = $(input)
|
5
|
+
$('.show-password-label').remove()
|
6
|
+
$("<label class=\"show-password-label margin-top-10 medium\"/>").append($("<input type='checkbox' class='show-passwordcheckbox' />").click(->
|
7
|
+
change = (if $(this).is(":checked") then "text" else "password")
|
8
|
+
rep = $("<input type='" + change + "' />").attr("id", $input.attr("id")).attr("name", $input.attr("name")).attr("class", $input.attr("class")).val($input.val()).insertBefore($input)
|
9
|
+
$input.remove()
|
10
|
+
$input = rep
|
11
|
+
)).append($("<span/>").html("<span class='margin-left-5'>Show password</span>")).insertAfter $input
|
12
|
+
$("abbr[title]").attr('title': "Required").tooltip title: "Required", placement: "left"
|
13
|
+
|
@@ -0,0 +1,63 @@
|
|
1
|
+
$brand-primary: $blue;
|
2
|
+
$brand-success: $green;
|
3
|
+
$brand-info: $sky-blue;
|
4
|
+
$brand-warning: $yellow;
|
5
|
+
$brand-danger: $red;
|
6
|
+
|
7
|
+
// $tooltip-bg: $brand-danger;
|
8
|
+
// $headings-font-family: "bebas-neue";
|
9
|
+
// $font-family-base: "proxima-nova";
|
10
|
+
|
11
|
+
// $modal-backdrop-opacity: 0.7;
|
12
|
+
|
13
|
+
// $state-success-text: "";
|
14
|
+
// $state-success-bg: $brand-success;
|
15
|
+
// $state-success-border: "";
|
16
|
+
// $state-info-text: "";
|
17
|
+
// $state-info-bg: $brand-info;
|
18
|
+
// $state-info-border: "";
|
19
|
+
// $state-warning-text: "";
|
20
|
+
// $state-warning-bg: $brand-warning;
|
21
|
+
// $state-warning-border: "";
|
22
|
+
// $state-danger-text: $gray-darker;
|
23
|
+
// $state-danger-bg: $lighter-red;
|
24
|
+
// $state-danger-border: "";
|
25
|
+
|
26
|
+
// $navbar-height: "";
|
27
|
+
// $navbar-margin-bottom: "";
|
28
|
+
// $navbar-border-radius: 0;
|
29
|
+
// $navbar-padding-horizontal: "";
|
30
|
+
// $navbar-padding-vertical: "";
|
31
|
+
// $navbar-collapse-max-height: "";
|
32
|
+
// $navbar-default-color: "";
|
33
|
+
// $navbar-default-bg: $blue;
|
34
|
+
// $navbar-default-border: "";
|
35
|
+
// $navbar-default-link-color: $white;
|
36
|
+
// $navbar-default-link-hover-color: $sky-blue;
|
37
|
+
// $navbar-default-link-hover-bg: "";
|
38
|
+
// $navbar-default-link-active-color: "";
|
39
|
+
// $navbar-default-link-active-bg: "";
|
40
|
+
// $navbar-default-link-disabled-color: "";
|
41
|
+
// $navbar-default-link-disabled-bg: "";
|
42
|
+
// $navbar-default-brand-color: $white;
|
43
|
+
// $navbar-default-brand-hover-color: "";
|
44
|
+
// $navbar-default-brand-hover-bg: "";
|
45
|
+
// $navbar-default-toggle-hover-bg: "";
|
46
|
+
// $navbar-default-toggle-icon-bar-bg: "";
|
47
|
+
// $navbar-default-toggle-border-color: "";
|
48
|
+
// $navbar-inverse-color: "";
|
49
|
+
// $navbar-inverse-bg: "";
|
50
|
+
// $navbar-inverse-border: "";
|
51
|
+
// $navbar-inverse-link-color: "";
|
52
|
+
// $navbar-inverse-link-hover-color: "";
|
53
|
+
// $navbar-inverse-link-hover-bg: "";
|
54
|
+
// $navbar-inverse-link-active-color: "";
|
55
|
+
// $navbar-inverse-link-active-bg: "";
|
56
|
+
// $navbar-inverse-link-disabled-color: "";
|
57
|
+
// $navbar-inverse-link-disabled-bg: "";
|
58
|
+
// $navbar-inverse-brand-color: "";
|
59
|
+
// $navbar-inverse-brand-hover-color: "";
|
60
|
+
// $navbar-inverse-brand-hover-bg: "";
|
61
|
+
// $navbar-inverse-toggle-hover-bg: "";
|
62
|
+
// $navbar-inverse-toggle-icon-bar-bg: "";
|
63
|
+
// $navbar-inverse-toggle-border-color: "";
|
@@ -0,0 +1,50 @@
|
|
1
|
+
// * * * * * * * * * * * * * * * * * * * * * * * * * * VARIALBES
|
2
|
+
$red: #e54729;
|
3
|
+
$sky-blue: invert($red);
|
4
|
+
$blue: #002e62;
|
5
|
+
$yellow: #ffcc00;
|
6
|
+
$green: lighten(#55a602,8.5%);
|
7
|
+
|
8
|
+
$black: #000;
|
9
|
+
$white: #fff;
|
10
|
+
$mid-tone: #9ea7ad;
|
11
|
+
$lighter-tone: lighten($mid-tone, 30%);
|
12
|
+
$light-tone: lighten($mid-tone, 15%);
|
13
|
+
$dark-tone: darken($mid-tone, 30%);
|
14
|
+
$darker-tone: darken($mid-tone, 45%);
|
15
|
+
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
// * * * * * * * * * * * * * * * * * * * * * * * * * * COLOR HELPERS
|
20
|
+
.bg-red{background: $red;}
|
21
|
+
.bg-sky-blue{background: $sky-blue;}
|
22
|
+
.bg-blue{background: $blue;}
|
23
|
+
.bg-yellow{background: $yellow;}
|
24
|
+
.bg-green{background: $green;}
|
25
|
+
|
26
|
+
.text-red{color: $red;}
|
27
|
+
.text-sky-blue{color: $sky-blue;}
|
28
|
+
.text-blue{color: $blue;}
|
29
|
+
.text-yellow{color: $yellow;}
|
30
|
+
.text-green{color: $green;}
|
31
|
+
|
32
|
+
|
33
|
+
|
34
|
+
|
35
|
+
// * * * * * * * * * * * * * * * * * * * * * * * * * * TONE HELPERS
|
36
|
+
.bg-white{background: $white;}
|
37
|
+
.bg-black{background: $black;}
|
38
|
+
.bg-lighter-tone{background: $lighter-tone;}
|
39
|
+
.bg-light-tone{background: $light-tone;}
|
40
|
+
.bg-mid-tone{background: $mid-tone;}
|
41
|
+
.bg-dark-tone{background: $dark-tone;}
|
42
|
+
.bg-darker-tone{background: $darker-tone;}
|
43
|
+
|
44
|
+
.text-white{color: $white;}
|
45
|
+
.text-black{color: $black;}
|
46
|
+
.text-lighter-tone{color: $lighter-tone;}
|
47
|
+
.text-light-tone{color: $light-tone;}
|
48
|
+
.text-mid-tone{color: $mid-tone;}
|
49
|
+
.text-dark-tone{color: $dark-tone;}
|
50
|
+
.text-darker-tone{color: $darker-tone;}
|
File without changes
|
@@ -0,0 +1,60 @@
|
|
1
|
+
.section-xl {margin: 100px 0}
|
2
|
+
.section-l {margin: 80px 0}
|
3
|
+
.section-m {margin: 40px 0}
|
4
|
+
.section-s {margin: 20px 0}
|
5
|
+
|
6
|
+
@for $i from 0 to 31 {
|
7
|
+
$multiplier: $i * 5;
|
8
|
+
.pad-#{$multiplier} {
|
9
|
+
padding: #{$multiplier}px;
|
10
|
+
}
|
11
|
+
.pad-horizontal-#{$multiplier} {
|
12
|
+
padding-left: #{$multiplier}px;
|
13
|
+
padding-right: #{$multiplier}px;
|
14
|
+
}
|
15
|
+
.pad-vertical-#{$multiplier} {
|
16
|
+
padding-top: #{$multiplier}px;
|
17
|
+
padding-bottom: #{$multiplier}px;
|
18
|
+
}
|
19
|
+
.pad-top-#{$multiplier} {
|
20
|
+
padding-top: #{$multiplier}px;
|
21
|
+
}
|
22
|
+
.pad-bottom-#{$multiplier} {
|
23
|
+
padding-bottom: #{$multiplier}px;
|
24
|
+
}
|
25
|
+
.pad-left-#{$multiplier} {
|
26
|
+
padding-left: #{$multiplier}px;
|
27
|
+
}
|
28
|
+
.pad-right-#{$multiplier} {
|
29
|
+
padding-right: #{$multiplier}px;
|
30
|
+
}
|
31
|
+
.margin-#{$multiplier} {
|
32
|
+
margin: #{$multiplier}px;
|
33
|
+
}
|
34
|
+
.margin-horizontal-#{$multiplier} {
|
35
|
+
margin-left: #{$multiplier}px;
|
36
|
+
margin-right: #{$multiplier}px;
|
37
|
+
}
|
38
|
+
.margin-vertical-#{$multiplier} {
|
39
|
+
margin-top: #{$multiplier}px;
|
40
|
+
margin-bottom: #{$multiplier}px;
|
41
|
+
}
|
42
|
+
.margin-top-#{$multiplier} {
|
43
|
+
margin-top: #{$multiplier}px;
|
44
|
+
}
|
45
|
+
.margin-left-#{$multiplier} {
|
46
|
+
margin-left: #{$multiplier}px;
|
47
|
+
}
|
48
|
+
.margin-right-#{$multiplier} {
|
49
|
+
margin-right: #{$multiplier}px;
|
50
|
+
}
|
51
|
+
.margin-bottom-#{$multiplier} {
|
52
|
+
margin-bottom: #{$multiplier}px;
|
53
|
+
}
|
54
|
+
.negative-top-#{$multiplier} {
|
55
|
+
margin-top: -#{$multiplier}px !important;
|
56
|
+
}
|
57
|
+
.negative-bottom-#{$multiplier} {
|
58
|
+
margin-bottom: -#{$multiplier}px !important;
|
59
|
+
}
|
60
|
+
}
|
@@ -0,0 +1,182 @@
|
|
1
|
+
|
2
|
+
.loading-animation{
|
3
|
+
position:relative;
|
4
|
+
padding-top:25px;
|
5
|
+
padding-bottom: 25px;
|
6
|
+
right:0;
|
7
|
+
bottom:0;
|
8
|
+
background:#002e62;
|
9
|
+
}
|
10
|
+
|
11
|
+
.first_div{
|
12
|
+
background-color:#e2e2e2;
|
13
|
+
width:200px; height:200px;
|
14
|
+
padding: 10px;
|
15
|
+
border-radius:50%;
|
16
|
+
-webkit-animation: anim 0.7s 1 ease;
|
17
|
+
-moz-animation: anim 0.7s 1 ease;
|
18
|
+
-ms-animation: anim 0.7s 1 ease;
|
19
|
+
animation: anim 0.7s 1 ease;
|
20
|
+
}
|
21
|
+
|
22
|
+
.second_div{
|
23
|
+
width:198px; height:198px;
|
24
|
+
border:1px solid #4597df;
|
25
|
+
border-radius:50%;
|
26
|
+
-webkit-animation:anim 1s 1 ease;
|
27
|
+
-moz-animation:anim 1s 1 ease;
|
28
|
+
-ms-animation:anim 1s 1 ease;
|
29
|
+
animation:anim 1s 1 ease;
|
30
|
+
}
|
31
|
+
|
32
|
+
.img_div{
|
33
|
+
position: relative;
|
34
|
+
bottom: 10px;
|
35
|
+
width:200px;
|
36
|
+
height:200px;
|
37
|
+
-webkit-animation:animuser 1s 1 ease;
|
38
|
+
-moz-animation:animuser 1s 1 ease;
|
39
|
+
-ms-animation:animuser 1s 1 ease;
|
40
|
+
animation:animuser 1s 1 ease;
|
41
|
+
}
|
42
|
+
|
43
|
+
.txt_welcome{
|
44
|
+
font-family:'Roboto';
|
45
|
+
font-size: 46px;
|
46
|
+
font-weight: 300;
|
47
|
+
color: #ffffff;
|
48
|
+
padding-top: 25px;
|
49
|
+
-webkit-animation: animwelcome 1.7s 1 ease-in;
|
50
|
+
-moz-animation: animwelcome 1.7s 1 ease-in;
|
51
|
+
-ms-animation: animwelcome 1.7s 1 ease-in;
|
52
|
+
animation: animwelcome 1.7s 1 ease-in;
|
53
|
+
}
|
54
|
+
|
55
|
+
.txt_user{
|
56
|
+
font-family:'Roboto';
|
57
|
+
font-size: 22px;
|
58
|
+
font-weight: 100;
|
59
|
+
color: #ffffff;
|
60
|
+
-webkit-animation: animuser 1.9s 1 ease-in;
|
61
|
+
-moz-animation: animuser 1.9s 1 ease-in;
|
62
|
+
-ms-animation: animuser 1.9s 1 ease-in;
|
63
|
+
animation: animuser 1.9s 1 ease-in;
|
64
|
+
}
|
65
|
+
|
66
|
+
.first_circle{
|
67
|
+
width: 220px; height: 220px; border-radius:50%;
|
68
|
+
padding: 10px; margin-top: -12px;
|
69
|
+
position: absolute; left: 50%; margin-left: -122px;
|
70
|
+
border-top:2px solid $red;
|
71
|
+
border-right:2px solid $red;
|
72
|
+
border-bottom:2px solid $red;
|
73
|
+
border-left:2px solid #ffffff;
|
74
|
+
-webkit-animation:anim_wifeo 1.4s infinite linear;
|
75
|
+
-moz-animation:anim_wifeo 1.4s infinite linear;
|
76
|
+
-ms-animation:anim_wifeo 1.4s infinite linear;
|
77
|
+
animation:anim_wifeo 1.4s infinite linear;
|
78
|
+
}
|
79
|
+
|
80
|
+
@-webkit-keyframes anim{
|
81
|
+
0%{-webkit-transform:scale(0);}
|
82
|
+
50%{-webkit-transform:scale(1.7);}
|
83
|
+
100%{-webkit-transform:scale(1);}
|
84
|
+
}
|
85
|
+
|
86
|
+
@-moz-keyframes anim{
|
87
|
+
0%{-moz-transform:scale(0);}
|
88
|
+
50%{-moz-transform:scale(1.7);}
|
89
|
+
100%{-moz-transform:scale(1);}
|
90
|
+
}
|
91
|
+
|
92
|
+
@-ms-keyframes anim{
|
93
|
+
0%{-ms-transform:scale(0);}
|
94
|
+
50%{-ms-transform:scale(1.7);}
|
95
|
+
100%{-ms-transform:scale(1);}
|
96
|
+
}
|
97
|
+
|
98
|
+
@keyframes anim{
|
99
|
+
0%{transform:scale(0);}
|
100
|
+
50%{transform:scale(1.7);}
|
101
|
+
100%{transform:scale(1);}
|
102
|
+
}
|
103
|
+
|
104
|
+
@-webkit-keyframes animwelcome{
|
105
|
+
0%{-webkit-transform:scale(0);}
|
106
|
+
50%{-webkit-transform:scale(0);}
|
107
|
+
75%{-webkit-transform:scale(1.4);}
|
108
|
+
100%{-webkit-transform:scale(1);}
|
109
|
+
}
|
110
|
+
|
111
|
+
@-moz-keyframes animwelcome{
|
112
|
+
0%{-moz-transform:scale(0);}
|
113
|
+
50%{-moz-transform:scale(0);}
|
114
|
+
75%{-moz-transform:scale(1.4);}
|
115
|
+
100%{-moz-transform:scale(1);}
|
116
|
+
}
|
117
|
+
|
118
|
+
@-ms-keyframes animwelcome{
|
119
|
+
0%{-ms-transform:scale(0);}
|
120
|
+
50%{-ms-transform:scale(0);}
|
121
|
+
75%{-ms-transform:scale(1.4);}
|
122
|
+
100%{-ms-transform:scale(1);}
|
123
|
+
}
|
124
|
+
|
125
|
+
@keyframes animwelcome{
|
126
|
+
0%{transform:scale(0);}
|
127
|
+
50%{transform:scale(0);}
|
128
|
+
75%{transform:scale(1.4);}
|
129
|
+
100%{transform:scale(1);}
|
130
|
+
}
|
131
|
+
|
132
|
+
@-webkit-keyframes animuser{
|
133
|
+
0%{-webkit-transform:scale(0);}
|
134
|
+
50%{-webkit-transform:scale(0);}
|
135
|
+
75%{-webkit-transform:scale(1.4);}
|
136
|
+
100%{-webkit-transform:scale(1);}
|
137
|
+
}
|
138
|
+
|
139
|
+
@-moz-keyframes animuser{
|
140
|
+
0%{-moz-transform:scale(0);}
|
141
|
+
50%{-moz-transform:scale(0);}
|
142
|
+
75%{-moz-transform:scale(1.4);}
|
143
|
+
100%{-moz-transform:scale(1);}
|
144
|
+
}
|
145
|
+
|
146
|
+
@-ms-keyframes animuser{
|
147
|
+
0%{-ms-transform:scale(0);}
|
148
|
+
50%{-ms-transform:scale(0);}
|
149
|
+
75%{-ms-transform:scale(1.4);}
|
150
|
+
100%{-ms-transform:scale(1);}
|
151
|
+
}
|
152
|
+
|
153
|
+
@keyframes animuser{
|
154
|
+
0%{transform:scale(0);}
|
155
|
+
50%{transform:scale(0);}
|
156
|
+
75%{transform:scale(1.4);}
|
157
|
+
100%{transform:scale(1);}
|
158
|
+
}
|
159
|
+
|
160
|
+
@-webkit-keyframes anim_wifeo{
|
161
|
+
0%{-webkit-transform:rotate(0deg);}
|
162
|
+
50%{-webkit-transform:rotate(360deg);}
|
163
|
+
100%{-webkit-transform:rotate(720deg);}
|
164
|
+
}
|
165
|
+
|
166
|
+
@-moz-keyframes anim_wifeo{
|
167
|
+
0%{-moz-transform:rotate(0deg);}
|
168
|
+
50%{-moz-transform:rotate(360deg);}
|
169
|
+
100%{-moz-transform:rotate(720deg);}
|
170
|
+
}
|
171
|
+
|
172
|
+
@-ms-keyframes anim_wifeo{
|
173
|
+
0%{-ms-transform:rotate(0deg);}
|
174
|
+
50%{-ms-transform:rotate(360deg);}
|
175
|
+
100%{-ms-transform:rotate(720deg);}
|
176
|
+
}
|
177
|
+
|
178
|
+
@keyframes anim_wifeo{
|
179
|
+
0%{transform:rotate(0deg);}
|
180
|
+
50%{transform:rotate(360deg);}
|
181
|
+
100%{transform:rotate(720deg);}
|
182
|
+
}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
@mixin white-link{
|
2
|
+
text-shadow: 0px 1px 2px #1d1d1d;
|
3
|
+
color: #fff;
|
4
|
+
&:hover{
|
5
|
+
color: #fff !important;
|
6
|
+
}
|
7
|
+
}
|
8
|
+
|
9
|
+
@mixin shadow($radius: 20px) {
|
10
|
+
-webkit-box-shadow: 0px 0px $radius rgba(0,0,0,0.5);
|
11
|
+
-moz-box-shadow: 0px 0px $radius rgba(0,0,0,0.5);
|
12
|
+
-o-box-shadow: 0px 0px $radius rgba(0,0,0,0.5);
|
13
|
+
box-shadow: 0px 0px $radius rgba(0,0,0,0.5);
|
14
|
+
}
|
15
|
+
|
16
|
+
@mixin text-shadow($radius: 5px) {
|
17
|
+
-webkit-text-shadow: 0px 0px $radius rgba(0,0,0,0.5);
|
18
|
+
-moz-text-shadow: 0px 0px $radius rgba(0,0,0,0.5);
|
19
|
+
-o-text-shadow: 0px 0px $radius rgba(0,0,0,0.5);
|
20
|
+
text-shadow: 0px 0px $radius rgba(0,0,0,0.5);
|
21
|
+
}
|
22
|
+
|
23
|
+
@mixin radius($radius: 6px) {
|
24
|
+
-wekbit-border-radius: $radius;
|
25
|
+
-moz-border-radius: $radius;
|
26
|
+
-o-border-radius: $radius;
|
27
|
+
-ms-border-radius: $radius;
|
28
|
+
border-radius: $radius;
|
29
|
+
}
|
30
|
+
|
31
|
+
@mixin font-awesome {
|
32
|
+
font-family: 'FontAwesome';
|
33
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
.primary-header {font-family: bebas-neue, proxima-nova, helvetica, sans-serif;}
|
2
|
+
.secondary-header {font-family: proxima-nova, helvetica, sans-serif;}
|
3
|
+
|
4
|
+
.header-xxl {font-size: 4.5rem;} // 72px
|
5
|
+
.header-xl {font-size: 2.5rem;} // 40px
|
6
|
+
.header-l {font-size: 2rem;} // 32px
|
7
|
+
.header-m {font-size: 1.75rem ;} // 28px
|
8
|
+
.header-s {font-size: 1.5rem;} // 24px
|
9
|
+
|
10
|
+
.text-xxl {font-size: 2rem;} // 32px
|
11
|
+
.text-xl {font-size: 1.5rem;} // 24px
|
12
|
+
.text-l {font-size: 1.25rem;} // 20px
|
13
|
+
.text-m {font-size: 1rem ;} // 16px
|
14
|
+
.text-s {font-size: 0.875rem;} // 14px
|
15
|
+
|
16
|
+
.text-black {font-weight: 800;}
|
17
|
+
.text-bold {font-weight: 600;}
|
18
|
+
.text-book {font-weight: 400;}
|
19
|
+
.text-light {font-weight: 200;}
|
@@ -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/test/dummy/Rakefile
ADDED
@@ -0,0 +1,13 @@
|
|
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_tree .
|
@@ -0,0 +1,15 @@
|
|
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
|
+
*/
|
@@ -0,0 +1,14 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Dummy</title>
|
5
|
+
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
|
6
|
+
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
|
7
|
+
<%= csrf_meta_tags %>
|
8
|
+
</head>
|
9
|
+
<body>
|
10
|
+
|
11
|
+
<%= yield %>
|
12
|
+
|
13
|
+
</body>
|
14
|
+
</html>
|
data/test/dummy/bin/rake
ADDED
@@ -0,0 +1,23 @@
|
|
1
|
+
require File.expand_path('../boot', __FILE__)
|
2
|
+
|
3
|
+
require 'rails/all'
|
4
|
+
|
5
|
+
Bundler.require(*Rails.groups)
|
6
|
+
require "access-styles"
|
7
|
+
|
8
|
+
module Dummy
|
9
|
+
class Application < Rails::Application
|
10
|
+
# Settings in config/environments/* take precedence over those specified here.
|
11
|
+
# Application configuration should go into files in config/initializers
|
12
|
+
# -- all .rb files in that directory are automatically loaded.
|
13
|
+
|
14
|
+
# Set Time.zone default to the specified zone and make Active Record auto-convert to this zone.
|
15
|
+
# Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC.
|
16
|
+
# config.time_zone = 'Central Time (US & Canada)'
|
17
|
+
|
18
|
+
# The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
|
19
|
+
# config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
|
20
|
+
# config.i18n.default_locale = :de
|
21
|
+
end
|
22
|
+
end
|
23
|
+
|