beyond_canvas 0.13.0.pre → 0.15.2.pre
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/images/icons/checkbox_checked.svg +1 -0
- data/app/assets/images/icons/checkbox_unchecked.svg +1 -0
- data/app/assets/images/icons/file.svg +1 -0
- data/app/assets/images/icons/flash_checkbox.svg +1 -0
- data/app/assets/images/icons/flash_close.svg +1 -0
- data/app/assets/images/icons/flash_error.svg +1 -0
- data/app/assets/images/icons/flash_info.svg +1 -0
- data/app/assets/images/icons/flash_warning.svg +1 -0
- data/app/assets/images/icons/radiobutton_checked.svg +1 -0
- data/app/assets/images/icons/radiobutton_unchecked.svg +1 -0
- data/app/assets/javascripts/beyond_canvas/base.js +255 -0
- data/app/assets/stylesheets/beyond_canvas/base.scss +28 -0
- data/app/assets/stylesheets/beyond_canvas/components/_actions.scss +6 -0
- data/app/assets/stylesheets/beyond_canvas/components/_buttons.scss +112 -0
- data/app/assets/stylesheets/beyond_canvas/components/_cards.scss +34 -0
- data/app/assets/stylesheets/beyond_canvas/components/_comments.scss +6 -0
- data/app/assets/stylesheets/beyond_canvas/components/_containers.scss +37 -0
- data/app/assets/stylesheets/beyond_canvas/components/_flash.scss +66 -0
- data/app/assets/stylesheets/beyond_canvas/components/_forms.scss +43 -0
- data/app/assets/stylesheets/beyond_canvas/components/_inputs.scss +143 -0
- data/app/assets/stylesheets/beyond_canvas/components/_layouts.scss +7 -0
- data/app/assets/stylesheets/beyond_canvas/components/_links.scss +17 -0
- data/app/assets/stylesheets/beyond_canvas/components/_main.scss +39 -0
- data/app/assets/stylesheets/beyond_canvas/components/_margins.scss +9 -0
- data/app/assets/stylesheets/beyond_canvas/components/_markdown.scss +74 -0
- data/app/assets/stylesheets/beyond_canvas/components/_notices.scss +58 -0
- data/app/assets/stylesheets/beyond_canvas/components/_relative.scss +3 -0
- data/app/assets/stylesheets/beyond_canvas/components/_spinner.scss +48 -0
- data/app/assets/stylesheets/beyond_canvas/components/_tables.scss +31 -0
- data/app/assets/stylesheets/beyond_canvas/components/_texts.scss +7 -0
- data/app/assets/stylesheets/beyond_canvas/mailer.scss +5 -0
- data/app/assets/stylesheets/beyond_canvas/settings/_breakpoints.scss +6 -0
- data/app/assets/stylesheets/beyond_canvas/settings/{_reset_css.sass → _reset_css.scss} +29 -21
- data/app/assets/stylesheets/beyond_canvas/settings/_typography.scss +67 -0
- data/app/assets/stylesheets/beyond_canvas/settings/_variables.scss +171 -0
- data/app/assets/stylesheets/beyond_canvas/utilities/_functions.scss +15 -0
- data/app/assets/stylesheets/beyond_canvas/utilities/_mixins.scss +24 -0
- data/app/controllers/beyond_canvas/application_controller.rb +1 -1
- data/app/controllers/beyond_canvas/system_controller.rb +1 -1
- data/app/controllers/concerns/beyond_canvas/locale_management.rb +5 -2
- data/app/controllers/concerns/beyond_canvas/request_validation.rb +7 -5
- data/app/controllers/concerns/beyond_canvas/status_codes.rb +5 -3
- data/app/form_builders/beyond_canvas/form_builder.rb +74 -13
- data/app/helpers/beyond_canvas/application_helper.rb +17 -18
- data/app/helpers/beyond_canvas/locale_switch_helper.rb +1 -1
- data/app/javascript/beyond_canvas/base.js +3 -0
- data/app/javascript/beyond_canvas/initializers/buttons.js +54 -0
- data/app/javascript/beyond_canvas/initializers/flash.js +19 -0
- data/app/javascript/beyond_canvas/initializers/functions.js +41 -0
- data/app/javascript/beyond_canvas/initializers/inputs.js +34 -0
- data/app/views/beyond_canvas/custom/_public_head.html.erb +1 -0
- data/app/views/beyond_canvas/locales/_edit.html.erb +8 -0
- data/app/views/beyond_canvas/mailer/_header.html.erb +2 -2
- data/app/views/beyond_canvas/shared/_flash.html.erb +13 -0
- data/app/views/beyond_canvas/shared/_head.html.erb +29 -0
- data/app/views/beyond_canvas/shared/_logo.html.erb +2 -0
- data/app/views/layouts/beyond_canvas/public.html.erb +16 -0
- data/config/initializers/beyond_canvas/filter_parameter_logging.rb +5 -5
- data/lib/beyond_canvas.rb +12 -17
- data/lib/beyond_canvas/asset_registration.rb +29 -0
- data/lib/beyond_canvas/configuration.rb +27 -0
- data/lib/beyond_canvas/engine.rb +10 -1
- data/lib/beyond_canvas/version.rb +1 -1
- data/lib/generators/beyond_canvas/assets/assets_generator.rb +14 -0
- data/lib/generators/beyond_canvas/assets/templates/beyond_canvas.js +1 -0
- data/lib/generators/beyond_canvas/assets/templates/beyond_canvas.scss +1 -0
- data/lib/generators/beyond_canvas/{install_generator.rb → beyond_api/beyond_api_generator.rb} +1 -7
- data/lib/generators/beyond_canvas/{custom_styles_generator.rb → custom_styles/custom_styles_generator.rb} +2 -2
- data/lib/generators/{templates → beyond_canvas/custom_styles/templates}/beyond_canvas_custom_styles.sass +0 -0
- data/lib/generators/beyond_canvas/install/install_generator.rb +35 -0
- data/lib/generators/beyond_canvas/install/templates/beyond_canvas.rb.erb +40 -0
- data/lib/generators/beyond_canvas/webpacker/plugins/jquery.js +7 -0
- data/lib/generators/beyond_canvas/webpacker/templates/beyond_canvas.js +3 -0
- data/lib/generators/beyond_canvas/webpacker/templates/beyond_canvas.scss +1 -0
- data/lib/generators/beyond_canvas/webpacker/webpacker_generator.rb +26 -0
- metadata +93 -69
- data/app/assets/javascripts/beyond_canvas.js +0 -3
- data/app/assets/javascripts/beyond_canvas/buttons.js +0 -67
- data/app/assets/javascripts/beyond_canvas/flash.js +0 -24
- data/app/assets/javascripts/beyond_canvas/inputs.js +0 -28
- data/app/assets/stylesheets/beyond_canvas.sass +0 -25
- data/app/assets/stylesheets/beyond_canvas/components/_actions.sass +0 -5
- data/app/assets/stylesheets/beyond_canvas/components/_buttons.sass +0 -86
- data/app/assets/stylesheets/beyond_canvas/components/_cards.sass +0 -26
- data/app/assets/stylesheets/beyond_canvas/components/_comments.sass +0 -5
- data/app/assets/stylesheets/beyond_canvas/components/_flash.sass +0 -51
- data/app/assets/stylesheets/beyond_canvas/components/_forms.sass +0 -32
- data/app/assets/stylesheets/beyond_canvas/components/_inputs.sass +0 -79
- data/app/assets/stylesheets/beyond_canvas/components/_layouts.sass +0 -5
- data/app/assets/stylesheets/beyond_canvas/components/_links.sass +0 -13
- data/app/assets/stylesheets/beyond_canvas/components/_main.sass +0 -28
- data/app/assets/stylesheets/beyond_canvas/components/_margins.sass +0 -7
- data/app/assets/stylesheets/beyond_canvas/components/_markdown.sass +0 -60
- data/app/assets/stylesheets/beyond_canvas/components/_notices.sass +0 -41
- data/app/assets/stylesheets/beyond_canvas/components/_relative.sass +0 -2
- data/app/assets/stylesheets/beyond_canvas/components/_spinner.sass +0 -38
- data/app/assets/stylesheets/beyond_canvas/components/_tables.sass +0 -25
- data/app/assets/stylesheets/beyond_canvas/components/_texts.sass +0 -6
- data/app/assets/stylesheets/beyond_canvas/mailer.sass +0 -5
- data/app/assets/stylesheets/beyond_canvas/settings/_typography.sass +0 -53
- data/app/assets/stylesheets/beyond_canvas/settings/_variables.sass +0 -145
- data/app/assets/stylesheets/beyond_canvas/utilities/_mixins.sass +0 -19
- data/app/views/beyond_canvas/custom/_public_head.html.slim +0 -0
- data/app/views/beyond_canvas/locales/_edit.html.slim +0 -6
- data/app/views/beyond_canvas/shared/_flash.html.slim +0 -6
- data/app/views/beyond_canvas/shared/_head.html.slim +0 -20
- data/app/views/beyond_canvas/shared/_logo.html.slim +0 -2
- data/app/views/layouts/beyond_canvas/public.html.slim +0 -12
- data/config/initializers/beyond_canvas/assets.rb +0 -5
- data/lib/generators/templates/beyond_canvas.rb +0 -20
@@ -1,26 +0,0 @@
|
|
1
|
-
.card
|
2
|
-
background: $white
|
3
|
-
border-radius: $card-border-radius
|
4
|
-
box-shadow: $card-box-shadow
|
5
|
-
|
6
|
-
&:not(:last-child)
|
7
|
-
margin-bottom: $card-margin
|
8
|
-
|
9
|
-
&--relative
|
10
|
-
position: relative
|
11
|
-
|
12
|
-
&--padding
|
13
|
-
+padding($card-padding)
|
14
|
-
box-sizing: border-box
|
15
|
-
|
16
|
-
&__separator
|
17
|
-
+margin($card-separator-spacing null)
|
18
|
-
border-bottom: 1px solid $card-separator-color
|
19
|
-
left: -#{$card-padding}
|
20
|
-
position: relative
|
21
|
-
width: calc(100% + 2 * #{$card-padding})
|
22
|
-
|
23
|
-
&__headline
|
24
|
-
color: $card-title-color
|
25
|
-
font-size: 20px
|
26
|
-
margin-bottom: 20px
|
@@ -1,51 +0,0 @@
|
|
1
|
-
.flash
|
2
|
-
+position(fixed, 70px null null null)
|
3
|
-
background-color: $white
|
4
|
-
border-radius: $flash-border-radius
|
5
|
-
box-shadow: $flash-box-shadow
|
6
|
-
display: flex
|
7
|
-
overflow: hidden
|
8
|
-
transition: .7s linear
|
9
|
-
z-index: 9999
|
10
|
-
|
11
|
-
&--shown
|
12
|
-
// sass-lint:disable no-important
|
13
|
-
right: 25px !important
|
14
|
-
// sass-lint:enable no-important
|
15
|
-
transition: .4s linear
|
16
|
-
|
17
|
-
&__icon
|
18
|
-
align-items: center
|
19
|
-
box-sizing: border-box
|
20
|
-
color: $white
|
21
|
-
display: flex
|
22
|
-
font-size: 18px
|
23
|
-
justify-content: center
|
24
|
-
min-width: 34px
|
25
|
-
padding: 11px 8px
|
26
|
-
|
27
|
-
&--success
|
28
|
-
background-color: $flash-success
|
29
|
-
|
30
|
-
&--info
|
31
|
-
background-color: $flash-info
|
32
|
-
|
33
|
-
&--warning
|
34
|
-
background-color: $flash-warning
|
35
|
-
|
36
|
-
&--error
|
37
|
-
background-color: $flash-error
|
38
|
-
|
39
|
-
&__message
|
40
|
-
+padding(10px 15px)
|
41
|
-
box-sizing: border-box
|
42
|
-
color: $flash-color
|
43
|
-
|
44
|
-
&__close
|
45
|
-
+padding(10px 15px)
|
46
|
-
align-items: center
|
47
|
-
box-sizing: border-box
|
48
|
-
color: $flash-color
|
49
|
-
cursor: pointer
|
50
|
-
display: flex
|
51
|
-
font-size: 10px
|
@@ -1,32 +0,0 @@
|
|
1
|
-
%form__actions
|
2
|
-
align-items: center
|
3
|
-
display: flex
|
4
|
-
|
5
|
-
.form
|
6
|
-
|
7
|
-
&__row,
|
8
|
-
&__actions
|
9
|
-
width: 100%
|
10
|
-
|
11
|
-
&:not(:last-child)
|
12
|
-
margin-bottom: 30px
|
13
|
-
|
14
|
-
&__actions
|
15
|
-
|
16
|
-
&--spaced
|
17
|
-
@extend %form__actions
|
18
|
-
justify-content: space-between
|
19
|
-
|
20
|
-
&--left
|
21
|
-
@extend %form__actions
|
22
|
-
justify-content: flex-start
|
23
|
-
|
24
|
-
*:not(:last-child)
|
25
|
-
margin-right: 30px
|
26
|
-
|
27
|
-
&--right
|
28
|
-
@extend %form__actions
|
29
|
-
justify-content: flex-end
|
30
|
-
|
31
|
-
*:not(:first-child)
|
32
|
-
margin-left: 30px
|
@@ -1,79 +0,0 @@
|
|
1
|
-
#{$all-text-inputs},
|
2
|
-
select
|
3
|
-
background-color: $white
|
4
|
-
border: 1px solid $input-border-color
|
5
|
-
border-radius: 3px
|
6
|
-
box-sizing: border-box
|
7
|
-
outline: none
|
8
|
-
padding: 6px 8px
|
9
|
-
width: 100%
|
10
|
-
|
11
|
-
#{$all-text-inputs}
|
12
|
-
line-height: 1
|
13
|
-
|
14
|
-
#{$all-text-inputs-focus},
|
15
|
-
select:focus
|
16
|
-
border-color: $input-border-color-focus
|
17
|
-
|
18
|
-
select
|
19
|
-
+prefixer(appearance, none, ('webkit', 'moz'))
|
20
|
-
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, $input-border-color, $input-border-color)
|
21
|
-
background-position: calc(100% - 19px) calc(1em + -1px), calc(100% - 15px) calc(1em + -1px), calc(100% - 2.5em) 0.5em
|
22
|
-
background-size: 4px 4px, 4px 4px, 0 0
|
23
|
-
background-repeat: no-repeat
|
24
|
-
|
25
|
-
#{$all-text-inputs},
|
26
|
-
select
|
27
|
-
|
28
|
-
&.input__error
|
29
|
-
border-left: 2px solid $input-errors-color
|
30
|
-
|
31
|
-
&:focus
|
32
|
-
border: 1px solid $input-border-color-focus
|
33
|
-
|
34
|
-
.input
|
35
|
-
|
36
|
-
&__label
|
37
|
-
color: $label-color
|
38
|
-
display: block
|
39
|
-
font-size: 13px
|
40
|
-
font-weight: bold
|
41
|
-
|
42
|
-
&__hint
|
43
|
-
color: $hint-color
|
44
|
-
font-size: 13px
|
45
|
-
margin-top: 1px
|
46
|
-
|
47
|
-
&__file
|
48
|
-
display: flex
|
49
|
-
align-items: center
|
50
|
-
|
51
|
-
&__label
|
52
|
-
display: inline-block
|
53
|
-
|
54
|
-
&__text
|
55
|
-
margin-left: 20px
|
56
|
-
font-weight: 500
|
57
|
-
text-overflow: ellipsis
|
58
|
-
overflow: hidden
|
59
|
-
white-space: nowrap
|
60
|
-
max-width: 200px
|
61
|
-
|
62
|
-
&__icon
|
63
|
-
margin-right: 5px
|
64
|
-
position: relative
|
65
|
-
top: 1px
|
66
|
-
|
67
|
-
label.input__error
|
68
|
-
+padding(5px 7px)
|
69
|
-
+position(absolute, calc(100% + 8px) null null 0)
|
70
|
-
background-color: $input-errors-color
|
71
|
-
border-radius: 3px
|
72
|
-
color: $white
|
73
|
-
font-size: 13px
|
74
|
-
z-index: 1
|
75
|
-
|
76
|
-
&::before
|
77
|
-
+position(absolute, null null 100% 8px)
|
78
|
-
+triangle('up', 12px, 6px, $input-errors-color)
|
79
|
-
content: ''
|
@@ -1,28 +0,0 @@
|
|
1
|
-
%body
|
2
|
-
background-color: $main-background
|
3
|
-
|
4
|
-
.body--public
|
5
|
-
@extend %body
|
6
|
-
|
7
|
-
.main-wrapper
|
8
|
-
+margin(32px auto)
|
9
|
-
max-width: 531px
|
10
|
-
width: 94%
|
11
|
-
|
12
|
-
.logo
|
13
|
-
+margin($logo-margin-top-public auto $logo-margin-bottom-public)
|
14
|
-
display: block
|
15
|
-
width: 238px
|
16
|
-
|
17
|
-
.body--single-page
|
18
|
-
@extend %body
|
19
|
-
|
20
|
-
.main-wrapper
|
21
|
-
+margin(32px auto)
|
22
|
-
max-width: 876px
|
23
|
-
width: 94%
|
24
|
-
|
25
|
-
.logo
|
26
|
-
+margin($logo-margin-top-public auto $logo-margin-bottom-public)
|
27
|
-
display: block
|
28
|
-
width: 238px
|
@@ -1,60 +0,0 @@
|
|
1
|
-
.markdown
|
2
|
-
|
3
|
-
> :first-child
|
4
|
-
margin-top: 0 !important
|
5
|
-
|
6
|
-
> :last-child
|
7
|
-
margin-bottom: 0
|
8
|
-
|
9
|
-
> *:not(:last-child)
|
10
|
-
margin-bottom: 16px
|
11
|
-
|
12
|
-
h1, h2, h3, h4
|
13
|
-
margin-top: 24px
|
14
|
-
|
15
|
-
h1
|
16
|
-
font-size: 2em
|
17
|
-
|
18
|
-
h2
|
19
|
-
font-size: 1.5em
|
20
|
-
|
21
|
-
h3
|
22
|
-
font-size: 1.25em
|
23
|
-
|
24
|
-
h4
|
25
|
-
font-size: 1em
|
26
|
-
|
27
|
-
ul,
|
28
|
-
ol
|
29
|
-
padding-left: 2em
|
30
|
-
|
31
|
-
ul
|
32
|
-
margin-bottom: 0
|
33
|
-
|
34
|
-
table
|
35
|
-
|
36
|
-
thead
|
37
|
-
background-color: $markdown-table-head-background
|
38
|
-
font-weight: 700
|
39
|
-
|
40
|
-
thead,
|
41
|
-
tbody
|
42
|
-
|
43
|
-
tr
|
44
|
-
|
45
|
-
th,
|
46
|
-
td
|
47
|
-
border: 1px solid $markdown-table-border-color
|
48
|
-
padding: .4em .8em
|
49
|
-
|
50
|
-
blockquote
|
51
|
-
border-left: .25em solid $markdown-blockquote-border-color
|
52
|
-
color: $markdown-blockquote-font-color
|
53
|
-
padding: 0 1em
|
54
|
-
|
55
|
-
hr
|
56
|
-
background-color: $markdown-hr-background
|
57
|
-
border: 0
|
58
|
-
height: 4px
|
59
|
-
margin: 24px 0 !important
|
60
|
-
padding: 0
|
@@ -1,41 +0,0 @@
|
|
1
|
-
.notice
|
2
|
-
border-radius: $notice-border-radius
|
3
|
-
border: 1px solid
|
4
|
-
box-sizing: border-box
|
5
|
-
display: flex
|
6
|
-
|
7
|
-
&--success
|
8
|
-
border-color: $notice-success-background
|
9
|
-
|
10
|
-
.notice__icon
|
11
|
-
background-color: $notice-success-background
|
12
|
-
|
13
|
-
&--info
|
14
|
-
border-color: $notice-info-background
|
15
|
-
|
16
|
-
.notice__icon
|
17
|
-
background-color: $notice-info-background
|
18
|
-
|
19
|
-
&--warning
|
20
|
-
border-color: $notice-warning-background
|
21
|
-
|
22
|
-
.notice__icon
|
23
|
-
background-color: $notice-warning-background
|
24
|
-
|
25
|
-
&--error
|
26
|
-
border-color: $notice-error-background
|
27
|
-
|
28
|
-
.notice__icon
|
29
|
-
background-color: $notice-error-background
|
30
|
-
|
31
|
-
&__icon
|
32
|
-
+padding(10px 8px)
|
33
|
-
color: $white
|
34
|
-
display: flex
|
35
|
-
font-size: 18px
|
36
|
-
|
37
|
-
&__content
|
38
|
-
+padding(8px 14px)
|
39
|
-
color: $notice-color
|
40
|
-
display: flex
|
41
|
-
align-items: center
|
@@ -1,38 +0,0 @@
|
|
1
|
-
.spinner
|
2
|
-
display: flex
|
3
|
-
margin-right: 12px
|
4
|
-
width: 24px
|
5
|
-
text-align: center
|
6
|
-
|
7
|
-
> div
|
8
|
-
margin: 0 !important
|
9
|
-
width: 8px
|
10
|
-
height: 8px
|
11
|
-
border-radius: 100%
|
12
|
-
display: inline-block
|
13
|
-
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both
|
14
|
-
animation: sk-bouncedelay 1.4s infinite ease-in-out both
|
15
|
-
|
16
|
-
.bounce1
|
17
|
-
-webkit-animation-delay: -0.32s
|
18
|
-
animation-delay: -0.32s
|
19
|
-
|
20
|
-
.bounce2
|
21
|
-
-webkit-animation-delay: -0.16s
|
22
|
-
animation-delay: -0.16s
|
23
|
-
|
24
|
-
@-webkit-keyframes sk-bouncedelay
|
25
|
-
0%, 80%, 100%
|
26
|
-
-webkit-transform: scale(0)
|
27
|
-
|
28
|
-
40%
|
29
|
-
-webkit-transform: scale(1)
|
30
|
-
|
31
|
-
@keyframes sk-bouncedelay
|
32
|
-
0%, 80%, 100%
|
33
|
-
-webkit-transform: scale(0)
|
34
|
-
transform: scale(0)
|
35
|
-
|
36
|
-
40%
|
37
|
-
-webkit-transform: scale(1)
|
38
|
-
transform: scale(1)
|
@@ -1,25 +0,0 @@
|
|
1
|
-
.table
|
2
|
-
width: 100%
|
3
|
-
border-collapse: collapse
|
4
|
-
|
5
|
-
th, td
|
6
|
-
padding: 15px
|
7
|
-
text-align: left
|
8
|
-
|
9
|
-
thead
|
10
|
-
|
11
|
-
tr
|
12
|
-
font-weight: 700
|
13
|
-
|
14
|
-
&:first-child
|
15
|
-
background-color: $table-header-background
|
16
|
-
|
17
|
-
&:nth-child(2)
|
18
|
-
border-bottom: 2px solid $table-border-color
|
19
|
-
|
20
|
-
tbody
|
21
|
-
|
22
|
-
tr
|
23
|
-
|
24
|
-
&:not(:last-child)
|
25
|
-
border-bottom: 1px solid $table-border-color
|