bones-rails 0.1.0 → 1.0.0

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.
Files changed (68) hide show
  1. data/{LICENSE.txt → LICENSE.md} +1 -1
  2. data/app/assets/stylesheets/bones.scss +61 -59
  3. data/app/assets/stylesheets/bones/config.scss +67 -0
  4. data/app/assets/stylesheets/bones/config/__default.scss +14 -0
  5. data/app/assets/stylesheets/bones/config/_buttons.scss +21 -0
  6. data/app/assets/stylesheets/bones/config/_colors.scss +93 -0
  7. data/app/assets/stylesheets/bones/config/_components.scss +4 -0
  8. data/app/assets/stylesheets/bones/config/_forms.scss +28 -0
  9. data/app/assets/stylesheets/bones/config/_helpers.scss +31 -0
  10. data/app/assets/stylesheets/bones/config/_images.scss +23 -0
  11. data/app/assets/stylesheets/bones/config/_nav.scss +117 -0
  12. data/app/assets/stylesheets/bones/config/_tables.scss +12 -0
  13. data/app/assets/stylesheets/bones/config/_typography.scss +83 -0
  14. data/app/assets/stylesheets/bones/config/_wireframe.scss +18 -0
  15. data/app/assets/stylesheets/bones/styles/__default.scss +27 -0
  16. data/app/assets/stylesheets/bones/styles/_buttons.scss +118 -0
  17. data/app/assets/stylesheets/bones/styles/_components.scss +24 -0
  18. data/app/assets/stylesheets/bones/{partials → styles}/_forms.scss +18 -2
  19. data/app/assets/stylesheets/bones/styles/_images.scss +69 -0
  20. data/app/assets/stylesheets/bones/styles/_nav.scss +210 -0
  21. data/app/assets/stylesheets/bones/{partials → styles}/_tables.scss +6 -4
  22. data/app/assets/stylesheets/bones/styles/_typography.scss +227 -0
  23. data/app/assets/stylesheets/bones/styles/_wireframe.scss +57 -0
  24. data/app/assets/stylesheets/bones/styles/helpers/_background.scss +201 -0
  25. data/app/assets/stylesheets/bones/styles/helpers/_border.scss +201 -0
  26. data/app/assets/stylesheets/bones/styles/helpers/_color.scss +201 -0
  27. data/app/assets/stylesheets/bones/styles/helpers/_margin.scss +82 -0
  28. data/app/assets/stylesheets/bones/styles/helpers/_padding.scss +82 -0
  29. data/app/assets/stylesheets/bones/{helpers → styles/helpers}/_positioning.scss +4 -3
  30. data/app/assets/stylesheets/bones/styles/helpers/_size.scss +11 -0
  31. data/app/assets/stylesheets/bones/styles/plugins/_syntax_highlighting.scss +273 -0
  32. data/app/assets/stylesheets/bones/vendor/_normalize.scss +1 -1
  33. data/lib/bones/generators/install_generator.rb +29 -5
  34. data/lib/bones/rails/version.rb +1 -1
  35. metadata +32 -39
  36. data/app/assets/javascripts/bones.js +0 -116
  37. data/app/assets/stylesheets/bones/config/bones_config.scss +0 -262
  38. data/app/assets/stylesheets/bones/helpers/_background.scss +0 -138
  39. data/app/assets/stylesheets/bones/helpers/_border.scss +0 -138
  40. data/app/assets/stylesheets/bones/helpers/_color.scss +0 -138
  41. data/app/assets/stylesheets/bones/helpers/_margin.scss +0 -82
  42. data/app/assets/stylesheets/bones/helpers/_padding.scss +0 -82
  43. data/app/assets/stylesheets/bones/helpers/_size.scss +0 -34
  44. data/app/assets/stylesheets/bones/mixins/_buttons.scss +0 -19
  45. data/app/assets/stylesheets/bones/mixins/_forms.scss +0 -15
  46. data/app/assets/stylesheets/bones/mixins/_globals.scss +0 -15
  47. data/app/assets/stylesheets/bones/mixins/_grid.scss +0 -4
  48. data/app/assets/stylesheets/bones/mixins/_nav.scss +0 -41
  49. data/app/assets/stylesheets/bones/mixins/_typography.scss +0 -15
  50. data/app/assets/stylesheets/bones/partials/_buttons.scss +0 -86
  51. data/app/assets/stylesheets/bones/partials/_code.scss +0 -99
  52. data/app/assets/stylesheets/bones/partials/_components.scss +0 -22
  53. data/app/assets/stylesheets/bones/partials/_globals.scss +0 -27
  54. data/app/assets/stylesheets/bones/partials/_grid.scss +0 -112
  55. data/app/assets/stylesheets/bones/partials/_images.scss +0 -52
  56. data/app/assets/stylesheets/bones/partials/_nav.scss +0 -111
  57. data/app/assets/stylesheets/bones/partials/_typography.scss +0 -174
  58. data/app/assets/stylesheets/bones/variables/_buttons.scss +0 -16
  59. data/app/assets/stylesheets/bones/variables/_code.scss +0 -15
  60. data/app/assets/stylesheets/bones/variables/_colors.scss +0 -122
  61. data/app/assets/stylesheets/bones/variables/_forms.scss +0 -12
  62. data/app/assets/stylesheets/bones/variables/_globals.scss +0 -12
  63. data/app/assets/stylesheets/bones/variables/_grid.scss +0 -8
  64. data/app/assets/stylesheets/bones/variables/_helpers.scss +0 -9
  65. data/app/assets/stylesheets/bones/variables/_images.scss +0 -13
  66. data/app/assets/stylesheets/bones/variables/_nav.scss +0 -40
  67. data/app/assets/stylesheets/bones/variables/_tables.scss +0 -7
  68. data/app/assets/stylesheets/bones/variables/_typography.scss +0 -61
