access-styles 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
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
+