decidim-admin 0.0.1.alpha3

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of decidim-admin might be problematic. Click here for more details.

Files changed (37) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +28 -0
  3. data/Rakefile +32 -0
  4. data/app/assets/config/decidim_admin_manifest.js +2 -0
  5. data/app/assets/javascripts/decidim/admin.js +21 -0
  6. data/app/assets/stylesheets/decidim/admin.scss +8 -0
  7. data/app/assets/stylesheets/decidim/admin/_actions.scss +8 -0
  8. data/app/assets/stylesheets/decidim/admin/_foundation_and_overrides.scss +52 -0
  9. data/app/assets/stylesheets/decidim/admin/_layout.scss +16 -0
  10. data/app/assets/stylesheets/decidim/admin/_login.scss +36 -0
  11. data/app/assets/stylesheets/decidim/admin/_settings.scss +566 -0
  12. data/app/assets/stylesheets/decidim/admin/_sidebar.scss +73 -0
  13. data/app/assets/stylesheets/decidim/admin/_tables.scss +5 -0
  14. data/app/constraints/decidim/admin/organization_dashboard_constraint.rb +36 -0
  15. data/app/controllers/decidim/admin/application_controller.rb +10 -0
  16. data/app/controllers/decidim/admin/dashboard_controller.rb +9 -0
  17. data/app/helpers/decidim/admin/application_helper.rb +12 -0
  18. data/app/jobs/decidim/admin/application_job.rb +9 -0
  19. data/app/mailers/decidim/admin/application_mailer.rb +11 -0
  20. data/app/models/decidim/admin/application_record.rb +10 -0
  21. data/app/policies/decidim/admin/application_policy.rb +20 -0
  22. data/app/policies/decidim/admin/organization_policy.rb +15 -0
  23. data/app/views/decidim/admin/dashboard/show.html.erb +3 -0
  24. data/app/views/decidim/admin/devise/mailers/password_change.html.erb +3 -0
  25. data/app/views/decidim/admin/devise/mailers/reset_password_instructions.html.erb +8 -0
  26. data/app/views/layouts/decidim/admin/_header.html.erb +4 -0
  27. data/app/views/layouts/decidim/admin/_login_items.html.erb +8 -0
  28. data/app/views/layouts/decidim/admin/_sidebar.html.erb +13 -0
  29. data/app/views/layouts/decidim/admin/application.html.erb +40 -0
  30. data/app/views/layouts/decidim/admin/login.html.erb +19 -0
  31. data/config/i18n-tasks.yml +120 -0
  32. data/config/locales/en.yml +8 -0
  33. data/config/routes.rb +4 -0
  34. data/lib/decidim/admin.rb +12 -0
  35. data/lib/decidim/admin/engine.rb +31 -0
  36. data/lib/tasks/decidim/admin_tasks.rake +5 -0
  37. metadata +321 -0
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: bea8dfa41c3c824cebe6c6211ea6de9f9eeb6257
4
+ data.tar.gz: e815b2da931c6f68006b0bb6b262b28c8ea4bc1b
5
+ SHA512:
6
+ metadata.gz: 597c1fd106c0337257326e79eef44a2386d0f933948be372ae2512cdf426cee5e6bb8acdd7a7fa2dbcef4fe8a31aea08c2d380ded169ece3ed107e721a013564
7
+ data.tar.gz: 83fc96e9172b5f6b1b6789e391028a3311992d66661cefa5e3e9b3c3528ad57b831a835957a691aeb55b288790b6d2486e4597ae152f2e8e9d2df874ad520b11
@@ -0,0 +1,28 @@
1
+ # Decidim::Admin
2
+ Short description and motivation.
3
+
4
+ ## Usage
5
+ How to use my plugin.
6
+
7
+ ## Installation
8
+ Add this line to your application's Gemfile:
9
+
10
+ ```ruby
11
+ gem 'decidim-admin'
12
+ ```
13
+
14
+ And then execute:
15
+ ```bash
16
+ $ bundle
17
+ ```
18
+
19
+ Or install it yourself as:
20
+ ```bash
21
+ $ gem install decidim-admin
22
+ ```
23
+
24
+ ## Contributing
25
+ Contribution directions go here.
26
+
27
+ ## License
28
+ The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
@@ -0,0 +1,32 @@
1
+ # frozen_string_literal: true
2
+ begin
3
+ require "bundler/setup"
4
+ rescue LoadError
5
+ puts "You must `gem install bundler` and `bundle install` to run rake tasks"
6
+ end
7
+
8
+ require "decidim/common_rake"
9
+ require "rdoc/task"
10
+
11
+ RDoc::Task.new(:rdoc) do |rdoc|
12
+ rdoc.rdoc_dir = "rdoc"
13
+ rdoc.title = "Decidim::Admin"
14
+ rdoc.options << "--line-numbers"
15
+ rdoc.rdoc_files.include("README.md")
16
+ rdoc.rdoc_files.include("lib/**/*.rb")
17
+ end
18
+
19
+ load "rails/tasks/statistics.rake"
20
+
21
+ require "bundler/gem_tasks"
22
+
23
+ begin
24
+ require "rspec/core/rake_task"
25
+ RSpec::Core::RakeTask.new(:spec)
26
+ ENV["ENGINE_PATH"] = File.dirname(__FILE__)
27
+
28
+ task default: :spec
29
+
30
+ Rake::Task["spec"].enhance ["common:test_app"]
31
+ rescue LoadError
32
+ end
@@ -0,0 +1,2 @@
1
+ //= link_directory ../javascripts/decidim/admin.js
2
+ //= link_directory ../stylesheets/decidim/admin.css
@@ -0,0 +1,21 @@
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 any plugin's vendor/assets/javascripts directory 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. JavaScript code in this file should be added after the last require_* statement.
9
+ //
10
+ // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
11
+ // about supported directives.
12
+ //
13
+ //= require jquery
14
+ //= require jquery.turbolinks
15
+ //= require jquery_ujs
16
+ //= require foundation
17
+ //= require_self
18
+
19
+ $(function(){ $(document).foundation(); });
20
+
21
+ //= require turbolinks
@@ -0,0 +1,8 @@
1
+ @import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';
2
+
3
+ @import "admin/foundation_and_overrides";
4
+ @import "admin/layout";
5
+ @import "admin/login";
6
+ @import "admin/sidebar";
7
+ @import "admin/tables";
8
+ @import "admin/actions";
@@ -0,0 +1,8 @@
1
+ .actions{
2
+ text-align: right;
3
+
4
+ &.title{
5
+ margin-bottom: $global-margin;
6
+ font-size: 1.2em;
7
+ }
8
+ }
@@ -0,0 +1,52 @@
1
+ @charset "utf-8";
2
+
3
+ @import "settings";
4
+ @import "foundation";
5
+
6
+ // If you'd like to include motion-ui the foundation-rails gem comes prepackaged with it, uncomment the 3 @imports, if you are not using the gem you need to install the motion-ui sass package.
7
+ //
8
+ // @import 'motion-ui/motion-ui';
9
+
10
+ // We include everything by default. To slim your CSS, remove components you don't use.
11
+
12
+ @include foundation-global-styles;
13
+ @include foundation-flex-grid;
14
+ @include foundation-typography;
15
+ @include foundation-button;
16
+ @include foundation-forms;
17
+ @include foundation-visibility-classes;
18
+ @include foundation-flex-classes;
19
+ @include foundation-accordion;
20
+ @include foundation-accordion-menu;
21
+ @include foundation-badge;
22
+ @include foundation-breadcrumbs;
23
+ @include foundation-button-group;
24
+ @include foundation-callout;
25
+ @include foundation-close-button;
26
+ @include foundation-drilldown-menu;
27
+ @include foundation-dropdown;
28
+ @include foundation-dropdown-menu;
29
+ @include foundation-flex-video;
30
+ @include foundation-label;
31
+ @include foundation-media-object;
32
+ @include foundation-menu;
33
+ @include foundation-menu-icon;
34
+ @include foundation-off-canvas;
35
+ @include foundation-orbit;
36
+ @include foundation-pagination;
37
+ @include foundation-progress-bar;
38
+ @include foundation-slider;
39
+ @include foundation-sticky;
40
+ @include foundation-reveal;
41
+ @include foundation-switch;
42
+ @include foundation-table;
43
+ @include foundation-tabs;
44
+ @include foundation-thumbnail;
45
+ @include foundation-title-bar;
46
+ @include foundation-tooltip;
47
+ @include foundation-top-bar;
48
+
49
+ // If you'd like to include motion-ui the foundation-rails gem comes prepackaged with it, uncomment the 3 @imports, if you are not using the gem you need to install the motion-ui sass package.
50
+ //
51
+ // @include motion-ui-transitions;
52
+ // @include motion-ui-animations;
@@ -0,0 +1,16 @@
1
+ .off-canvas, .sidebar, .off-canvas-wrapper{
2
+ min-height: 100vh;
3
+ }
4
+
5
+ .off-canvas{
6
+ color: #fff;
7
+ }
8
+
9
+ .main-content{
10
+ padding: $global-padding 0;
11
+ min-height: 100vh;
12
+ }
13
+
14
+ .page-title{
15
+ margin-bottom: $global-margin;
16
+ }
@@ -0,0 +1,36 @@
1
+ body.login{
2
+ background: $light-gray;
3
+ position: relative;
4
+
5
+ .login-form-wrapper{
6
+ @include grid-row;
7
+ @include flex;
8
+
9
+ height: 100vh;
10
+
11
+ .login-form{
12
+ @include grid-column(12);
13
+ @include grid-column-position(center);
14
+
15
+ @include breakpoint(medium){
16
+ @include grid-column(8);
17
+ @include grid-column-position(center);
18
+ }
19
+
20
+ @include breakpoint(large){
21
+ @include grid-column(6);
22
+ @include grid-column-position(center);
23
+ }
24
+ }
25
+
26
+ @include breakpoint(medium){
27
+ @include flex-align(center, middle);
28
+ transform: translateY(-8%);
29
+ }
30
+
31
+ .login-form-inner{
32
+ background-color: $white;
33
+ padding: $global-padding;
34
+ }
35
+ }
36
+ }
@@ -0,0 +1,566 @@
1
+ // Foundation for Sites Settings
2
+ // -----------------------------
3
+ //
4
+ // Table of Contents:
5
+ //
6
+ // 1. Global
7
+ // 2. Breakpoints
8
+ // 3. The Grid
9
+ // 4. Base Typography
10
+ // 5. Typography Helpers
11
+ // 6. Abide
12
+ // 7. Accordion
13
+ // 8. Accordion Menu
14
+ // 9. Badge
15
+ // 10. Breadcrumbs
16
+ // 11. Button
17
+ // 12. Button Group
18
+ // 13. Callout
19
+ // 14. Close Button
20
+ // 15. Drilldown
21
+ // 16. Dropdown
22
+ // 17. Dropdown Menu
23
+ // 18. Flex Video
24
+ // 19. Forms
25
+ // 20. Label
26
+ // 21. Media Object
27
+ // 22. Menu
28
+ // 23. Meter
29
+ // 24. Off-canvas
30
+ // 25. Orbit
31
+ // 26. Pagination
32
+ // 27. Progress Bar
33
+ // 28. Reveal
34
+ // 29. Slider
35
+ // 30. Switch
36
+ // 31. Table
37
+ // 32. Tabs
38
+ // 33. Thumbnail
39
+ // 34. Title Bar
40
+ // 35. Tooltip
41
+ // 36. Top Bar
42
+
43
+ @import "util/util";
44
+
45
+ // 1. Global
46
+ // ---------
47
+
48
+ // $global-font-size: 100%;
49
+ // $global-width: rem-calc(1200);
50
+ // $global-lineheight: 1.5;
51
+ $foundation-palette: (
52
+ primary: #2199e8,
53
+ secondary: #777,
54
+ success: #3adb76,
55
+ warning: #ffae00,
56
+ alert: #ec5840,
57
+ );
58
+ $light-gray: #e6e6e6;
59
+ // $medium-gray: #cacaca;
60
+ // $dark-gray: #8a8a8a;
61
+ $black: #232323;
62
+ // $white: #fefefe;
63
+ // $body-background: $white;
64
+ // $body-font-color: $black;
65
+ $body-font-family: 'Montserrat', sans-serif;
66
+ // $body-antialiased: true;
67
+ // $global-margin: 1rem;
68
+ // $global-padding: 1rem;
69
+ // $global-weight-normal: normal;
70
+ // $global-weight-bold: bold;
71
+ // $global-radius: 0;
72
+ // $global-text-direction: ltr;
73
+ $global-flexbox: true;
74
+ // $print-transparent-backgrounds: true;
75
+
76
+ @include add-foundation-colors;
77
+
78
+ // 2. Breakpoints
79
+ // --------------
80
+
81
+ // $breakpoints: (
82
+ // small: 0,
83
+ // medium: 640px,
84
+ // large: 1024px,
85
+ // xlarge: 1200px,
86
+ // xxlarge: 1440px,
87
+ // );
88
+ // $breakpoint-classes: (small medium large);
89
+
90
+ // 3. The Grid
91
+ // -----------
92
+
93
+ // $grid-row-width: $global-width;
94
+ // $grid-column-count: 12;
95
+ // $grid-column-gutter: (
96
+ // small: 20px,
97
+ // medium: 30px,
98
+ // );
99
+ // $grid-column-align-edge: true;
100
+ // $block-grid-max: 8;
101
+
102
+ // 4. Base Typography
103
+ // ------------------
104
+
105
+ // $header-font-family: $body-font-family;
106
+ // $header-font-weight: $global-weight-normal;
107
+ // $header-font-style: normal;
108
+ // $font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
109
+ // $header-sizes: (
110
+ // small: (
111
+ // 'h1': 24,
112
+ // 'h2': 20,
113
+ // 'h3': 19,
114
+ // 'h4': 18,
115
+ // 'h5': 17,
116
+ // 'h6': 16,
117
+ // ),
118
+ // medium: (
119
+ // 'h1': 48,
120
+ // 'h2': 40,
121
+ // 'h3': 31,
122
+ // 'h4': 25,
123
+ // 'h5': 20,
124
+ // 'h6': 16,
125
+ // ),
126
+ // );
127
+ // $header-color: inherit;
128
+ // $header-lineheight: 1.4;
129
+ // $header-margin-bottom: 0.5rem;
130
+ // $header-text-rendering: optimizeLegibility;
131
+ // $small-font-size: 80%;
132
+ // $header-small-font-color: $medium-gray;
133
+ // $paragraph-lineheight: 1.6;
134
+ // $paragraph-margin-bottom: 1rem;
135
+ // $paragraph-text-rendering: optimizeLegibility;
136
+ // $code-color: $black;
137
+ // $code-font-family: $font-family-monospace;
138
+ // $code-font-weight: $global-weight-normal;
139
+ // $code-background: $light-gray;
140
+ // $code-border: 1px solid $medium-gray;
141
+ // $code-padding: rem-calc(2 5 1);
142
+ // $anchor-color: $primary-color;
143
+ // $anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
144
+ // $anchor-text-decoration: none;
145
+ // $anchor-text-decoration-hover: none;
146
+ // $hr-width: $global-width;
147
+ // $hr-border: 1px solid $medium-gray;
148
+ // $hr-margin: rem-calc(20) auto;
149
+ // $list-lineheight: $paragraph-lineheight;
150
+ // $list-margin-bottom: $paragraph-margin-bottom;
151
+ // $list-style-type: disc;
152
+ // $list-style-position: outside;
153
+ // $list-side-margin: 1.25rem;
154
+ // $list-nested-side-margin: 1.25rem;
155
+ // $defnlist-margin-bottom: 1rem;
156
+ // $defnlist-term-weight: $global-weight-bold;
157
+ // $defnlist-term-margin-bottom: 0.3rem;
158
+ // $blockquote-color: $dark-gray;
159
+ // $blockquote-padding: rem-calc(9 20 0 19);
160
+ // $blockquote-border: 1px solid $medium-gray;
161
+ // $cite-font-size: rem-calc(13);
162
+ // $cite-color: $dark-gray;
163
+ // $keystroke-font: $font-family-monospace;
164
+ // $keystroke-color: $black;
165
+ // $keystroke-background: $light-gray;
166
+ // $keystroke-padding: rem-calc(2 4 0);
167
+ // $keystroke-radius: $global-radius;
168
+ // $abbr-underline: 1px dotted $black;
169
+
170
+ // 5. Typography Helpers
171
+ // ---------------------
172
+
173
+ // $lead-font-size: $global-font-size * 1.25;
174
+ // $lead-lineheight: 1.6;
175
+ // $subheader-lineheight: 1.4;
176
+ // $subheader-color: $dark-gray;
177
+ // $subheader-font-weight: $global-weight-normal;
178
+ // $subheader-margin-t#23262Cop: 0.2rem;
179
+ // $subheader-margin-bottom: 0.5rem;
180
+ // $stat-font-size: 2.5rem;
181
+
182
+ // 6. Abide
183
+ // --------
184
+
185
+ // $abide-inputs: true;
186
+ // $abide-labels: true;
187
+ // $input-background-invalid: map-get($foundation-palette, alert);
188
+ // $form-label-color-invalid: map-get($foundation-palette, alert);
189
+ // $input-error-color: map-get($foundation-palette, alert);
190
+ // $input-error-font-size: rem-calc(12);
191
+ // $input-error-font-weight: $global-weight-bold;
192
+
193
+ // 7. Accordion
194
+ // ------------
195
+
196
+ // $accordion-background: $white;
197
+ // $accordion-plusminus: true;
198
+ // $accordion-item-color: foreground($accordion-background, $primary-color);
199
+ // $accordion-item-background-hover: $light-gray;
200
+ // $accordion-item-padding: 1.25rem 1rem;
201
+ // $accordion-content-background: $white;
202
+ // $accordion-content-border: 1px solid $light-gray;
203
+ // $accordion-content-color: foreground($accordion-content-background, $body-font-color);
204
+ // $accordion-content-padding: 1rem;
205
+
206
+ // 8. Accordion Menu
207
+ // -----------------
208
+
209
+ // $accordionmenu-arrows: true;
210
+ // $accordionmenu-arrow-color: $primary-color;
211
+
212
+ // 9. Badge
213
+ // --------
214
+
215
+ // $badge-background: $primary-color;
216
+ // $badge-color: foreground($badge-background);
217
+ // $badge-padding: 0.3em;
218
+ // $badge-minwidth: 2.1em;
219
+ // $badge-font-size: 0.6rem;
220
+
221
+ // 10. Breadcrumbs
222
+ // ---------------
223
+
224
+ // $breadcrumbs-margin: 0 0 $global-margin 0;
225
+ // $breadcrumbs-item-font-size: rem-calc(11);
226
+ // $breadcrumbs-item-color: $primary-color;
227
+ // $breadcrumbs-item-color-current: $black;
228
+ // $breadcrumbs-item-color-disabled: $medium-gray;
229
+ // $breadcrumbs-item-margin: 0.75rem;
230
+ // $breadcrumbs-item-uppercase: true;
231
+ // $breadcrumbs-item-slash: true;
232
+
233
+ // 11. Button
234
+ // ----------
235
+
236
+ // $button-padding: 0.85em 1em;
237
+ $button-margin: 0;
238
+ // $button-fill: solid;
239
+ // $button-background: $primary-color;
240
+ // $button-background-hover: scale-color($button-background, $lightness: -15%);
241
+ // $button-color: $white;
242
+ // $button-color-alt: $black;
243
+ // $button-radius: $global-radius;
244
+ // $button-sizes: (
245
+ // tiny: 0.6rem,
246
+ // small: 0.75rem,
247
+ // default: 0.9rem,
248
+ // large: 1.25rem,
249
+ // );
250
+ // $button-opacity-disabled: 0.25;
251
+
252
+ // 12. Button Group
253
+ // ----------------
254
+
255
+ // $buttongroup-margin: 1rem;
256
+ // $buttongroup-spacing: 1px;
257
+ // $buttongroup-child-selector: ".button";
258
+ // $buttongroup-expand-max: 6;
259
+
260
+ // 13. Callout
261
+ // -----------
262
+
263
+ // $callout-background: $white;
264
+ // $callout-background-fade: 85%;
265
+ // $callout-border: 1px solid rgba($black, 0.25);
266
+ // $callout-margin: 0 0 1rem 0;
267
+ // $callout-padding: 1rem;
268
+ // $callout-font-color: $body-font-color;
269
+ // $callout-font-color-alt: $body-background;
270
+ // $callout-radius: $global-radius;
271
+ // $callout-link-tint: 30%;
272
+
273
+ // 14. Close Button
274
+ // ----------------
275
+
276
+ // $closebutton-position: right top;
277
+ // $closebutton-offset-horizontal: 1rem;
278
+ // $closebutton-offset-vertical: 0.5rem;
279
+ // $closebutton-size: 2em;
280
+ // $closebutton-lineheight: 1;
281
+ // $closebutton-color: $dark-gray;
282
+ // $closebutton-color-hover: $black;
283
+
284
+ // 15. Drilldown
285
+ // -------------
286
+
287
+ // $drilldown-transition: transform 0.15s linear;
288
+ // $drilldown-arrows: true;
289
+ // $drilldown-arrow-color: $primary-color;
290
+ // $drilldown-background: $white;
291
+
292
+ // 16. Dropdown
293
+ // ------------
294
+
295
+ // $dropdown-padding: 1rem;
296
+ // $dropdown-border: 1px solid $medium-gray;
297
+ // $dropdown-font-size: 1rem;
298
+ // $dropdown-width: 300px;
299
+ // $dropdown-radius: $global-radius;
300
+ // $dropdown-sizes: (
301
+ // tiny: 100px,
302
+ // small: 200px,
303
+ // large: 400px,
304
+ // );
305
+
306
+ // 17. Dropdown Menu
307
+ // -----------------
308
+
309
+ // $dropdownmenu-arrows: true;
310
+ // $dropdownmenu-arrow-color: $anchor-color;
311
+ // $dropdownmenu-min-width: 200px;
312
+ // $dropdownmenu-background: $white;
313
+ // $dropdownmenu-border: 1px solid $medium-gray;
314
+
315
+ // 18. Flex Video
316
+ // --------------
317
+
318
+ // $flexvideo-margin-bottom: rem-calc(16);
319
+ // $flexvideo-ratio: 4 by 3;
320
+ // $flexvideo-ratio-widescreen: 16 by 9;
321
+
322
+ // 19. Forms
323
+ // ---------
324
+
325
+ // $fieldset-border: 1px solid $medium-gray;
326
+ // $fieldset-padding: rem-calc(20);
327
+ // $fieldset-margin: rem-calc(18 0);
328
+ // $legend-padding: rem-calc(0 3);
329
+ // $form-spacing: rem-calc(16);
330
+ // $helptext-color: $black;
331
+ // $helptext-font-size: rem-calc(13);
332
+ // $helptext-font-style: italic;
333
+ // $input-prefix-color: $black;
334
+ // $input-prefix-background: $light-gray;
335
+ // $input-prefix-border: 1px solid $medium-gray;
336
+ // $input-prefix-padding: 1rem;
337
+ // $form-label-color: $black;
338
+ // $form-label-font-size: rem-calc(14);
339
+ // $form-label-font-weight: $global-weight-normal;
340
+ // $form-label-line-height: 1.8;
341
+ // $select-background: $white;
342
+ // $select-triangle-color: $dark-gray;
343
+ // $select-radius: $global-radius;
344
+ // $input-color: $black;
345
+ // $input-placeholder-color: $medium-gray;
346
+ // $input-font-family: inherit;
347
+ // $input-font-size: rem-calc(16);
348
+ // $input-background: $white;
349
+ // $input-background-focus: $white;
350
+ // $input-background-disabled: $light-gray;
351
+ // $input-border: 1px solid $medium-gray;
352
+ // $input-border-focus: 1px solid $dark-gray;
353
+ // $input-shadow: inset 0 1px 2px rgba($black, 0.1);
354
+ // $input-shadow-focus: 0 0 5px $medium-gray;
355
+ // $input-cursor-disabled: not-allowed;
356
+ // $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
357
+ // $input-number-spinners: true;
358
+ // $input-radius: $global-radius;
359
+
360
+ // 20. Label
361
+ // ---------
362
+
363
+ // $label-background: $primary-color;
364
+ // $label-color: foreground($label-background);
365
+ // $label-font-size: 0.8rem;
366
+ // $label-padding: 0.33333rem 0.5rem;
367
+ // $label-radius: $global-radius;
368
+
369
+ // 21. Media Object
370
+ // ----------------
371
+
372
+ // $mediaobject-margin-bottom: $global-margin;
373
+ // $mediaobject-section-padding: $global-padding;
374
+ // $mediaobject-image-width-stacked: 100%;
375
+
376
+ // 22. Menu
377
+ // --------
378
+
379
+ // $menu-margin: 0;
380
+ // $menu-margin-nested: 1rem;
381
+ // $menu-item-padding: 0.7rem 1rem;
382
+ // $menu-item-color-active: $white;
383
+ // $menu-item-background-active: map-get($foundation-palette, primary);
384
+ // $menu-icon-spacing: 0.25rem;
385
+
386
+ // 23. Meter
387
+ // ---------
388
+
389
+ // $meter-height: 1rem;
390
+ // $meter-radius: $global-radius;
391
+ // $meter-background: $medium-gray;
392
+ // $meter-fill-good: $success-color;
393
+ // $meter-fill-medium: $warning-color;
394
+ // $meter-fill-bad: $alert-color;
395
+
396
+ // 24. Off-canvas
397
+ // --------------
398
+
399
+ // $offcanvas-size: 250px;
400
+ $offcanvas-background: $black;
401
+ // $offcanvas-zindex: -1;
402
+ // $offcanvas-transition-length: 0.5s;
403
+ // $offcanvas-transition-timing: ease;
404
+ // $offcanvas-fixed-reveal: true;
405
+ // $offcanvas-exit-background: rgba($white, 0.25);
406
+ // $maincontent-class: "off-canvas-content";
407
+ $maincontent-shadow: none;
408
+
409
+ // 25. Orbit
410
+ // ---------
411
+
412
+ // $orbit-bullet-background: $medium-gray;
413
+ // $orbit-bullet-background-active: $dark-gray;
414
+ // $orbit-bullet-diameter: 1.2rem;
415
+ // $orbit-bullet-margin: 0.1rem;
416
+ // $orbit-bullet-margin-top: 0.8rem;
417
+ // $orbit-bullet-margin-bottom: 0.8rem;
418
+ // $orbit-caption-background: rgba($black, 0.5);
419
+ // $orbit-caption-padding: 1rem;
420
+ // $orbit-control-background-hover: rgba($black, 0.5);
421
+ // $orbit-control-padding: 1rem;
422
+ // $orbit-control-zindex: 10;
423
+
424
+ // 26. Pagination
425
+ // --------------
426
+
427
+ // $pagination-font-size: rem-calc(14);
428
+ // $pagination-margin-bottom: $global-margin;
429
+ // $pagination-item-color: $black;
430
+ // $pagination-item-padding: rem-calc(3 10);
431
+ // $pagination-item-spacing: rem-calc(1);
432
+ // $pagination-radius: $global-radius;
433
+ // $pagination-item-background-hover: $light-gray;
434
+ // $pagination-item-background-current: $primary-color;
435
+ // $pagination-item-color-current: foreground($pagination-item-background-current);
436
+ // $pagination-item-color-disabled: $medium-gray;
437
+ // $pagination-ellipsis-color: $black;
438
+ // $pagination-mobile-items: false;
439
+ // $pagination-arrows: true;
440
+
441
+ // 27. Progress Bar
442
+ // ----------------
443
+
444
+ // $progress-height: 1rem;
445
+ // $progress-background: $medium-gray;
446
+ // $progress-margin-bottom: $global-margin;
447
+ // $progress-meter-background: $primary-color;
448
+ // $progress-radius: $global-radius;
449
+
450
+ // 28. Reveal
451
+ // ----------
452
+
453
+ // $reveal-background: $white;
454
+ // $reveal-width: 600px;
455
+ // $reveal-max-width: $global-width;
456
+ // $reveal-padding: $global-padding;
457
+ // $reveal-border: 1px solid $medium-gray;
458
+ // $reveal-radius: $global-radius;
459
+ // $reveal-zindex: 1005;
460
+ // $reveal-overlay-background: rgba($black, 0.45);
461
+
462
+ // 29. Slider
463
+ // ----------
464
+
465
+ // $slider-width-vertical: 0.5rem;
466
+ // $slider-transition: all 0.2s ease-in-out;
467
+ // $slider-height: 0.5rem;
468
+ // $slider-background: $light-gray;
469
+ // $slider-fill-background: $medium-gray;
470
+ // $slider-handle-height: 1.4rem;
471
+ // $slider-handle-width: 1.4rem;
472
+ // $slider-handle-background: $primary-color;
473
+ // $slider-opacity-disabled: 0.25;
474
+ // $slider-radius: $global-radius;
475
+
476
+ // 30. Switch
477
+ // ----------
478
+
479
+ // $switch-background: $medium-gray;
480
+ // $switch-background-active: $primary-color;
481
+ // $switch-height: 2rem;
482
+ // $switch-height-tiny: 1.5rem;
483
+ // $switch-height-small: 1.75rem;
484
+ // $switch-height-large: 2.5rem;
485
+ // $switch-radius: $global-radius;
486
+ // $switch-margin: $global-margin;
487
+ // $switch-paddle-background: $white;
488
+ // $switch-paddle-offset: 0.25rem;
489
+ // $switch-paddle-radius: $global-radius;
490
+ // $switch-paddle-transition: all 0.25s ease-out;
491
+
492
+ // 31. Table
493
+ // ---------
494
+
495
+ // $table-background: $white;
496
+ // $table-color-scale: 5%;
497
+ // $table-border: 1px solid smart-scale($table-background, $table-color-scale);
498
+ // $table-padding: rem-calc(8 10 10);
499
+ // $table-hover-scale: 2%;
500
+ // $table-row-hover: darken($table-background, $table-hover-scale);
501
+ // $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
502
+ // $table-striped-background: smart-scale($table-background, $table-color-scale);
503
+ // $table-stripe: even;
504
+ // $table-head-background: smart-scale($table-background, $table-color-scale / 2);
505
+ // $table-foot-background: smart-scale($table-background, $table-color-scale);
506
+ // $table-head-font-color: $body-font-color;
507
+ // $show-header-for-stacked: false;
508
+
509
+ // 32. Tabs
510
+ // --------
511
+
512
+ // $tab-margin: 0;
513
+ // $tab-background: $white;
514
+ // $tab-background-active: $light-gray;
515
+ // $tab-item-font-size: rem-calc(12);
516
+ // $tab-item-background-hover: $white;
517
+ // $tab-item-padding: 1.25rem 1.5rem;
518
+ // $tab-expand-max: 6;
519
+ // $tab-content-background: $white;
520
+ // $tab-content-border: $light-gray;
521
+ // $tab-content-color: foreground($tab-background, $primary-color);
522
+ // $tab-content-padding: 1rem;
523
+
524
+ // 33. Thumbnail
525
+ // -------------
526
+
527
+ // $thumbnail-border: solid 4px $white;
528
+ // $thumbnail-margin-bottom: $global-margin;
529
+ // $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);
530
+ // $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
531
+ // $thumbnail-transition: box-shadow 200ms ease-out;
532
+ // $thumbnail-radius: $global-radius;
533
+
534
+ // 34. Title Bar
535
+ // -------------
536
+
537
+ $titlebar-background: map-get($foundation-palette, primary);
538
+ // $titlebar-color: $white;
539
+ // $titlebar-padding: 0.5rem;
540
+ // $titlebar-text-font-weight: bold;
541
+ // $titlebar-icon-color: $white;
542
+ // $titlebar-icon-color-hover: $medium-gray;
543
+ // $titlebar-icon-spacing: 0.25rem;
544
+
545
+ // 35. Tooltip
546
+ // -----------
547
+
548
+ // $has-tip-font-weight: $global-weight-bold;
549
+ // $has-tip-border-bottom: dotted 1px $dark-gray;
550
+ // $tooltip-background-color: $black;
551
+ // $tooltip-color: $white;
552
+ // $tooltip-padding: 0.75rem;
553
+ // $tooltip-font-size: $small-font-size;
554
+ // $tooltip-pip-width: 0.75rem;
555
+ // $tooltip-pip-height: $tooltip-pip-width * 0.866;
556
+ // $tooltip-radius: $global-radius;
557
+
558
+ // 36. Top Bar
559
+ // -----------
560
+
561
+ // $topbar-padding: 0.5rem;
562
+ // $topbar-background: $light-gray;
563
+ // $topbar-submenu-background: $topbar-background;
564
+ // $topbar-title-spacing: 1rem;
565
+ // $topbar-input-width: 200px;
566
+ // $topbar-unstack-breakpoint: medium;