@@ -1,4 +1,4 @@
1
- Copyright (c) 2013 Sean Davis
1
+ Copyright (c) 2013 Sean C. Davis
2
2
 
3
3
  MIT License
4
4
 
@@ -1,65 +1,67 @@
1
- /*
2
- ==========================
3
- Bones CSS Framework
4
- ==========================
5
-
6
- This is the manifest file for Bones' CSS. It's purpose is to bring all files together.
7
-
8
- --------------------------
9
-
10
- docs on using files coming ...
1
+ /*! Bones CSS Framework | v1.0 | Sean C. Davis | MIT License | git.io/imidoQ */
11
2
 
12
- */
13
-
14
- // vendor
15
- @import
16
- 'bones/vendor/normalize'; // normalizes for cross-browser consistency
3
+ /*
4
+ * Welcome to Bones CSS Framework!
5
+ *
6
+ * This is the manifest file for Bones' CSS. It brings all files
7
+ * together.
8
+ *
9
+ * To add or remove modules, simply comment or uncomment and then
10
+ * use Compass to recompile and compress.
11
+ *
12
+ * Files are noted as recommended and required where applicable.
13
+ *
14
+ * Refer to the ../docs/ directory for more detailed instruction.
15
+ *
16
+ */
17
17
 
18
- // variables
19
- @import
20
- 'bones/variables/colors',
21
- 'bones/variables/globals',
22
- 'bones/variables/grid',
23
- 'bones/variables/typography',
24
- 'bones/variables/code',
25
- 'bones/variables/buttons',
26
- 'bones/variables/forms',
27
- 'bones/variables/tables',
28
- 'bones/variables/nav',
29
- 'bones/variables/images',
30
- 'bones/variables/helpers';
18
+ /* Vendor
19
+ ============================ */
20
+ @import 'bones/vendor/normalize'; // highly recommended for cross-browser consistency
31
21
 
32
- // custom variables
33
- @import 'bones_config';
22
+ /* Config
23
+ ============================ */
24
+ /*
25
+ * These are your configuration files. You should always
26
+ * load all of these files, as the variable values are
27
+ * resolved and do not contribute any size to the final
28
+ * bones.css file.
29
+ *
30
+ */
31
+ @import 'bones/config/colors';
32
+ @import 'bones/config/_default';
33
+ @import 'bones/config/wireframe';
34
+ @import 'bones/config/typography';
35
+ @import 'bones/config/buttons';
36
+ @import 'bones/config/forms';
37
+ @import 'bones/config/tables';
38
+ @import 'bones/config/nav';
39
+ @import 'bones/config/images';
40
+ @import 'bones/config/components';
41
+ @import 'bones/config/helpers';
34
42
 
