access-styles 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
+
|