beyond_canvas 0.5.0.pre → 0.6.0.pre
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 +4 -4
- data/CHANGELOG.md +18 -0
- data/Gemfile.lock +3 -1
- data/Rakefile +21 -0
- data/app/assets/stylesheets/_beyond_canvas.sass +1 -0
- data/app/assets/stylesheets/components/_buttons.sass +20 -7
- data/app/assets/stylesheets/components/_flash.sass +2 -2
- data/app/assets/stylesheets/components/_notices.sass +47 -0
- data/app/assets/stylesheets/settings/_typography.sass +6 -6
- data/app/assets/stylesheets/settings/_variables.sass +45 -7
- data/app/helpers/beyond_canvas_helper.rb +18 -1
- data/app/views/layouts/beyond_canvas/public.html.slim +2 -6
- data/beyond_canvas.gemspec +2 -0
- data/lib/beyond_canvas/version.rb +1 -1
- data/lib/beyond_canvas.rb +20 -0
- data/lib/generators/beyond_canvas/custom_styles_generator.rb +13 -0
- data/lib/generators/beyond_canvas/install_generator.rb +14 -0
- data/lib/generators/templates/beyond_canvas.rb +5 -0
- data/lib/generators/templates/beyond_canvas_custom_styles.sass +123 -0
- metadata +21 -3
- data/lib/generators/beyond_canvas/form_utils/install_generator.rb +0 -15
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 7acc9596d95b1ad207429485706d7f847450c43d13966a98068d5ecbc1ee8190
|
|
4
|
+
data.tar.gz: 981e719017f5a44ed4a9f81847e7156c8361f94f33cda7f65a4a6089a8eebf9f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0e52b929785f90d25ae62445374b66221981c03f9d74eccfbd9d2294a527480dbc8a504ffb9d0a312066cbc5466f2599afb08a912bfe8ddb1fc9206d70ea9cc0
|
|
7
|
+
data.tar.gz: 740c7a52d5380e9f9e72baf83a74ead90ed6287f2e0ec3e1fa44975505011d86fcc1f71269893408a5755b0a132b0895fdfc71d49d844feaa6fc2ce81893686e
|
data/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
### v0.6.0.pre
|
|
2
|
+
|
|
3
|
+
* deprecations
|
|
4
|
+
* Rename `notice` flash types in favor of `info` flash types
|
|
5
|
+
* Rename `beyond_canvas:form_utils:install` rake task in favor of `beyond_canvas:install`
|
|
6
|
+
|
|
7
|
+
* bug-fixes
|
|
8
|
+
* Fix `p` tag `font-size` and change `rem` to `px` on typography
|
|
9
|
+
* Fix button styles
|
|
10
|
+
|
|
11
|
+
* enhancements
|
|
12
|
+
* Update how the public layout logo is handled. Now the logo is set via `config/initializers/beyond_canvas.rb` initializer and it also supports web URLs
|
|
13
|
+
|
|
14
|
+
* features
|
|
15
|
+
* Add notice boxes
|
|
16
|
+
* Add custom styles generator
|
|
17
|
+
* Add a rake task (`beyond_canvas:release:prepare`) that creates or updates the `beyond_canvas_custom_styles.sass` generator template
|
|
18
|
+
|
|
1
19
|
### v0.5.0.pre
|
|
2
20
|
|
|
3
21
|
* features
|
data/Gemfile.lock
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
PATH
|
|
2
2
|
remote: .
|
|
3
3
|
specs:
|
|
4
|
-
beyond_canvas (0.
|
|
4
|
+
beyond_canvas (0.6.0.pre)
|
|
5
5
|
bourbon (~> 5.1)
|
|
6
6
|
inline_svg (~> 1.5)
|
|
7
7
|
neat (~> 3.0)
|
|
@@ -33,6 +33,7 @@ GEM
|
|
|
33
33
|
sass (~> 3.4)
|
|
34
34
|
thor (~> 0.19)
|
|
35
35
|
builder (3.2.3)
|
|
36
|
+
colorize (0.8.1)
|
|
36
37
|
concurrent-ruby (1.1.5)
|
|
37
38
|
crass (1.0.5)
|
|
38
39
|
erubi (1.9.0)
|
|
@@ -96,6 +97,7 @@ PLATFORMS
|
|
|
96
97
|
|
|
97
98
|
DEPENDENCIES
|
|
98
99
|
beyond_canvas!
|
|
100
|
+
colorize (~> 0.8)
|
|
99
101
|
|
|
100
102
|
BUNDLED WITH
|
|
101
103
|
2.0.2
|
data/Rakefile
CHANGED
|
@@ -1 +1,22 @@
|
|
|
1
|
+
require "colorize"
|
|
1
2
|
require "bundler/gem_tasks"
|
|
3
|
+
|
|
4
|
+
namespace :release do
|
|
5
|
+
namespace :prepare do
|
|
6
|
+
|
|
7
|
+
desc "Update beyond_canvas_custom_styles.sass generator template file to its latest version"
|
|
8
|
+
task :custom_styles do |task, args|
|
|
9
|
+
ORIG = "app/assets/stylesheets/settings/_variables.sass"
|
|
10
|
+
DEST = "lib/generators/templates/beyond_canvas_custom_styles.sass"
|
|
11
|
+
|
|
12
|
+
dest_file = File.open(DEST, 'w')
|
|
13
|
+
File.open(ORIG, 'r').each do |line|
|
|
14
|
+
next if line.include?("!global")
|
|
15
|
+
line.start_with?("$") ? dest_file.print("// " + line.gsub(" !default", "")) : dest_file.print(line)
|
|
16
|
+
end
|
|
17
|
+
dest_file.close
|
|
18
|
+
|
|
19
|
+
puts "Ok".green
|
|
20
|
+
end
|
|
21
|
+
end
|
|
22
|
+
end
|
|
@@ -1,30 +1,37 @@
|
|
|
1
1
|
%button
|
|
2
2
|
+padding($button-padding)
|
|
3
|
+
@if $button-box-shadow != true
|
|
4
|
+
padding-top: 7px
|
|
3
5
|
border-radius: $button-border-radius
|
|
6
|
+
border-width: 1px
|
|
7
|
+
border-style: solid
|
|
4
8
|
cursor: pointer
|
|
5
9
|
font-weight: $button-font-weight
|
|
10
|
+
line-height: 1
|
|
6
11
|
outline: none
|
|
7
12
|
transition: $main-transition
|
|
8
13
|
|
|
9
14
|
@mixin button-solid($background, $color)
|
|
10
|
-
@if $button-box-shadow != 0
|
|
11
|
-
box-shadow: $button-box-shadow darken($background, 10%)
|
|
12
15
|
+background-color-darken($background, 10%)
|
|
13
|
-
border: 0
|
|
14
16
|
color: $color
|
|
15
17
|
|
|
18
|
+
&:hover
|
|
19
|
+
border-color: darken($background, 10%)
|
|
20
|
+
|
|
16
21
|
@mixin button-transparent($background)
|
|
17
|
-
@if $button-box-shadow != 0
|
|
18
|
-
box-shadow: $button-box-shadow darken($background, 10%)
|
|
19
|
-
+border-width(1px 1px 0)
|
|
20
22
|
background-color: transparent
|
|
21
23
|
border-color: $background
|
|
22
|
-
border-style: solid
|
|
23
24
|
color: $background
|
|
24
25
|
|
|
25
26
|
&:hover
|
|
26
27
|
background-color: lighten($background, 40%)
|
|
27
28
|
|
|
29
|
+
@mixin button-border($background)
|
|
30
|
+
@if $button-box-shadow == true
|
|
31
|
+
border-bottom-width: 2px
|
|
32
|
+
border-color: $background
|
|
33
|
+
border-bottom-color: darken($background, 10%)
|
|
34
|
+
|
|
28
35
|
|
|
29
36
|
.button
|
|
30
37
|
|
|
@@ -33,25 +40,31 @@
|
|
|
33
40
|
&--primary
|
|
34
41
|
@extend %button
|
|
35
42
|
+button-solid($button-primary-background, $button-primary-color)
|
|
43
|
+
+button-border($button-primary-background)
|
|
36
44
|
|
|
37
45
|
&--secondary
|
|
38
46
|
@extend %button
|
|
39
47
|
+button-solid($button-secondary-background, $button-secondary-color)
|
|
48
|
+
+button-border($button-secondary-background)
|
|
40
49
|
|
|
41
50
|
&--danger
|
|
42
51
|
@extend %button
|
|
43
52
|
+button-solid($button-danger-background, $button-danger-color)
|
|
53
|
+
+button-border($button-danger-background)
|
|
44
54
|
|
|
45
55
|
&__transparent
|
|
46
56
|
|
|
47
57
|
&--primary
|
|
48
58
|
@extend %button
|
|
49
59
|
+button-transparent($button-primary-background)
|
|
60
|
+
+button-border($button-primary-background)
|
|
50
61
|
|
|
51
62
|
&--secondary
|
|
52
63
|
@extend %button
|
|
53
64
|
+button-transparent($button-secondary-background)
|
|
65
|
+
+button-border($button-secondary-background)
|
|
54
66
|
|
|
55
67
|
&--danger
|
|
56
68
|
@extend %button
|
|
57
69
|
+button-transparent($button-danger-background)
|
|
70
|
+
+button-border($button-danger-background)
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
.notice
|
|
2
|
+
align-items: center
|
|
3
|
+
border-radius: $notice-border-radius
|
|
4
|
+
box-sizing: border-box
|
|
5
|
+
display: flex
|
|
6
|
+
padding: 10px 15px
|
|
7
|
+
|
|
8
|
+
&--success
|
|
9
|
+
background-color: lighten($notice-success-background, 25%)
|
|
10
|
+
|
|
11
|
+
.notice__icon
|
|
12
|
+
background-color: darken($notice-success-background, 10%)
|
|
13
|
+
color: lighten($notice-success-background, 25%)
|
|
14
|
+
|
|
15
|
+
&--info
|
|
16
|
+
background-color: lighten($notice-info-background, 25%)
|
|
17
|
+
|
|
18
|
+
.notice__icon
|
|
19
|
+
background-color: darken($notice-info-background, 10%)
|
|
20
|
+
color: lighten($notice-info-background, 25%)
|
|
21
|
+
|
|
22
|
+
&--warning
|
|
23
|
+
background-color: lighten($notice-warning-background, 25%)
|
|
24
|
+
|
|
25
|
+
.notice__icon
|
|
26
|
+
background-color: darken($notice-warning-background, 10%)
|
|
27
|
+
color: lighten($notice-warning-background, 25%)
|
|
28
|
+
|
|
29
|
+
&--error
|
|
30
|
+
background-color: lighten($notice-error-background, 25%)
|
|
31
|
+
|
|
32
|
+
.notice__icon
|
|
33
|
+
background-color: darken($notice-error-background, 10%)
|
|
34
|
+
color: lighten($notice-error-background, 25%)
|
|
35
|
+
|
|
36
|
+
&__icon
|
|
37
|
+
+size(18px)
|
|
38
|
+
align-items: center
|
|
39
|
+
border-radius: 100%
|
|
40
|
+
display: flex
|
|
41
|
+
font-size: 12px
|
|
42
|
+
justify-content: center
|
|
43
|
+
margin-right: 15px
|
|
44
|
+
min-width: 18px
|
|
45
|
+
|
|
46
|
+
&__message
|
|
47
|
+
color: $notice-color
|
|
@@ -25,22 +25,22 @@ h1, h2, h3, h4, h5, h6
|
|
|
25
25
|
line-height: $headline-line-height
|
|
26
26
|
|
|
27
27
|
h1
|
|
28
|
-
font-size:
|
|
28
|
+
font-size: 56px
|
|
29
29
|
|
|
30
30
|
h2
|
|
31
|
-
font-size:
|
|
31
|
+
font-size: 40px
|
|
32
32
|
|
|
33
33
|
h3
|
|
34
|
-
font-size:
|
|
34
|
+
font-size: 32px
|
|
35
35
|
|
|
36
36
|
h4
|
|
37
|
-
font-size:
|
|
37
|
+
font-size: 24px
|
|
38
38
|
|
|
39
39
|
h5
|
|
40
|
-
font-size:
|
|
40
|
+
font-size: 16px
|
|
41
41
|
|
|
42
42
|
p
|
|
43
|
-
font-size:
|
|
43
|
+
font-size: $main-font-size
|
|
44
44
|
|
|
45
45
|
a
|
|
46
46
|
color: $main-color
|
|
@@ -1,37 +1,48 @@
|
|
|
1
|
+
// ************************************************************
|
|
1
2
|
// Colors
|
|
3
|
+
// ************************************************************
|
|
2
4
|
|
|
3
5
|
$white: rgb(255, 255, 255) !global
|
|
4
6
|
$black: rgb(0, 0, 0) !global
|
|
5
|
-
|
|
6
7
|
$palette-primary: rgb(78, 183, 168) !default
|
|
7
8
|
$palette-secondary: rgb(28, 53, 69) !default
|
|
8
9
|
$palette-cancel: rgb(153, 153, 153) !default
|
|
9
10
|
$palette-danger: rgb(218, 60, 60) !default
|
|
10
11
|
|
|
12
|
+
// ************************************************************
|
|
11
13
|
// General styles
|
|
14
|
+
// ************************************************************
|
|
12
15
|
|
|
13
16
|
$main-background: rgb(233, 232, 220) !default
|
|
14
17
|
$main-transition: .125s ease-in !global
|
|
15
18
|
|
|
19
|
+
// ************************************************************
|
|
16
20
|
// Typography
|
|
21
|
+
// ************************************************************
|
|
17
22
|
|
|
18
23
|
$main-font-family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif' !global
|
|
19
24
|
$main-color: rgb(62, 62, 62) !default
|
|
20
25
|
$main-line-height: 1.5 !global
|
|
21
26
|
$main-font-size: 14px !global
|
|
22
27
|
|
|
28
|
+
// ************************************************************
|
|
23
29
|
// Headlines
|
|
30
|
+
// ************************************************************
|
|
24
31
|
|
|
25
32
|
$headline-color: rgb(122, 118, 76) !default
|
|
26
33
|
$headline-line-height: 1 !global
|
|
27
34
|
|
|
35
|
+
// ************************************************************
|
|
28
36
|
// Links
|
|
37
|
+
// ************************************************************
|
|
29
38
|
|
|
30
39
|
$link-primary-color: darken($palette-primary, 10%) !default
|
|
31
40
|
$link-secondary-color: darken($palette-cancel, 10%) !default
|
|
32
41
|
$link-danger-color: darken($palette-danger, 10%) !default
|
|
33
42
|
|
|
43
|
+
// ************************************************************
|
|
34
44
|
// Buttons
|
|
45
|
+
// ************************************************************
|
|
35
46
|
|
|
36
47
|
$button-primary-background: $palette-primary !default
|
|
37
48
|
$button-primary-color: $white !default
|
|
@@ -43,11 +54,13 @@ $button-danger-background: $palette-danger !default
|
|
|
43
54
|
$button-danger-color: $white !default
|
|
44
55
|
|
|
45
56
|
$button-border-radius: 3px !default
|
|
46
|
-
$button-box-shadow:
|
|
57
|
+
$button-box-shadow: true !default
|
|
47
58
|
$button-font-weight: 700 !global
|
|
48
|
-
$button-padding: 6px 12px !global
|
|
59
|
+
$button-padding: 6px 12px 7px !global
|
|
49
60
|
|
|
61
|
+
// ************************************************************
|
|
50
62
|
// Cards
|
|
63
|
+
// ************************************************************
|
|
51
64
|
|
|
52
65
|
$card-border-radius: 3px !default
|
|
53
66
|
$card-box-shadow: 0 2px 7px rgba($black, .2) !default
|
|
@@ -57,41 +70,66 @@ $card-separator-color: rgb(222, 222, 222) !default
|
|
|
57
70
|
$card-separator-spacing: 50px !global
|
|
58
71
|
$card-title-color: rgb(247, 133, 96) !default
|
|
59
72
|
|
|
73
|
+
// ************************************************************
|
|
60
74
|
// Labels
|
|
75
|
+
// ************************************************************
|
|
61
76
|
|
|
62
77
|
$label-color: rgb(128, 128, 128) !default
|
|
63
78
|
|
|
79
|
+
// ************************************************************
|
|
64
80
|
// Inputs
|
|
81
|
+
// ************************************************************
|
|
65
82
|
|
|
66
83
|
$input-border-color: rgb(217, 216, 195) !default
|
|
67
84
|
$input-border-color-focus: $palette-primary !default
|
|
68
85
|
$input-errors-color: $palette-danger !default
|
|
69
86
|
|
|
87
|
+
// ************************************************************
|
|
70
88
|
// Hints
|
|
89
|
+
// ************************************************************
|
|
71
90
|
|
|
72
91
|
$hint-color: rgb(158, 158, 158) !default
|
|
73
92
|
|
|
93
|
+
// ************************************************************
|
|
74
94
|
// Logo
|
|
95
|
+
// ************************************************************
|
|
75
96
|
|
|
76
97
|
$logo-margin-top-public: 0 !default
|
|
77
98
|
$logo-margin-bottom-public: 34px !default
|
|
78
99
|
|
|
100
|
+
// ************************************************************
|
|
79
101
|
// Flash
|
|
102
|
+
// ************************************************************
|
|
80
103
|
|
|
81
|
-
$flash-success: rgb(
|
|
82
|
-
$flash-
|
|
83
|
-
$flash-warning: rgb(
|
|
84
|
-
$flash-error: rgb(
|
|
104
|
+
$flash-success: rgb(123, 170, 81) !default
|
|
105
|
+
$flash-info: rgb(90, 129, 171) !default
|
|
106
|
+
$flash-warning: rgb(193, 179, 26) !default
|
|
107
|
+
$flash-error: rgb(162, 66, 60) !default
|
|
85
108
|
$flash-border-radius: 4px !default
|
|
86
109
|
$flash-box-shadow: 0 1px 2px 0 rgba($black, 0.2) !default
|
|
87
110
|
$flash-color: rgb(128, 128, 128) !default
|
|
88
111
|
|
|
112
|
+
// ************************************************************
|
|
89
113
|
// Tables
|
|
114
|
+
// ************************************************************
|
|
90
115
|
|
|
91
116
|
$table-header-background: rgb(243, 242, 236) !default
|
|
92
117
|
$table-border-color: rgb(233, 232, 220) !default
|
|
93
118
|
|
|
119
|
+
// ************************************************************
|
|
94
120
|
// Comments
|
|
121
|
+
// ************************************************************
|
|
95
122
|
|
|
96
123
|
$comment-background: rgb(246, 246, 243) !default
|
|
97
124
|
$comment-color: rgb(170, 169, 156) !default
|
|
125
|
+
|
|
126
|
+
// ************************************************************
|
|
127
|
+
// Notices
|
|
128
|
+
// ************************************************************
|
|
129
|
+
|
|
130
|
+
$notice-success-background: rgb(123, 170, 81) !default
|
|
131
|
+
$notice-info-background: rgb(90, 129, 171) !default
|
|
132
|
+
$notice-warning-background: rgb(193, 179, 26) !default
|
|
133
|
+
$notice-error-background: rgb(162, 66, 60) !default
|
|
134
|
+
$notice-border-radius: 4px !default
|
|
135
|
+
$notice-color: rgb(255, 255, 255) !default
|
|
@@ -19,7 +19,7 @@ module BeyondCanvasHelper
|
|
|
19
19
|
case key
|
|
20
20
|
when "success"
|
|
21
21
|
"fas fa-check"
|
|
22
|
-
when "
|
|
22
|
+
when "info"
|
|
23
23
|
"fas fa-info"
|
|
24
24
|
when "warning"
|
|
25
25
|
"fas fa-exclamation"
|
|
@@ -29,4 +29,21 @@ module BeyondCanvasHelper
|
|
|
29
29
|
"fas fa-info"
|
|
30
30
|
end
|
|
31
31
|
end
|
|
32
|
+
|
|
33
|
+
[:success, :info, :warning, :error].each do |method|
|
|
34
|
+
define_method :"notice_#{method}" do |message|
|
|
35
|
+
content_tag("div".freeze, class: "notice notice--#{method}") do
|
|
36
|
+
content_tag("i".freeze, nil, class: "notice__icon #{get_flash_icon(method.to_s)}") +
|
|
37
|
+
content_tag("span".freeze, message, class: "notice__message")
|
|
38
|
+
end
|
|
39
|
+
end
|
|
40
|
+
end
|
|
41
|
+
|
|
42
|
+
def logo_image_tag(logo)
|
|
43
|
+
if logo =~ URI::regexp
|
|
44
|
+
image_tag logo, class: "logo"
|
|
45
|
+
else
|
|
46
|
+
image_tag File.basename(logo), class: "logo"
|
|
47
|
+
end
|
|
48
|
+
end
|
|
32
49
|
end
|
|
@@ -12,10 +12,6 @@ html
|
|
|
12
12
|
main.main class=("#{params[:controller].gsub(/[\/_]/, "-")}--#{params[:action]}")
|
|
13
13
|
= render 'beyond_canvas/flash'
|
|
14
14
|
.main-wrapper
|
|
15
|
-
- logo =
|
|
16
|
-
|
|
17
|
-
- if File.extname(logo) == '.svg'
|
|
18
|
-
= inline_svg File.basename(logo), class: 'logo'
|
|
19
|
-
- else
|
|
20
|
-
= image_tag File.basename(logo), class: 'logo'
|
|
15
|
+
- logo = BeyondCanvas.configuration.public_logo
|
|
16
|
+
= logo_image_tag(logo) unless logo.nil?
|
|
21
17
|
= yield
|
data/beyond_canvas.gemspec
CHANGED
|
@@ -18,6 +18,8 @@ Gem::Specification.new do |spec|
|
|
|
18
18
|
|
|
19
19
|
spec.files = `git ls-files`.split("\n")
|
|
20
20
|
|
|
21
|
+
spec.add_development_dependency "colorize", "~> 0.8"
|
|
22
|
+
|
|
21
23
|
spec.add_dependency "bourbon", "~> 5.1"
|
|
22
24
|
spec.add_dependency "neat", "~> 3.0"
|
|
23
25
|
spec.add_dependency "slim-rails", "~> 3.2"
|
data/lib/beyond_canvas.rb
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
require "beyond_canvas/version"
|
|
2
2
|
|
|
3
3
|
module BeyondCanvas
|
|
4
|
+
class Error < StandardError; end
|
|
5
|
+
|
|
4
6
|
class Engine < ::Rails::Engine
|
|
5
7
|
config.before_initialize do
|
|
6
8
|
if config.action_view.javascript_expansions
|
|
@@ -8,4 +10,22 @@ module BeyondCanvas
|
|
|
8
10
|
end
|
|
9
11
|
end
|
|
10
12
|
end
|
|
13
|
+
|
|
14
|
+
class << self
|
|
15
|
+
attr_accessor :configuration
|
|
16
|
+
end
|
|
17
|
+
|
|
18
|
+
def self.setup
|
|
19
|
+
self.configuration ||= Configuration.new
|
|
20
|
+
|
|
21
|
+
yield configuration
|
|
22
|
+
end
|
|
23
|
+
|
|
24
|
+
class Configuration
|
|
25
|
+
attr_accessor :public_logo
|
|
26
|
+
|
|
27
|
+
def initialize
|
|
28
|
+
@public_logo = nil
|
|
29
|
+
end
|
|
30
|
+
end
|
|
11
31
|
end
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module BeyondCanvas
|
|
4
|
+
module Generators
|
|
5
|
+
class CustomStylesGenerator < Rails::Generators::Base
|
|
6
|
+
source_root File.expand_path("../../templates", __FILE__)
|
|
7
|
+
|
|
8
|
+
def copy_initializer
|
|
9
|
+
template "beyond_canvas_custom_styles.sass", "app/assets/stylesheets/_beyond_canvas_custom_styles.sass"
|
|
10
|
+
end
|
|
11
|
+
end
|
|
12
|
+
end
|
|
13
|
+
end
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module BeyondCanvas
|
|
4
|
+
module Generators
|
|
5
|
+
class InstallGenerator < Rails::Generators::Base
|
|
6
|
+
source_root File.expand_path("../../templates", __FILE__)
|
|
7
|
+
|
|
8
|
+
def copy_initializer
|
|
9
|
+
template "beyond_canvas.rb", "config/initializers/beyond_canvas.rb"
|
|
10
|
+
template "beyond_canvas_form_utils.rb", "config/initializers/beyond_canvas_form_utils.rb"
|
|
11
|
+
end
|
|
12
|
+
end
|
|
13
|
+
end
|
|
14
|
+
end
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
// ************************************************************
|
|
2
|
+
// Colors
|
|
3
|
+
// ************************************************************
|
|
4
|
+
|
|
5
|
+
// $palette-primary: rgb(78, 183, 168)
|
|
6
|
+
// $palette-secondary: rgb(28, 53, 69)
|
|
7
|
+
// $palette-cancel: rgb(153, 153, 153)
|
|
8
|
+
// $palette-danger: rgb(218, 60, 60)
|
|
9
|
+
|
|
10
|
+
// ************************************************************
|
|
11
|
+
// General styles
|
|
12
|
+
// ************************************************************
|
|
13
|
+
|
|
14
|
+
// $main-background: rgb(233, 232, 220)
|
|
15
|
+
|
|
16
|
+
// ************************************************************
|
|
17
|
+
// Typography
|
|
18
|
+
// ************************************************************
|
|
19
|
+
|
|
20
|
+
// $main-color: rgb(62, 62, 62)
|
|
21
|
+
|
|
22
|
+
// ************************************************************
|
|
23
|
+
// Headlines
|
|
24
|
+
// ************************************************************
|
|
25
|
+
|
|
26
|
+
// $headline-color: rgb(122, 118, 76)
|
|
27
|
+
|
|
28
|
+
// ************************************************************
|
|
29
|
+
// Links
|
|
30
|
+
// ************************************************************
|
|
31
|
+
|
|
32
|
+
// $link-primary-color: darken($palette-primary, 10%)
|
|
33
|
+
// $link-secondary-color: darken($palette-cancel, 10%)
|
|
34
|
+
// $link-danger-color: darken($palette-danger, 10%)
|
|
35
|
+
|
|
36
|
+
// ************************************************************
|
|
37
|
+
// Buttons
|
|
38
|
+
// ************************************************************
|
|
39
|
+
|
|
40
|
+
// $button-primary-background: $palette-primary
|
|
41
|
+
// $button-primary-color: $white
|
|
42
|
+
|
|
43
|
+
// $button-secondary-background: $palette-cancel
|
|
44
|
+
// $button-secondary-color: $white
|
|
45
|
+
|
|
46
|
+
// $button-danger-background: $palette-danger
|
|
47
|
+
// $button-danger-color: $white
|
|
48
|
+
|
|
49
|
+
// $button-border-radius: 3px
|
|
50
|
+
// $button-box-shadow: true
|
|
51
|
+
|
|
52
|
+
// ************************************************************
|
|
53
|
+
// Cards
|
|
54
|
+
// ************************************************************
|
|
55
|
+
|
|
56
|
+
// $card-border-radius: 3px
|
|
57
|
+
// $card-box-shadow: 0 2px 7px rgba($black, .2)
|
|
58
|
+
// $card-separator-color: rgb(222, 222, 222)
|
|
59
|
+
// $card-title-color: rgb(247, 133, 96)
|
|
60
|
+
|
|
61
|
+
// ************************************************************
|
|
62
|
+
// Labels
|
|
63
|
+
// ************************************************************
|
|
64
|
+
|
|
65
|
+
// $label-color: rgb(128, 128, 128)
|
|
66
|
+
|
|
67
|
+
// ************************************************************
|
|
68
|
+
// Inputs
|
|
69
|
+
// ************************************************************
|
|
70
|
+
|
|
71
|
+
// $input-border-color: rgb(217, 216, 195)
|
|
72
|
+
// $input-border-color-focus: $palette-primary
|
|
73
|
+
// $input-errors-color: $palette-danger
|
|
74
|
+
|
|
75
|
+
// ************************************************************
|
|
76
|
+
// Hints
|
|
77
|
+
// ************************************************************
|
|
78
|
+
|
|
79
|
+
// $hint-color: rgb(158, 158, 158)
|
|
80
|
+
|
|
81
|
+
// ************************************************************
|
|
82
|
+
// Logo
|
|
83
|
+
// ************************************************************
|
|
84
|
+
|
|
85
|
+
// $logo-margin-top-public: 0
|
|
86
|
+
// $logo-margin-bottom-public: 34px
|
|
87
|
+
|
|
88
|
+
// ************************************************************
|
|
89
|
+
// Flash
|
|
90
|
+
// ************************************************************
|
|
91
|
+
|
|
92
|
+
// $flash-success: rgb(123, 170, 81)
|
|
93
|
+
// $flash-info: rgb(90, 129, 171)
|
|
94
|
+
// $flash-warning: rgb(193, 179, 26)
|
|
95
|
+
// $flash-error: rgb(162, 66, 60)
|
|
96
|
+
// $flash-border-radius: 4px
|
|
97
|
+
// $flash-box-shadow: 0 1px 2px 0 rgba($black, 0.2)
|
|
98
|
+
// $flash-color: rgb(128, 128, 128)
|
|
99
|
+
|
|
100
|
+
// ************************************************************
|
|
101
|
+
// Tables
|
|
102
|
+
// ************************************************************
|
|
103
|
+
|
|
104
|
+
// $table-header-background: rgb(243, 242, 236)
|
|
105
|
+
// $table-border-color: rgb(233, 232, 220)
|
|
106
|
+
|
|
107
|
+
// ************************************************************
|
|
108
|
+
// Comments
|
|
109
|
+
// ************************************************************
|
|
110
|
+
|
|
111
|
+
// $comment-background: rgb(246, 246, 243)
|
|
112
|
+
// $comment-color: rgb(170, 169, 156)
|
|
113
|
+
|
|
114
|
+
// ************************************************************
|
|
115
|
+
// Notices
|
|
116
|
+
// ************************************************************
|
|
117
|
+
|
|
118
|
+
// $notice-success-background: rgb(123, 170, 81)
|
|
119
|
+
// $notice-info-background: rgb(90, 129, 171)
|
|
120
|
+
// $notice-warning-background: rgb(193, 179, 26)
|
|
121
|
+
// $notice-error-background: rgb(162, 66, 60)
|
|
122
|
+
// $notice-border-radius: 4px
|
|
123
|
+
// $notice-color: rgb(255, 255, 255)
|
metadata
CHANGED
|
@@ -1,15 +1,29 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: beyond_canvas
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.6.0.pre
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Unai Abrisketa
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2019-12-
|
|
11
|
+
date: 2019-12-11 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
|
+
- !ruby/object:Gem::Dependency
|
|
14
|
+
name: colorize
|
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
|
16
|
+
requirements:
|
|
17
|
+
- - "~>"
|
|
18
|
+
- !ruby/object:Gem::Version
|
|
19
|
+
version: '0.8'
|
|
20
|
+
type: :development
|
|
21
|
+
prerelease: false
|
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
23
|
+
requirements:
|
|
24
|
+
- - "~>"
|
|
25
|
+
- !ruby/object:Gem::Version
|
|
26
|
+
version: '0.8'
|
|
13
27
|
- !ruby/object:Gem::Dependency
|
|
14
28
|
name: bourbon
|
|
15
29
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -95,6 +109,7 @@ files:
|
|
|
95
109
|
- app/assets/stylesheets/components/_links.sass
|
|
96
110
|
- app/assets/stylesheets/components/_main.sass
|
|
97
111
|
- app/assets/stylesheets/components/_margins.sass
|
|
112
|
+
- app/assets/stylesheets/components/_notices.sass
|
|
98
113
|
- app/assets/stylesheets/components/_relative.sass
|
|
99
114
|
- app/assets/stylesheets/components/_tables.sass
|
|
100
115
|
- app/assets/stylesheets/settings/_neat.sass
|
|
@@ -111,7 +126,10 @@ files:
|
|
|
111
126
|
- beyond_canvas.gemspec
|
|
112
127
|
- lib/beyond_canvas.rb
|
|
113
128
|
- lib/beyond_canvas/version.rb
|
|
114
|
-
- lib/generators/beyond_canvas/
|
|
129
|
+
- lib/generators/beyond_canvas/custom_styles_generator.rb
|
|
130
|
+
- lib/generators/beyond_canvas/install_generator.rb
|
|
131
|
+
- lib/generators/templates/beyond_canvas.rb
|
|
132
|
+
- lib/generators/templates/beyond_canvas_custom_styles.sass
|
|
115
133
|
- lib/generators/templates/beyond_canvas_form_utils.rb
|
|
116
134
|
homepage: https://github.com/ePages-de/beyond_canvas
|
|
117
135
|
licenses:
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module BeyondCanvas
|
|
4
|
-
module FormUtils
|
|
5
|
-
module Generators
|
|
6
|
-
class InstallGenerator < Rails::Generators::Base
|
|
7
|
-
source_root File.expand_path("../../../templates", __FILE__)
|
|
8
|
-
|
|
9
|
-
def copy_initializer
|
|
10
|
-
template "beyond_canvas_form_utils.rb", "config/initializers/beyond_canvas_form_utils.rb"
|
|
11
|
-
end
|
|
12
|
-
end
|
|
13
|
-
end
|
|
14
|
-
end
|
|
15
|
-
end
|