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.
- data/{LICENSE.txt → LICENSE.md} +1 -1
- data/app/assets/stylesheets/bones.scss +61 -59
- data/app/assets/stylesheets/bones/config.scss +67 -0
- data/app/assets/stylesheets/bones/config/__default.scss +14 -0
- data/app/assets/stylesheets/bones/config/_buttons.scss +21 -0
- data/app/assets/stylesheets/bones/config/_colors.scss +93 -0
- data/app/assets/stylesheets/bones/config/_components.scss +4 -0
- data/app/assets/stylesheets/bones/config/_forms.scss +28 -0
- data/app/assets/stylesheets/bones/config/_helpers.scss +31 -0
- data/app/assets/stylesheets/bones/config/_images.scss +23 -0
- data/app/assets/stylesheets/bones/config/_nav.scss +117 -0
- data/app/assets/stylesheets/bones/config/_tables.scss +12 -0
- data/app/assets/stylesheets/bones/config/_typography.scss +83 -0
- data/app/assets/stylesheets/bones/config/_wireframe.scss +18 -0
- data/app/assets/stylesheets/bones/styles/__default.scss +27 -0
- data/app/assets/stylesheets/bones/styles/_buttons.scss +118 -0
- data/app/assets/stylesheets/bones/styles/_components.scss +24 -0
- data/app/assets/stylesheets/bones/{partials → styles}/_forms.scss +18 -2
- data/app/assets/stylesheets/bones/styles/_images.scss +69 -0
- data/app/assets/stylesheets/bones/styles/_nav.scss +210 -0
- data/app/assets/stylesheets/bones/{partials → styles}/_tables.scss +6 -4
- data/app/assets/stylesheets/bones/styles/_typography.scss +227 -0
- data/app/assets/stylesheets/bones/styles/_wireframe.scss +57 -0
- data/app/assets/stylesheets/bones/styles/helpers/_background.scss +201 -0
- data/app/assets/stylesheets/bones/styles/helpers/_border.scss +201 -0
- data/app/assets/stylesheets/bones/styles/helpers/_color.scss +201 -0
- data/app/assets/stylesheets/bones/styles/helpers/_margin.scss +82 -0
- data/app/assets/stylesheets/bones/styles/helpers/_padding.scss +82 -0
- data/app/assets/stylesheets/bones/{helpers → styles/helpers}/_positioning.scss +4 -3
- data/app/assets/stylesheets/bones/styles/helpers/_size.scss +11 -0
- data/app/assets/stylesheets/bones/styles/plugins/_syntax_highlighting.scss +273 -0
- data/app/assets/stylesheets/bones/vendor/_normalize.scss +1 -1
- data/lib/bones/generators/install_generator.rb +29 -5
- data/lib/bones/rails/version.rb +1 -1
- metadata +32 -39
- data/app/assets/javascripts/bones.js +0 -116
- data/app/assets/stylesheets/bones/config/bones_config.scss +0 -262
- data/app/assets/stylesheets/bones/helpers/_background.scss +0 -138
- data/app/assets/stylesheets/bones/helpers/_border.scss +0 -138
- data/app/assets/stylesheets/bones/helpers/_color.scss +0 -138
- data/app/assets/stylesheets/bones/helpers/_margin.scss +0 -82
- data/app/assets/stylesheets/bones/helpers/_padding.scss +0 -82
- data/app/assets/stylesheets/bones/helpers/_size.scss +0 -34
- data/app/assets/stylesheets/bones/mixins/_buttons.scss +0 -19
- data/app/assets/stylesheets/bones/mixins/_forms.scss +0 -15
- data/app/assets/stylesheets/bones/mixins/_globals.scss +0 -15
- data/app/assets/stylesheets/bones/mixins/_grid.scss +0 -4
- data/app/assets/stylesheets/bones/mixins/_nav.scss +0 -41
- data/app/assets/stylesheets/bones/mixins/_typography.scss +0 -15
- data/app/assets/stylesheets/bones/partials/_buttons.scss +0 -86
- data/app/assets/stylesheets/bones/partials/_code.scss +0 -99
- data/app/assets/stylesheets/bones/partials/_components.scss +0 -22
- data/app/assets/stylesheets/bones/partials/_globals.scss +0 -27
- data/app/assets/stylesheets/bones/partials/_grid.scss +0 -112
- data/app/assets/stylesheets/bones/partials/_images.scss +0 -52
- data/app/assets/stylesheets/bones/partials/_nav.scss +0 -111
- data/app/assets/stylesheets/bones/partials/_typography.scss +0 -174
- data/app/assets/stylesheets/bones/variables/_buttons.scss +0 -16
- data/app/assets/stylesheets/bones/variables/_code.scss +0 -15
- data/app/assets/stylesheets/bones/variables/_colors.scss +0 -122
- data/app/assets/stylesheets/bones/variables/_forms.scss +0 -12
- data/app/assets/stylesheets/bones/variables/_globals.scss +0 -12
- data/app/assets/stylesheets/bones/variables/_grid.scss +0 -8
- data/app/assets/stylesheets/bones/variables/_helpers.scss +0 -9
- data/app/assets/stylesheets/bones/variables/_images.scss +0 -13
- data/app/assets/stylesheets/bones/variables/_nav.scss +0 -40
- data/app/assets/stylesheets/bones/variables/_tables.scss +0 -7
- data/app/assets/stylesheets/bones/variables/_typography.scss +0 -61
data/{LICENSE.txt → LICENSE.md}
RENAMED
@@ -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
|
-
|
15
|
-
|
16
|
-
|
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
|
-
|
19
|
-
|
20
|
-
|
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
|
-
|
33
|
-
|
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
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
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';
|
43
54
|
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
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
|
-
|
58
|
-
|
59
|
-
|
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,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;
|