lesli 5.0.2 → 5.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (166) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/config/lesli_manifest.js +2 -1
  3. data/app/assets/javascripts/lesli/users/confirmations.js +32 -0
  4. data/app/assets/javascripts/lesli/users/passwords.js +3 -3
  5. data/app/assets/javascripts/lesli/users/registrations.js +2 -2
  6. data/app/assets/javascripts/lesli/users/sessions.js +2 -2
  7. data/app/assets/stylesheets/lesli/users/confirmations.scss +28 -6
  8. data/app/controllers/lesli/abouts_controller.rb +66 -0
  9. data/app/controllers/lesli/interfaces/application/authorization.rb +2 -2
  10. data/app/controllers/lesli/interfaces/application/logger.rb +14 -38
  11. data/app/controllers/lesli/roles_controller.rb +3 -1
  12. data/app/controllers/users/confirmations_controller.rb +63 -27
  13. data/app/controllers/users/passwords_controller.rb +70 -30
  14. data/app/controllers/users/sessions_controller.rb +2 -4
  15. data/app/lib/lesli/system.rb +13 -5
  16. data/app/mailers/lesli/application_lesli_mailer.rb +8 -19
  17. data/app/mailers/lesli/devise_mailer.rb +29 -3
  18. data/app/models/concerns/account_initializer.rb +91 -0
  19. data/app/models/concerns/{user_guard.rb → user_security.rb} +7 -8
  20. data/app/models/lesli/account.rb +8 -26
  21. data/app/models/lesli/application_lesli_record.rb +1 -0
  22. data/app/models/lesli/descriptor/privilege.rb +38 -0
  23. data/app/models/lesli/descriptor.rb +18 -1
  24. data/app/models/lesli/role/power.rb +70 -0
  25. data/app/models/lesli/role/privilege.rb +38 -0
  26. data/app/models/lesli/role.rb +20 -15
  27. data/app/models/lesli/user/{role.rb → power.rb} +1 -1
  28. data/app/{services/lesli/role_service.rb → models/lesli/user/setting.rb} +10 -9
  29. data/app/models/lesli/user.rb +11 -20
  30. data/app/operators/lesli/descriptor_privilege_operator.rb +75 -0
  31. data/app/operators/lesli/role_power_operator.rb +108 -0
  32. data/app/operators/lesli/user_registration_operator.rb +121 -0
  33. data/app/services/lesli/user_service.rb +2 -4
  34. data/app/services/lesli/{user/session_service.rb → user_session_service.rb} +11 -4
  35. data/app/views/devise/confirmations/new.html.erb +0 -14
  36. data/app/views/devise/confirmations/show.html.erb +63 -0
  37. data/app/views/devise/passwords/edit.html.erb +78 -24
  38. data/app/views/devise/passwords/new.html.erb +1 -2
  39. data/app/views/lesli/emails/devise_mailer/confirmation_instructions.html.erb +1 -1
  40. data/app/views/lesli/emails/devise_mailer/reset_password_instructions.html.erb +23 -0
  41. data/app/views/lesli/partials/_application-lesli-header.html.erb +3 -1
  42. data/config/initializers/devise.rb +2 -0
  43. data/config/routes.rb +2 -0
  44. data/db/migrate/v1.0/0010000110_create_lesli_accounts.rb +2 -0
  45. data/db/{tables/0010001010_create_account_settings.rb → migrate/v1.0/0010001010_create_lesli_account_settings.rb} +5 -5
  46. data/db/{tables/0010003110_create_user_settings.rb → migrate/v1.0/0010003110_create_lesli_user_settings.rb} +4 -4
  47. data/db/migrate/v1.0/0010003210_create_lesli_user_sessions.rb +6 -2
  48. data/db/migrate/v1.0/{0010003410_create_lesli_user_roles.rb → 0010003410_create_lesli_user_powers.rb} +4 -4
  49. data/db/migrate/v1.0/0010005010_create_lesli_descriptors.rb +1 -1
  50. data/db/migrate/v1.0/{0010003910_create_lesli_user_agents.rb → 0010005510_create_lesli_role_powers.rb} +7 -9
  51. data/db/{tables/0010005710_create_role_privileges.rb → migrate/v1.0/0010005710_create_lesli_role_privileges.rb} +6 -6
  52. data/db/seed/development/users.rb +4 -4
  53. data/db/seed/tools.rb +4 -4
  54. data/lib/lesli/engine.rb +33 -10
  55. data/lib/lesli/version.rb +1 -1
  56. data/lib/sass/lesli/bulma/loader.scss +3 -0
  57. data/lib/sass/lesli/pages/devise-simple.scss +2 -1
  58. data/lib/tasks/lesli/controllers.rake +3 -6
  59. data/lib/tasks/lesli/db.rake +11 -1
  60. data/lib/tasks/lesli/role.rake +54 -0
  61. data/lib/vue/application.js +9 -2
  62. data/lib/vue/devise/passwords.js +3 -3
  63. data/lib/vue/layouts/application-header.vue +10 -3
  64. data/lib/webpack/core.js +2 -1
  65. data/readme.md +23 -7
  66. data/vendor/bulma/LICENSE +21 -0
  67. data/vendor/bulma/bulma.sass +10 -0
  68. data/vendor/bulma/css/bulma-rtl.css +11851 -0
  69. data/vendor/bulma/css/bulma-rtl.min.css +1 -0
  70. data/vendor/bulma/css/bulma.css +11851 -0
  71. data/vendor/bulma/css/bulma.min.css +1 -0
  72. data/vendor/bulma/sass/base/_all.sass +6 -0
  73. data/vendor/bulma/sass/base/animations.sass +5 -0
  74. data/vendor/bulma/sass/base/generic.sass +145 -0
  75. data/vendor/bulma/sass/base/helpers.sass +1 -0
  76. data/vendor/bulma/sass/base/minireset.sass +79 -0
  77. data/vendor/bulma/sass/components/_all.sass +15 -0
  78. data/vendor/bulma/sass/components/breadcrumb.sass +77 -0
  79. data/vendor/bulma/sass/components/card.sass +103 -0
  80. data/vendor/bulma/sass/components/dropdown.sass +83 -0
  81. data/vendor/bulma/sass/components/level.sass +79 -0
  82. data/vendor/bulma/sass/components/media.sass +59 -0
  83. data/vendor/bulma/sass/components/menu.sass +59 -0
  84. data/vendor/bulma/sass/components/message.sass +101 -0
  85. data/vendor/bulma/sass/components/modal.sass +117 -0
  86. data/vendor/bulma/sass/components/navbar.sass +446 -0
  87. data/vendor/bulma/sass/components/pagination.sass +167 -0
  88. data/vendor/bulma/sass/components/panel.sass +121 -0
  89. data/vendor/bulma/sass/components/tabs.sass +176 -0
  90. data/vendor/bulma/sass/elements/_all.sass +16 -0
  91. data/vendor/bulma/sass/elements/box.sass +26 -0
  92. data/vendor/bulma/sass/elements/button.sass +357 -0
  93. data/vendor/bulma/sass/elements/container.sass +29 -0
  94. data/vendor/bulma/sass/elements/content.sass +162 -0
  95. data/vendor/bulma/sass/elements/form.sass +1 -0
  96. data/vendor/bulma/sass/elements/icon.sass +46 -0
  97. data/vendor/bulma/sass/elements/image.sass +73 -0
  98. data/vendor/bulma/sass/elements/notification.sass +52 -0
  99. data/vendor/bulma/sass/elements/other.sass +31 -0
  100. data/vendor/bulma/sass/elements/progress.sass +73 -0
  101. data/vendor/bulma/sass/elements/table.sass +134 -0
  102. data/vendor/bulma/sass/elements/tag.sass +140 -0
  103. data/vendor/bulma/sass/elements/title.sass +70 -0
  104. data/vendor/bulma/sass/form/_all.sass +9 -0
  105. data/vendor/bulma/sass/form/checkbox-radio.sass +22 -0
  106. data/vendor/bulma/sass/form/file.sass +184 -0
  107. data/vendor/bulma/sass/form/input-textarea.sass +66 -0
  108. data/vendor/bulma/sass/form/select.sass +88 -0
  109. data/vendor/bulma/sass/form/shared.sass +60 -0
  110. data/vendor/bulma/sass/form/tools.sass +215 -0
  111. data/vendor/bulma/sass/grid/_all.sass +5 -0
  112. data/vendor/bulma/sass/grid/columns.sass +513 -0
  113. data/vendor/bulma/sass/grid/tiles.sass +36 -0
  114. data/vendor/bulma/sass/helpers/_all.sass +12 -0
  115. data/vendor/bulma/sass/helpers/color.sass +39 -0
  116. data/vendor/bulma/sass/helpers/flexbox.sass +35 -0
  117. data/vendor/bulma/sass/helpers/float.sass +10 -0
  118. data/vendor/bulma/sass/helpers/other.sass +14 -0
  119. data/vendor/bulma/sass/helpers/overflow.sass +2 -0
  120. data/vendor/bulma/sass/helpers/position.sass +7 -0
  121. data/vendor/bulma/sass/helpers/spacing.sass +31 -0
  122. data/vendor/bulma/sass/helpers/typography.sass +103 -0
  123. data/vendor/bulma/sass/helpers/visibility.sass +122 -0
  124. data/vendor/bulma/sass/layout/_all.sass +6 -0
  125. data/vendor/bulma/sass/layout/footer.sass +11 -0
  126. data/vendor/bulma/sass/layout/hero.sass +153 -0
  127. data/vendor/bulma/sass/layout/section.sass +17 -0
  128. data/vendor/bulma/sass/utilities/_all.sass +9 -0
  129. data/vendor/bulma/sass/utilities/animations.sass +1 -0
  130. data/vendor/bulma/sass/utilities/controls.sass +49 -0
  131. data/vendor/bulma/sass/utilities/derived-variables.sass +114 -0
  132. data/vendor/bulma/sass/utilities/extends.sass +25 -0
  133. data/vendor/bulma/sass/utilities/functions.sass +135 -0
  134. data/vendor/bulma/sass/utilities/initial-variables.sass +79 -0
  135. data/vendor/bulma/sass/utilities/mixins.sass +303 -0
  136. data/vendor/lesli-css/_index.scss +34 -0
  137. data/vendor/lesli-css/lesli.scss +51 -0
  138. data/vendor/lesli-css/license +28 -0
  139. data/vendor/lesli-css/src/base/fonts.scss +50 -0
  140. data/vendor/lesli-css/src/base/normalize.scss +118 -0
  141. data/vendor/lesli-css/src/components/blockquote.scss +61 -0
  142. data/vendor/lesli-css/src/components/columns.scss +92 -0
  143. data/vendor/lesli-css/src/components/container.scss +47 -0
  144. data/vendor/lesli-css/src/components/grid.scss +0 -0
  145. data/vendor/lesli-css/src/components/navigation.scss +59 -0
  146. data/vendor/lesli-css/src/functions/colors.scss +184 -0
  147. data/vendor/lesli-css/src/helpers/units.scss +44 -0
  148. data/vendor/lesli-css/src/mixins/breakpoint.scss +184 -0
  149. data/vendor/lesli-css/src/mixins/flex.scss +80 -0
  150. data/vendor/lesli-css/src/mixins/scrollbar.scss +46 -0
  151. data/vendor/lesli-css/src/settings/variables.scss +26 -0
  152. data/vendor/lesli-css/tests/base/normalize.spec.scss +125 -0
  153. data/vendor/lesli-css/tests/functions/colors.spec.scss +117 -0
  154. data/vendor/lesli-css/tests/mixins/breakpoint.spec.scss +429 -0
  155. data/vendor/lesli-css/tests/mixins/scrollbar.spec.scss +82 -0
  156. data/vendor/lesli-css/vendor/normalize.scss +351 -0
  157. data/vendor/remixicon/License +201 -0
  158. data/vendor/remixicon/fonts/remixicon.css +2583 -0
  159. metadata +116 -18
  160. data/app/models/concerns/account_engines.rb +0 -249
  161. data/app/models/concerns/user_polyfill.rb +0 -134
  162. data/config/locales/translations.en.yml +0 -7
  163. data/config/locales/translations.es.yml +0 -7
  164. data/db/migrate/v1.0/0010001510_create_lesli_account_requests.rb +0 -45
  165. data/db/migrate/v1.0/0010003810_create_lesli_user_requests.rb +0 -44
  166. data/db/tables/0010005510_create_role_descriptors.rb +0 -44