35
- // mixins
36
- @import
37
- 'bones/mixins/globals',
38
- 'bones/mixins/grid',
39
- 'bones/mixins/typography',
40
- 'bones/mixins/buttons',
41
- 'bones/mixins/forms',
42
- 'bones/mixins/nav';
43
+ /* Main Styles
44
+ ============================ */
45
+ @import 'bones/styles/_default'; // required
46
+ @import 'bones/styles/wireframe';
47
+ @import 'bones/styles/typography';
48
+ @import 'bones/styles/buttons';
49
+ @import 'bones/styles/forms';
50
+ @import 'bones/styles/tables';
51
+ @import 'bones/styles/nav';
52
+ @import 'bones/styles/images';
53
+ @import 'bones/styles/components';
43
54
 
44
- // partials
45
- @import
46
- 'bones/partials/globals',
47
- 'bones/partials/grid',
48
- 'bones/partials/typography',
49
- 'bones/partials/code',
50
- 'bones/partials/buttons',
51
- 'bones/partials/forms',
52
- 'bones/partials/tables',
53
- 'bones/partials/nav',
54
- 'bones/partials/images',
55
- 'bones/partials/components';
55
+ /* Helpers
56
+ ============================ */
57
+ @import 'bones/styles/helpers/margin';
58
+ @import 'bones/styles/helpers/padding';
59
+ @import 'bones/styles/helpers/positioning';
60
+ @import 'bones/styles/helpers/color';
61
+ @import 'bones/styles/helpers/background';
62
+ @import 'bones/styles/helpers/border';
63
+ @import 'bones/styles/helpers/size';
56
64
 
