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.
Files changed (52) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +5 -0
  3. data/Rakefile +34 -0
  4. data/app/assets/javascripts/access-styles/data_confirm.js.coffee +36 -0
  5. data/app/assets/javascripts/access-styles/forms.js.coffee +13 -0
  6. data/app/assets/stylesheets/access-styles/bootstrap.css.scss +63 -0
  7. data/app/assets/stylesheets/access-styles/color.css.scss +50 -0
  8. data/app/assets/stylesheets/access-styles/foundation.css.scss +0 -0
  9. data/app/assets/stylesheets/access-styles/layout.css.scss +60 -0
  10. data/app/assets/stylesheets/access-styles/loading-animation.css.scss +182 -0
  11. data/app/assets/stylesheets/access-styles/mixins.css.scss +33 -0
  12. data/app/assets/stylesheets/access-styles/typography.css.scss +19 -0
  13. data/lib/access-styles/engine.rb +4 -0
  14. data/lib/access-styles/version.rb +3 -0
  15. data/lib/access-styles.rb +2 -0
  16. data/test/access_styles_test.rb +7 -0
  17. data/test/dummy/README.rdoc +28 -0
  18. data/test/dummy/Rakefile +6 -0
  19. data/test/dummy/app/assets/javascripts/application.js +13 -0
  20. data/test/dummy/app/assets/stylesheets/application.css +15 -0
  21. data/test/dummy/app/controllers/application_controller.rb +5 -0
  22. data/test/dummy/app/helpers/application_helper.rb +2 -0
  23. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  24. data/test/dummy/bin/bundle +3 -0
  25. data/test/dummy/bin/rails +4 -0
  26. data/test/dummy/bin/rake +4 -0
  27. data/test/dummy/config/application.rb +23 -0
  28. data/test/dummy/config/boot.rb +5 -0
  29. data/test/dummy/config/database.yml +25 -0
  30. data/test/dummy/config/environment.rb +5 -0
  31. data/test/dummy/config/environments/development.rb +37 -0
  32. data/test/dummy/config/environments/production.rb +78 -0
  33. data/test/dummy/config/environments/test.rb +39 -0
  34. data/test/dummy/config/initializers/assets.rb +8 -0
  35. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  36. data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
  37. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  38. data/test/dummy/config/initializers/inflections.rb +16 -0
  39. data/test/dummy/config/initializers/mime_types.rb +4 -0
  40. data/test/dummy/config/initializers/session_store.rb +3 -0
  41. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  42. data/test/dummy/config/locales/en.yml +23 -0
  43. data/test/dummy/config/routes.rb +56 -0
  44. data/test/dummy/config/secrets.yml +22 -0
  45. data/test/dummy/config.ru +4 -0
  46. data/test/dummy/public/404.html +67 -0
  47. data/test/dummy/public/422.html +67 -0
  48. data/test/dummy/public/500.html +66 -0
  49. data/test/dummy/public/favicon.ico +0 -0
  50. data/test/integration/navigation_test.rb +10 -0
  51. data/test/test_helper.rb +15 -0
  52. 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
@@ -0,0 +1,5 @@
1
+ # Access Styles
2
+
3
+ ## Usage
4
+
5
+ Install as a gem and include the usual ways.
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;}
@@ -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,4 @@
1
+ module AccessStyles
2
+ class Engine < ::Rails::Engine
3
+ end
4
+ end
@@ -0,0 +1,3 @@
1
+ module AccessStyles
2
+ VERSION = "0.1.0"
3
+ end
@@ -0,0 +1,2 @@
1
+ require "access-styles/version"
2
+ require "access-styles/engine" if defined?(::Rails)
@@ -0,0 +1,7 @@
1
+ require 'test_helper'
2
+
3
+ class AccessStylesTest < ActiveSupport::TestCase
4
+ test "truth" do
5
+ assert_kind_of Module, AccessStyles
6
+ end
7
+ end
@@ -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>.
@@ -0,0 +1,6 @@
1
+ # Add your own tasks in files placed in lib/tasks ending in .rake,
2
+ # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
3
+
4
+ require File.expand_path('../config/application', __FILE__)
5
+
6
+ Rails.application.load_tasks
@@ -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,5 @@
1
+ class ApplicationController < ActionController::Base
2
+ # Prevent CSRF attacks by raising an exception.
3
+ # For APIs, you may want to use :null_session instead.
4
+ protect_from_forgery with: :exception
5
+ end
@@ -0,0 +1,2 @@
1
+ module ApplicationHelper
2
+ end
@@ -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>
@@ -0,0 +1,3 @@
1
+ #!/usr/bin/env ruby
2
+ ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
3
+ load Gem.bin_path('bundler', 'bundle')
@@ -0,0 +1,4 @@
1
+ #!/usr/bin/env ruby
2
+ APP_PATH = File.expand_path('../../config/application', __FILE__)
3
+ require_relative '../config/boot'
4
+ require 'rails/commands'
@@ -0,0 +1,4 @@
1
+ #!/usr/bin/env ruby
2
+ require_relative '../config/boot'
3
+ require 'rake'
4
+ Rake.application.run
@@ -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
+