@@ -0,0 +1,167 @@
1
+ @import "../utilities/controls"
2
+ @import "../utilities/mixins"
3
+
4
+ $pagination-color: $text-strong !default
5
+ $pagination-border-color: $border !default
6
+ $pagination-margin: -0.25rem !default
7
+ $pagination-min-width: $control-height !default
8
+
9
+ $pagination-item-font-size: 1em !default
10
+ $pagination-item-margin: 0.25rem !default
11
+ $pagination-item-padding-left: 0.5em !default
12
+ $pagination-item-padding-right: 0.5em !default
13
+
14
+ $pagination-nav-padding-left: 0.75em !default
15
+ $pagination-nav-padding-right: 0.75em !default
16
+
17
+ $pagination-hover-color: $link-hover !default
18
+ $pagination-hover-border-color: $link-hover-border !default
19
+
20
+ $pagination-focus-color: $link-focus !default
21
+ $pagination-focus-border-color: $link-focus-border !default
22
+
23
+ $pagination-active-color: $link-active !default
24
+ $pagination-active-border-color: $link-active-border !default
25
+
26
+ $pagination-disabled-color: $text-light !default
27
+ $pagination-disabled-background-color: $border !default
28
+ $pagination-disabled-border-color: $border !default
29
+
30
+ $pagination-current-color: $link-invert !default
31
+ $pagination-current-background-color: $link !default
32
+ $pagination-current-border-color: $link !default
33
+
34
+ $pagination-ellipsis-color: $grey-light !default
35
+
36
+ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
37
+
38
+ .pagination
39
+ @extend %block
40
+ font-size: $size-normal
41
+ margin: $pagination-margin
42
+ // Sizes
43
+ &.is-small
44
+ font-size: $size-small
45
+ &.is-medium
46
+ font-size: $size-medium
47
+ &.is-large
48
+ font-size: $size-large
49
+ &.is-rounded
50
+ .pagination-previous,
51
+ .pagination-next
52
+ padding-left: 1em
53
+ padding-right: 1em
54
+ border-radius: $radius-rounded
55
+ .pagination-link
56
+ border-radius: $radius-rounded
57
+
58
+ .pagination,
59
+ .pagination-list
60
+ align-items: center
61
+ display: flex
62
+ justify-content: center
63
+ text-align: center
64
+
65
+ .pagination-previous,
66
+ .pagination-next,
67
+ .pagination-link,
68
+ .pagination-ellipsis
69
+ @extend %control
70
+ @extend %unselectable
71
+ font-size: $pagination-item-font-size
72
+ justify-content: center
73
+ margin: $pagination-item-margin
74
+ padding-left: $pagination-item-padding-left
75
+ padding-right: $pagination-item-padding-right
76
+ text-align: center
77
+
78
+ .pagination-previous,
79
+ .pagination-next,
80
+ .pagination-link
81
+ border-color: $pagination-border-color
82
+ color: $pagination-color
83
+ min-width: $pagination-min-width
84
+ &:hover
85
+ border-color: $pagination-hover-border-color
86
+ color: $pagination-hover-color
87
+ &:focus
88
+ border-color: $pagination-focus-border-color
89
+ &:active
90
+ box-shadow: $pagination-shadow-inset
91
+ &[disabled],
92
+ &.is-disabled
93
+ background-color: $pagination-disabled-background-color
94
+ border-color: $pagination-disabled-border-color
95
+ box-shadow: none
96
+ color: $pagination-disabled-color
97
+ opacity: 0.5
98
+
99
+ .pagination-previous,
100
+ .pagination-next
101
+ padding-left: $pagination-nav-padding-left
102
+ padding-right: $pagination-nav-padding-right
103
+ white-space: nowrap
104
+
105
+ .pagination-link
106
+ &.is-current
107
+ background-color: $pagination-current-background-color
108
+ border-color: $pagination-current-border-color
109
+ color: $pagination-current-color
110
+
111
+ .pagination-ellipsis
112
+ color: $pagination-ellipsis-color
113
+ pointer-events: none
114
+
115
+ .pagination-list
116
+ flex-wrap: wrap
117
+ li
118
+ list-style: none
119
+
120
+ +mobile
121
+ .pagination
122
+ flex-wrap: wrap
123
+ .pagination-previous,
124
+ .pagination-next
125
+ flex-grow: 1
126
+ flex-shrink: 1
127
+ .pagination-list
128
+ li
129
+ flex-grow: 1
130
+ flex-shrink: 1
131
+
132
+ +tablet
133
+ .pagination-list
134
+ flex-grow: 1
135
+ flex-shrink: 1
136
+ justify-content: flex-start
137
+ order: 1
138
+ .pagination-previous,
139
+ .pagination-next,
140
+ .pagination-link,
141
+ .pagination-ellipsis
142
+ margin-bottom: 0
143
+ margin-top: 0
144
+ .pagination-previous
145
+ order: 2
146
+ .pagination-next
147
+ order: 3
148
+ .pagination
149
+ justify-content: space-between
150
+ margin-bottom: 0
151
+ margin-top: 0
152
+ &.is-centered
153
+ .pagination-previous
154
+ order: 1
155
+ .pagination-list
156
+ justify-content: center
157
+ order: 2
158
+ .pagination-next
159
+ order: 3
160
+ &.is-right
161
+ .pagination-previous
162
+ order: 1
163
+ .pagination-next
164
+ order: 2
165
+ .pagination-list
166
+ justify-content: flex-end
167
+ order: 3
@@ -0,0 +1,121 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $panel-margin: $block-spacing !default
4
+ $panel-item-border: 1px solid $border-light !default
5
+ $panel-radius: $radius-large !default
6
+ $panel-shadow: $shadow !default
7
+
8
+ $panel-heading-background-color: $border-light !default
9
+ $panel-heading-color: $text-strong !default
10
+ $panel-heading-line-height: 1.25 !default
11
+ $panel-heading-padding: 0.75em 1em !default
12
+ $panel-heading-radius: $radius !default
13
+ $panel-heading-size: 1.25em !default
14
+ $panel-heading-weight: $weight-bold !default
15
+
16
+ $panel-tabs-font-size: 0.875em !default
17
+ $panel-tab-border-bottom: 1px solid $border !default
18
+ $panel-tab-active-border-bottom-color: $link-active-border !default
19
+ $panel-tab-active-color: $link-active !default
20
+
21
+ $panel-list-item-color: $text !default
22
+ $panel-list-item-hover-color: $link !default
23
+
24
+ $panel-block-color: $text-strong !default
25
+ $panel-block-hover-background-color: $background !default
26
+ $panel-block-active-border-left-color: $link !default
27
+ $panel-block-active-color: $link-active !default
28
+ $panel-block-active-icon-color: $link !default
29
+
30
+ $panel-icon-color: $text-light !default
31
+ $panel-colors: $colors !default
32
+
33
+ .panel
34
+ border-radius: $panel-radius
35
+ box-shadow: $panel-shadow
36
+ font-size: $size-normal
37
+ &:not(:last-child)
38
+ margin-bottom: $panel-margin
39
+ // Colors
40
+ @each $name, $components in $panel-colors
41
+ $color: nth($components, 1)
42
+ $color-invert: nth($components, 2)
43
+ &.is-#{$name}
44
+ .panel-heading
45
+ background-color: $color
46
+ color: $color-invert
47
+ .panel-tabs a.is-active
48
+ border-bottom-color: $color
49
+ .panel-block.is-active .panel-icon
50
+ color: $color
51
+
52
+ .panel-tabs,
53
+ .panel-block
54
+ &:not(:last-child)
55
+ border-bottom: $panel-item-border
56
+
57
+ .panel-heading
58
+ background-color: $panel-heading-background-color
59
+ border-radius: $panel-radius $panel-radius 0 0
60
+ color: $panel-heading-color
61
+ font-size: $panel-heading-size
62
+ font-weight: $panel-heading-weight
63
+ line-height: $panel-heading-line-height
64
+ padding: $panel-heading-padding
65
+
66
+ .panel-tabs
67
+ align-items: flex-end
68
+ display: flex
69
+ font-size: $panel-tabs-font-size
70
+ justify-content: center
71
+ a
72
+ border-bottom: $panel-tab-border-bottom
73
+ margin-bottom: -1px
74
+ padding: 0.5em
75
+ // Modifiers
76
+ &.is-active
77
+ border-bottom-color: $panel-tab-active-border-bottom-color
78
+ color: $panel-tab-active-color
79
+
80
+ .panel-list
81
+ a
82
+ color: $panel-list-item-color
83
+ &:hover
84
+ color: $panel-list-item-hover-color
85
+
86
+ .panel-block
87
+ align-items: center
88
+ color: $panel-block-color
89
+ display: flex
90
+ justify-content: flex-start
91
+ padding: 0.5em 0.75em
92
+ input[type="checkbox"]
93
+ +ltr-property("margin", 0.75em)
94
+ & > .control
95
+ flex-grow: 1
96
+ flex-shrink: 1
97
+ width: 100%
98
+ &.is-wrapped
99
+ flex-wrap: wrap
100
+ &.is-active
101
+ border-left-color: $panel-block-active-border-left-color
102
+ color: $panel-block-active-color
103
+ .panel-icon
104
+ color: $panel-block-active-icon-color
105
+ &:last-child
106
+ border-bottom-left-radius: $panel-radius
107
+ border-bottom-right-radius: $panel-radius
108
+
109
+ a.panel-block,
110
+ label.panel-block
111
+ cursor: pointer
112
+ &:hover
113
+ background-color: $panel-block-hover-background-color
114
+
115
+ .panel-icon
116
+ +fa(14px, 1em)
117
+ color: $panel-icon-color
118
+ +ltr-property("margin", 0.75em)
119
+ .fa
120
+ font-size: inherit
121
+ line-height: inherit
@@ -0,0 +1,176 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $tabs-border-bottom-color: $border !default
4
+ $tabs-border-bottom-style: solid !default
5
+ $tabs-border-bottom-width: 1px !default
6
+ $tabs-link-color: $text !default
7
+ $tabs-link-hover-border-bottom-color: $text-strong !default
8
+ $tabs-link-hover-color: $text-strong !default
9
+ $tabs-link-active-border-bottom-color: $link !default
10
+ $tabs-link-active-color: $link !default
11
+ $tabs-link-padding: 0.5em 1em !default
12
+
13
+ $tabs-boxed-link-radius: $radius !default
14
+ $tabs-boxed-link-hover-background-color: $background !default
15
+ $tabs-boxed-link-hover-border-bottom-color: $border !default
16
+
17
+ $tabs-boxed-link-active-background-color: $scheme-main !default
18
+ $tabs-boxed-link-active-border-color: $border !default
19
+ $tabs-boxed-link-active-border-bottom-color: transparent !default
20
+
21
+ $tabs-toggle-link-border-color: $border !default
22
+ $tabs-toggle-link-border-style: solid !default
23
+ $tabs-toggle-link-border-width: 1px !default
24
+ $tabs-toggle-link-hover-background-color: $background !default
25
+ $tabs-toggle-link-hover-border-color: $border-hover !default
26
+ $tabs-toggle-link-radius: $radius !default
27
+ $tabs-toggle-link-active-background-color: $link !default
28
+ $tabs-toggle-link-active-border-color: $link !default
29
+ $tabs-toggle-link-active-color: $link-invert !default
30
+
31
+ .tabs
32
+ @extend %block
33
+ +overflow-touch
34
+ @extend %unselectable
35
+ align-items: stretch
36
+ display: flex
37
+ font-size: $size-normal
38
+ justify-content: space-between
39
+ overflow: hidden
40
+ overflow-x: auto
41
+ white-space: nowrap
42
+ a
43
+ align-items: center
44
+ border-bottom-color: $tabs-border-bottom-color
45
+ border-bottom-style: $tabs-border-bottom-style
46
+ border-bottom-width: $tabs-border-bottom-width
47
+ color: $tabs-link-color
48
+ display: flex
49
+ justify-content: center
50
+ margin-bottom: -#{$tabs-border-bottom-width}
51
+ padding: $tabs-link-padding
52
+ vertical-align: top
53
+ &:hover
54
+ border-bottom-color: $tabs-link-hover-border-bottom-color
55
+ color: $tabs-link-hover-color
56
+ li
57
+ display: block
58
+ &.is-active
59
+ a
60
+ border-bottom-color: $tabs-link-active-border-bottom-color
61
+ color: $tabs-link-active-color
62
+ ul
63
+ align-items: center
64
+ border-bottom-color: $tabs-border-bottom-color
65
+ border-bottom-style: $tabs-border-bottom-style
66
+ border-bottom-width: $tabs-border-bottom-width
67
+ display: flex
68
+ flex-grow: 1
69
+ flex-shrink: 0
70
+ justify-content: flex-start
71
+ &.is-left
72
+ padding-right: 0.75em
73
+ &.is-center
74
+ flex: none
75
+ justify-content: center
76
+ padding-left: 0.75em
77
+ padding-right: 0.75em
78
+ &.is-right
79
+ justify-content: flex-end
80
+ padding-left: 0.75em
81
+ .icon
82
+ &:first-child
83
+ +ltr-property("margin", 0.5em)
84
+ &:last-child
85
+ +ltr-property("margin", 0.5em, false)
86
+ // Alignment
87
+ &.is-centered
88
+ ul
89
+ justify-content: center
90
+ &.is-right
91
+ ul
92
+ justify-content: flex-end
93
+ // Styles
94
+ &.is-boxed
95
+ a
96
+ border: 1px solid transparent
97
+ +ltr
98
+ border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
99
+ +rtl
100
+ border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
101
+ &:hover
102
+ background-color: $tabs-boxed-link-hover-background-color
103
+ border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
104
+ li
105
+ &.is-active
106
+ a
107
+ background-color: $tabs-boxed-link-active-background-color
108
+ border-color: $tabs-boxed-link-active-border-color
109
+ border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
110
+ &.is-fullwidth
111
+ li
112
+ flex-grow: 1
113
+ flex-shrink: 0
114
+ &.is-toggle
115
+ a
116
+ border-color: $tabs-toggle-link-border-color
117
+ border-style: $tabs-toggle-link-border-style
118
+ border-width: $tabs-toggle-link-border-width
119
+ margin-bottom: 0
120
+ position: relative
121
+ &:hover
122
+ background-color: $tabs-toggle-link-hover-background-color
123
+ border-color: $tabs-toggle-link-hover-border-color
124
+ z-index: 2
125
+ li
126
+ & + li
127
+ +ltr-property("margin", -#{$tabs-toggle-link-border-width}, false)
128
+ &:first-child a
129
+ +ltr
130
+ border-top-left-radius: $tabs-toggle-link-radius
131
+ border-bottom-left-radius: $tabs-toggle-link-radius
132
+ +rtl
133
+ border-top-right-radius: $tabs-toggle-link-radius
134
+ border-bottom-right-radius: $tabs-toggle-link-radius
135
+ &:last-child a
136
+ +ltr
137
+ border-top-right-radius: $tabs-toggle-link-radius
138
+ border-bottom-right-radius: $tabs-toggle-link-radius
139
+ +rtl
140
+ border-top-left-radius: $tabs-toggle-link-radius
141
+ border-bottom-left-radius: $tabs-toggle-link-radius
142
+ &.is-active
143
+ a
144
+ background-color: $tabs-toggle-link-active-background-color
145
+ border-color: $tabs-toggle-link-active-border-color
146
+ color: $tabs-toggle-link-active-color
147
+ z-index: 1
148
+ ul
149
+ border-bottom: none
150
+ &.is-toggle-rounded
151
+ li
152
+ &:first-child a
153
+ +ltr
154
+ border-bottom-left-radius: $radius-rounded
155
+ border-top-left-radius: $radius-rounded
156
+ padding-left: 1.25em
157
+ +rtl
158
+ border-bottom-right-radius: $radius-rounded
159
+ border-top-right-radius: $radius-rounded
160
+ padding-right: 1.25em
161
+ &:last-child a
162
+ +ltr
163
+ border-bottom-right-radius: $radius-rounded
164
+ border-top-right-radius: $radius-rounded
165
+ padding-right: 1.25em
166
+ +rtl
167
+ border-bottom-left-radius: $radius-rounded
168
+ border-top-left-radius: $radius-rounded
169
+ padding-left: 1.25em
170
+ // Sizes
171
+ &.is-small
172
+ font-size: $size-small
173
+ &.is-medium
174
+ font-size: $size-medium
175
+ &.is-large
176
+ font-size: $size-large
@@ -0,0 +1,16 @@
1
+ /* Bulma Elements */
2
+ @charset "utf-8"
3
+
4
+ @import "box"
5
+ @import "button"
6
+ @import "container"
7
+ @import "content"
8
+ @import "icon"
9
+ @import "image"
10
+ @import "notification"
11
+ @import "progress"
12
+ @import "table"
13
+ @import "tag"
14
+ @import "title"
15
+
16
+ @import "other"
@@ -0,0 +1,26 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $box-color: $text !default
4
+ $box-background-color: $scheme-main !default
5
+ $box-radius: $radius-large !default
6
+ $box-shadow: $shadow !default
7
+ $box-padding: 1.25rem !default
8
+
9
+ $box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
10
+ $box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default
11
+
12
+ .box
13
+ @extend %block
14
+ background-color: $box-background-color
15
+ border-radius: $box-radius
16
+ box-shadow: $box-shadow
17
+ color: $box-color
18
+ display: block
19
+ padding: $box-padding
20
+
21
+ a.box
22
+ &:hover,
23
+ &:focus
24
+ box-shadow: $box-link-hover-shadow
25
+ &:active
26
+ box-shadow: $box-link-active-shadow