57
- // helpers
58
- @import
59
- 'bones/helpers/margin',
60
- 'bones/helpers/padding',
61
- 'bones/helpers/positioning',
62
- 'bones/helpers/color',
63
- 'bones/helpers/background',
64
- 'bones/helpers/border',
65
- 'bones/helpers/size';
65
+ /* Plugins
66
+ ============================ */
67
+ // @import 'bones/styles/plugins/syntax_highlighting';
@@ -0,0 +1,67 @@
1
+ /*! Bones CSS Framework | v1.0 | Sean C. Davis | MIT License | git.io/imidoQ */
2
+
3
+ /*
4
+ * Welcome to Bones CSS Framework!
5
+ *
6
+ * This is the manifest file for Bones' CSS. It brings all files
7
+ * together.
8
+ *
9
+ * To add or remove modules, simply comment or uncomment and then
10
+ * use Compass to recompile and compress.
11
+ *
12
+ * Files are noted as recommended and required where applicable.
13
+ *
14
+ * Refer to the ../docs/ directory for more detailed instruction.
15
+ *
16
+ */
17
+
18
+ /* Vendor
19
+ ============================ */
20
+ @import 'bones/vendor/normalize'; // highly recommended for cross-browser consistency
21
+
22
+ /* Config
23
+ ============================ */
24
+ /*
25
+ * These are your configuration files. You should always
26
+ * load all of these files, as the variable values are
27
+ * resolved and do not contribute any size to the final
28
+ * bones.css file.
29
+ *
30
+ */
31
+ @import 'bones/bones-config/colors';
32
+ @import 'bones/bones-config/_default';
33
+ @import 'bones/bones-config/wireframe';
34
+ @import 'bones/bones-config/typography';
35
+ @import 'bones/bones-config/buttons';
36
+ @import 'bones/bones-config/forms';
37
+ @import 'bones/bones-config/tables';
38
+ @import 'bones/bones-config/nav';
39
+ @import 'bones/bones-config/images';
40
+ @import 'bones/bones-config/components';
41
+ @import 'bones/bones-config/helpers';
42
+
43
+ /* Main Styles
44
+ ============================ */
45
+ @import 'bones/styles/_default'; // required
46
+ @import 'bones/styles/wireframe';
47
+ @import 'bones/styles/typography';
48
+ @import 'bones/styles/buttons';
49
+ @import 'bones/styles/forms';
50
+ @import 'bones/styles/tables';
51
+ @import 'bones/styles/nav';
52
+ @import 'bones/styles/images';
53
+ @import 'bones/styles/components';
54
+
55
+ /* Helpers
56
+ ============================ */
57
+ @import 'bones/styles/helpers/margin';
58
+ @import 'bones/styles/helpers/padding';
59
+ @import 'bones/styles/helpers/positioning';
60
+ @import 'bones/styles/helpers/color';
61
+ @import 'bones/styles/helpers/background';
62
+ @import 'bones/styles/helpers/border';
63
+ @import 'bones/styles/helpers/size';
64
+
65
+ /* Plugins
66
+ ============================ */
67
+ // @import 'bones/styles/plugins/syntax_highlighting';
@@ -0,0 +1,14 @@
1
+ /* Default Values
2
+ ============================ */
3
+ /*
4
+ * Many items within these configuration files
5
+ * are relative to values here.
6
+ *
7
+ */
8
+ $default-fontSize: 16px; // ALL SIZING IS RELATIVE TO THIS VALUE
9
+ $default-fontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
10
+ $default-fontWeight: 200;
11
+ $default-lineHeight: 1.25em;
12
+ $default-color: $color-dark;
13
+ $default-margin: 0.75em 0;
14
+ $default-shadowColor: $color-light;
@@ -0,0 +1,21 @@
1
+ /* Default Styles
2
+ ============================ */
3
+ $button-default-color: $color-light; // default font color
4
+ $button-default-fontSize: $default-fontSize; // default font size
5
+ $button-default-background: $color-dark-lightest; // default button bg
6
+ $button-default-background-hover: $color-1; // default button bg on hover
7
+ $button-default-background-active: $color-1-dark; // bg on click
8
+ /*
9
+ * Here you can use shorthand where you normally
10
+ * would with css. for example, you could use
11
+ * "1px solid #FFF" for border.
12
+ */
13
+ $button-default-padding: 0.65em 1em;
14
+ $button-default-margin: $default-margin;
15
+ $button-default-border: none;
16
+
17
+ /* Size Factors
18
+ ============================ */
19
+ $button-sizeFactor-huge: 200%; // huge
20
+ $button-sizeFactor-large: 150%; // large
21
+ $button-sizeFactor-small: 75%; // small
@@ -0,0 +1,93 @@
1
+ /* Color Palette
2
+ ============================ */
3
+ $color-1: #1B8FB8; // used most often by default
4
+ $color-2: #D65030;
5
+ $color-3: #D48D2B;
6
+ $color-4: #1F7D24;
7
+ $color-5: #BDAD1B;
8
+ $color-dark: #444444; // designed to be a dark color
9
+ $color-light: #efefef; // designed to be a light color
10
+
11
+ // used primarily for notifications:
12
+ $color-warning: #CCA300;
13
+ $color-danger: #CC0000;
14
+ $color-success: #008A2E;
15
+
16
+ /* Tones
17
+ ============================ */
18
+ // color factors -- to increase tone
19
+ $color-factor-1: 5%;
20
+ $color-factor-2: 15%;
21
+ $color-factor-3: 25%;
22
+
23
+ /*
24
+ * These tone calculations are performed automatically.
25
+ * They provide you with a light, lighter, lightest,
26
+ * dark, darker, darkest variations of your palette.
27
+ *
28
+ * You don't need to change anything below, but can
29
+ * if you'd like, or you can add new variations.
30
+ */
31
+ $color-1-light: lighten($color-1, $color-factor-1);
32
+ $color-1-lighter: lighten($color-1, $color-factor-2);
33
+ $color-1-lightest: lighten($color-1, $color-factor-3);
34
+ $color-1-dark: darken($color-1, $color-factor-1);
35
+ $color-1-darker: darken($color-1, $color-factor-2);
36
+ $color-1-darkest: darken($color-1, $color-factor-3);
37
+
38
+ $color-2-light: lighten($color-2, $color-factor-1);
39
+ $color-2-lighter: lighten($color-2, $color-factor-2);
40
+ $color-2-lightest: lighten($color-2, $color-factor-3);
41
+ $color-2-dark: darken($color-2, $color-factor-1);
42
+ $color-2-darker: darken($color-2, $color-factor-2);
43
+ $color-2-darkest: darken($color-2, $color-factor-3);
44
+
45
+ $color-3-light: lighten($color-3, $color-factor-1);
46
+ $color-3-lighter: lighten($color-3, $color-factor-2);
47
+ $color-3-lightest: lighten($color-3, $color-factor-3);
48
+ $color-3-dark: darken($color-3, $color-factor-1);
49
+ $color-3-darker: darken($color-3, $color-factor-2);
50
+ $color-3-darkest: darken($color-3, $color-factor-3);
51
+
52
+ $color-4-light: lighten($color-4, $color-factor-1);
53
+ $color-4-lighter: lighten($color-4, $color-factor-2);
54
+ $color-4-lightest: lighten($color-4, $color-factor-3);
55
+ $color-4-dark: darken($color-4, $color-factor-1);
56
+ $color-4-darker: darken($color-4, $color-factor-2);
57
+ $color-4-darkest: darken($color-4, $color-factor-3);
58
+
59
+ $color-5-light: lighten($color-5, $color-factor-1);
60
+ $color-5-lighter: lighten($color-5, $color-factor-2);
61
+ $color-5-lightest: lighten($color-5, $color-factor-3);
62
+ $color-5-dark: darken($color-5, $color-factor-1);
63
+ $color-5-darker: darken($color-5, $color-factor-2);
64
+ $color-5-darkest: darken($color-5, $color-factor-3);
65
+
66
+ $color-dark-light: lighten($color-dark, $color-factor-1);
67
+ $color-dark-lighter: lighten($color-dark, $color-factor-2);
68
+ $color-dark-lightest: lighten($color-dark, $color-factor-3);
69
+
70
+ $color-light-dark: darken($color-light, $color-factor-1);
71
+ $color-light-darker: darken($color-light, $color-factor-2);
72
+ $color-light-darkest: darken($color-light, $color-factor-3);
73
+
74
+ $color-success-light: lighten($color-success, $color-factor-1);
75
+ $color-success-lighter: lighten($color-success, $color-factor-2);
76
+ $color-success-lightest: lighten($color-success, $color-factor-3);
77
+ $color-success-dark: darken($color-success, $color-factor-1);
78
+ $color-success-darker: darken($color-success, $color-factor-2);
79
+ $color-success-darkest: darken($color-success, $color-factor-3);
80
+
81
+ $color-warning-light: lighten($color-warning, $color-factor-1);
82
+ $color-warning-lighter: lighten($color-warning, $color-factor-2);
83
+ $color-warning-lightest: lighten($color-warning, $color-factor-3);
84
+ $color-warning-dark: darken($color-warning, $color-factor-1);
85
+ $color-warning-darker: darken($color-warning, $color-factor-2);
86
+ $color-warning-darkest: darken($color-warning, $color-factor-3);
87
+
88
+ $color-danger-light: lighten($color-danger, $color-factor-1);
89
+ $color-danger-lighter: lighten($color-danger, $color-factor-2);
90
+ $color-danger-lightest: lighten($color-danger, $color-factor-3);
91
+ $color-danger-dark: darken($color-danger, $color-factor-1);
92
+ $color-danger-darker: darken($color-danger, $color-factor-2);
93
+ $color-danger-darkest: darken($color-danger, $color-factor-3);
@@ -0,0 +1,4 @@
1
+ /* Notifications
2
+ ============================ */
3
+ $component-notification-padding: 0.5em 1em;
4
+ $component-notification-margin: 1em 0;
@@ -0,0 +1,28 @@
1
+ /* Inputs / Text Fields
2
+ ============================ */
3
+ /*
4
+ * Where it makes sense, these styles are also
5
+ * applied to textarea elements.
6
+ *
7
+ * And although submit buttons are inputs,
8
+ * their styles are handled in config/_buttons
9
+ *
10
+ */
11
+ $form-input-margin: $default-margin;
12
+ $form-input-width: 100%;
13
+ $form-input-boxSizing: border-box;
14
+ $form-input-border: 1px solid $color-light-darker;
15
+ $form-input-outline-focus: none;
16
+ $form-input-border-focus: 1px solid $color-1;
17
+ $form-input-padding: 4px;
18
+
19
+ /* Radio Buttons
20
+ ============================ */
21
+ $form-radio-margin: 0 0 0.5em 0;
22
+
23
+ /* Fieldsets
24
+ ============================ */
25
+ $form-fieldset-border: 1px solid $color-light-darker;
26
+ // fieldset legens
27
+ $form-legend-fontWeight: 600;
28
+ $form-legend-padding: 0 5px;
@@ -0,0 +1,31 @@
1
+ /* Border
2
+ ============================ */
3
+ $helper-border-width: 1px;
4
+ $helper-border-style: solid;
5
+
6
+ /* Margin
7
+ ============================ */
8
+ $helper-margin-small: 0.25em;
9
+ $helper-margin-medium: 0.5em;
10
+ $helper-margin-large: 0.75em;
11
+
12
+ /* Padding
13
+ ============================ */
14
+ $helper-padding-small: 0.5em;
15
+ $helper-padding-medium: 1em;
16
+ $helper-padding-large: 1.5em;
17
+
18
+ /* Size
19
+ ============================ */
20
+ /*
21
+ * The helper classes available are looped
22
+ * by going from 1 to max, where the value
23
+ * is multiplied by the index.
24
+ *
25
+ * The smaller the index and the larger the
26
+ * max, the more choices available (but that
27
+ * makes the bones.css file larger, too).
28
+ *
29
+ */
30
+ $helper-size-index: 10;
31
+ $helper-size-max: 100;
@@ -0,0 +1,23 @@
1
+ /* Sizes
2
+ ============================ */
3
+ // thumb
4
+ $img-thumb-width: 150px;
5
+ // medium
6
+ $img-medium-width: 250px;
7
+ // large
8
+ $img-large-width: 400px;
9
+
10
+ /* Styles
11
+ ============================ */
12
+ // frame
13
+ $img-frame-width: 0.5em;
14
+ $img-frame-outline: 1px solid $color-light-dark;
15
+ $img-frame-color: white;
16
+ // polaroid
17
+ $img-polaroid-frameWidth: 0.75em;
18
+ $img-polaroid-frameColor: white;
19
+ $img-polaroid-bottomHeight: 2.75em;
20
+ $img-polaroid-outline: 1px solid $color-light-dark;
21
+ // panoramic
22
+ $img-panoramic-height: 200px;
23
+ $img-panoramic-top: -40%;
@@ -0,0 +1,117 @@
1
+ /* Default Nav Menu
2
+ ============================ */
3
+ // container
4
+ $nav-default-background: transparent; // background of entire bar
5
+ // basic styles
6
+ $nav-default-padding: 0.35em 0;
7
+ $nav-default-margin: 0 1.25em;
8
+ $nav-default-fontSize: 1.1em;
9
+ // effects
10
+ $nav-default-background: transparent;
11
+ $nav-default-color: $color-light-darkest;
12
+ $nav-default-transition: all 0.35s linear; // keep set to "all" if you want all styles/effects to transition
13
+ $nav-default-underline: 2px solid transparent; // stylish substitute for underline -- a "border-bottom" style, NOT "text-decoration"
14
+ // hover state
15
+ $nav-default-background-hover: transparent;
16
+ $nav-default-color-hover: $color-1;
17
+ $nav-default-transition-hover: $nav-default-transition;
18
+ $nav-default-underline-hover: 2px solid $color-1;
19
+
20
+
21
+ /* Navbar
22
+ ============================ */
23
+ // container
24
+ $nav-bar-container-background: $color-1;
25
+ // basic styles
26
+ $nav-bar-padding: 0.35em 1.25em;
27
+ $nav-bar-margin: 0;
28
+ $nav-bar-fontSize: 1.1em;
29
+ // effects
30
+ $nav-bar-background: transparent;
31
+ $nav-bar-color: $color-light-dark;
32
+ $nav-bar-transition: all 0.35s linear;
33
+ $nav-bar-underline: none;
34
+ // hover state
35
+ $nav-bar-background-hover: $color-1-lighter;
36
+ $nav-bar-color-hover: $nav-bar-color;
37
+ $nav-bar-transition-hover: $nav-bar-transition;
38
+ $nav-bar-underline-hover: none;
39
+
40
+
41
+ /* Vertical Nav
42
+ ============================ */
43
+ // container
44
+ $nav-vertical-container-background: transparent;
45
+ // basic styles
46
+ $nav-vertical-padding: 0.35em 1.25em;
47
+ $nav-vertical-margin: 0;
48
+ $nav-vertical-fontSize: 1.1em;
49
+ // effects
50
+ $nav-vertical-background: transparent;
51
+ $nav-vertical-color: $color-light-darker;
52
+ $nav-vertical-transition: all 0.35s linear;
53
+ $nav-vertical-underline: none;
54
+ // hover state
55
+ $nav-vertical-background-hover: transparent;
56
+ $nav-vertical-color-hover: $color-1;
57
+ $nav-vertical-transition-hover: $nav-vertical-transition;
58
+ $nav-vertical-underline-hover: none;
59
+
60
+
61
+ /* Filters
62
+ ============================ */
63
+ // container
64
+ $nav-filter-container-background: transparent;
65
+ // basic styles
66
+ $nav-filter-padding: 0.5em;
67
+ $nav-filter-margin: 0 0.5em;
68
+ $nav-filter-fontSize: 0.9em;
69
+ // effects
70
+ $nav-filter-background: transparent;
71
+ $nav-filter-color: $color-1;
72
+ $nav-filter-transition: all 0.35s linear;
73
+ $nav-filter-underline: none;
74
+ // hover state
75
+ $nav-filter-background-hover: $color-1;
76
+ $nav-filter-color-hover: $color-light;
77
+ $nav-filter-transition-hover: $nav-filter-transition;
78
+ $nav-filter-underline-hover: none;
79
+ // active state
80
+ $nav-filter-font-weight-active: 600;
81
+ $nav-filter-background-active: transparent;
82
+ $nav-filter-color-active: $color-1;
83
+ $nav-filter-underline-active: none;
84
+ // disabled state
85
+ $nav-filter-background-disabled: transparent;
86
+ $nav-filter-color-disabled: $color-light-dark;
87
+ $nav-filter-underline-disabled: none;
88
+
89
+
90
+ /* Breadcrumbs
91
+ ============================ */
92
+ // container
93
+ $nav-breadcrumbs-container-background: transparent;
94
+ // basic styles
95
+ $nav-breadcrumbs-padding: 0.5em;
96
+ $nav-breadcrumbs-margin: 0 0.5em;
97
+ $nav-breadcrumbs-fontSize: 0.9em;
98
+ $nav-breadcrumbs-separator: " \002F ";
99
+ // effects
100
+ $nav-breadcrumbs-background: transparent;
101
+ $nav-breadcrumbs-color: $color-light-darkest;
102
+ $nav-breadcrumbs-transition: all 0.35s linear;
103
+ $nav-breadcrumbs-underline: none;
104
+ // hover state
105
+ $nav-breadcrumbs-background-hover: transparent;
106
+ $nav-breadcrumbs-color-hover: $color-1;
107
+ $nav-breadcrumbs-transition-hover: $nav-breadcrumbs-transition;
108
+ $nav-breadcrumbs-underline-hover: none;
109
+ // active state
110
+ $nav-breadcrumbs-font-weight-active: 600;
111
+ $nav-breadcrumbs-background-active: transparent;
112
+ $nav-breadcrumbs-color-active: $color-1;
113
+ $nav-breadcrumbs-underline-active: none;
114
+ // disabled state
115
+ $nav-breadcrumbs-background-disabled: transparent;
116
+ $nav-breadcrumbs-color-disabled: $color-light-dark;
117
+ $nav-breadcrumbs-underline-disabled: none;