GIPainter-base 0.5.1 → 0.5.2

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.
@@ -1,70 +1,79 @@
1
- //-----------------------------------
2
- // COLORS VARIABLES
3
- //-----------------------------------
4
-
5
- ////
6
- /// @access public
7
- /// @group Colors
8
- /// @type colors
9
- ////
10
-
11
- /// Easily make use of two color schemes: grayscale and semantic.
12
- /// Grayscale colors provide quick access to commonly used shades of black while semantic include various colors assigned to meaningful contextual values.
13
-
14
- /// Default Gray color
15
- /// @prop {Color} black [$black]
16
- /// @prop {Color} gray-darker [$gray-darker]
17
- /// @prop {Color} gray-dark [$gray-dark]
18
- /// @prop {Color} gray [$gray]
19
- /// @prop {Color} gray-light [$gray-light]
20
- /// @prop {Color} gray-lighter [$gray-lighter]
21
- /// @prop {Color} white [$white]
22
-
23
- $black: #000 !default;
24
- $gray-darker: #6f6f6e !default;
25
- $gray-dark: #929292 !default;
26
- $gray: #b7b7b7 !default;
27
- $gray-light: #dbdbdb !default;
28
- $gray-lighter: #f0f0f0 !default;
29
- $white: #fff !default;
30
-
31
- /// GI Main color
32
- /// @prop {Color} main-color-darker [$main-color-darker]
33
- /// @prop {Color} main-color-dark [$main-color-dark]
34
- /// @prop {Color} main-color [$main-color]
35
- /// @prop {Color} main-color-light [$main-color-light]
36
- /// @prop {Color} main-color-lighter [$main-color-lighter]
37
-
38
- $main-color-darker: #2e4572 !default;
39
- $main-color-dark: #344e81 !default;
40
- $main-color: #3d5c98 !default;
41
- $main-color-light: #6e85b2 !default;
42
- $main-color-lighter: #9faecc !default;
43
-
44
- /// GI Secondary color
45
- /// @prop {Color} secondary-color-darker [$secondary-color-darker]
46
- /// @prop {Color} secondary-color-dark [$secondary-color-dark]
47
- /// @prop {Color} secondary-color [$secondary-color]
48
- /// @prop {Color} secondary-color-light [$secondary-color-light]
49
- /// @prop {Color} secondary-color-lighter [$secondary-color-lighter]
50
-
51
- $secondary-color-darker: #941515 !default;
52
- $secondary-color-dark: #A71818 !default;
53
- $secondary-color: #c51c1c !default;
54
- $secondary-color-light: #d45555 !default;
55
- $secondary-color-lighter: #e38c8e !default;
56
-
57
- /// Brand color
58
- /// @prop {Color} brand-primary [$brand-primary]
59
- /// @prop {Color} brand-secondary [$brand-secondary]
60
- /// @prop {Color} brand-success [$brand-success]
61
- /// @prop {Color} brand-info [$brand-info]
62
- /// @prop {Color} brand-warning [$brand-warning]
63
- /// @prop {Color} brand-danger [$brand-danger]
64
-
65
- $brand-primary: $main-color !default;
66
- $brand-secondary: $secondary-color !default;
67
- $brand-success: #69C447 !default;
68
- $brand-info: #328A8A !default;
69
- $brand-warning: #E69353 !default;
70
- $brand-danger: #E65753 !default;
1
+ //-----------------------------------
2
+ // COLORS VARIABLES
3
+ //-----------------------------------
4
+
5
+ ////
6
+ /// @access public
7
+ /// @group Colors
8
+ /// @type colors
9
+ ////
10
+
11
+ /// Easily make use of two color schemes: grayscale and semantic.
12
+ /// Grayscale colors provide quick access to commonly used shades of black while semantic include various colors assigned to meaningful contextual values.
13
+
14
+ /// Default Gray color
15
+ /// @prop {Color} black [$black]
16
+ /// @prop {Color} gray-darker [$gray-darker]
17
+ /// @prop {Color} gray-dark [$gray-dark]
18
+ /// @prop {Color} gray [$gray]
19
+ /// @prop {Color} gray-light [$gray-light]
20
+ /// @prop {Color} gray-lighter [$gray-lighter]
21
+ /// @prop {Color} white [$white]
22
+
23
+ $black: #000 !default;
24
+ $gray-darker: #6f6f6e !default;
25
+ $gray-dark: #929292 !default;
26
+ $gray: #b7b7b7 !default;
27
+ $gray-light: #dbdbdb !default;
28
+ $gray-lighter: #f0f0f0 !default;
29
+ $white: #fff !default;
30
+
31
+ /// GI Main color
32
+ /// @prop {Color} main-color-darker [$main-color-darker]
33
+ /// @prop {Color} main-color-dark [$main-color-dark]
34
+ /// @prop {Color} main-color [$main-color]
35
+ /// @prop {Color} main-color-light [$main-color-light]
36
+ /// @prop {Color} main-color-lighter [$main-color-lighter]
37
+
38
+ $main-color-darker: #2e4572 !default;
39
+ $main-color-dark: #344e81 !default;
40
+ $main-color: #3d5c98 !default;
41
+ $main-color-light: #6e85b2 !default;
42
+ $main-color-lighter: #9faecc !default;
43
+
44
+ /// GI Secondary color
45
+ /// @prop {Color} secondary-color-darker [$secondary-color-darker]
46
+ /// @prop {Color} secondary-color-dark [$secondary-color-dark]
47
+ /// @prop {Color} secondary-color [$secondary-color]
48
+ /// @prop {Color} secondary-color-light [$secondary-color-light]
49
+ /// @prop {Color} secondary-color-lighter [$secondary-color-lighter]
50
+
51
+ $secondary-color-darker: #941515 !default;
52
+ $secondary-color-dark: #A71818 !default;
53
+ $secondary-color: #c51c1c !default;
54
+ $secondary-color-light: #d45555 !default;
55
+ $secondary-color-lighter: #e38c8e !default;
56
+
57
+ /// Brand color
58
+ /// @prop {Color} brand-primary [$brand-primary]
59
+ /// @prop {Color} brand-secondary [$brand-secondary]
60
+ /// @prop {Color} brand-success [$brand-success]
61
+ /// @prop {Color} brand-info [$brand-info]
62
+ /// @prop {Color} brand-warning [$brand-warning]
63
+ /// @prop {Color} brand-error [$brand-error]
64
+
65
+ $brand-primary: $main-color !default;
66
+ $brand-secondary: $secondary-color !default;
67
+ $brand-success: #69C447 !default;
68
+ $brand-info: #328A8A !default;
69
+ $brand-warning: #E69353 !default;
70
+ $brand-error: #E65753 !default;
71
+
72
+ $default_colors: (
73
+ primary: $brand-primary,
74
+ secondary: $brand-secondary,
75
+ info: $brand-info,
76
+ success: $brand-success,
77
+ warning: $brand-warning,
78
+ error: $brand-error
79
+ );
@@ -1,20 +1,27 @@
1
- //-----------------------------------
2
- // MEDIA QUERY VARIABLES
3
- //-----------------------------------
4
-
5
- ////
6
- /// @access public
7
- /// @group Media Query
8
- /// @type string
9
- ////
10
-
11
- /// We use the following media queries in our sass files to create the key breakpoints.
12
- /// @prop {string} screen-xs [$screen-xs] - Extra small devices Phones
13
- /// @prop {string} screen-sm [$screen-sm] - Small devices Tablets
14
- /// @prop {string} screen-md [$screen-md] - Medium devices
15
- /// @prop {string} screen-lg [$screen-lg] - Large devices Desktops
16
-
17
- $screen-xs: 480px !default;
18
- $screen-sm: 768px !default;
19
- $screen-md: 992px !default;
20
- $screen-lg: 1200px !default;
1
+ //-----------------------------------
2
+ // MEDIA QUERY VARIABLES
3
+ //-----------------------------------
4
+
5
+ ////
6
+ /// @access public
7
+ /// @group Media Query
8
+ /// @type string
9
+ ////
10
+
11
+ /// We use the following media queries in our sass files to create the key breakpoints.
12
+ /// @prop {string} screen-xs [$screen-xs] - Extra small devices Phones
13
+ /// @prop {string} screen-sm [$screen-sm] - Small devices Tablets
14
+ /// @prop {string} screen-md [$screen-md] - Medium devices
15
+ /// @prop {string} screen-lg [$screen-lg] - Large devices Desktops
16
+
17
+ $screen-xs: 480px !default;
18
+ $screen-sm: 768px !default;
19
+ $screen-md: 992px !default;
20
+ $screen-lg: 1200px !default;
21
+
22
+ $default_breakpoints: (
23
+ xs: $screen-xs,
24
+ sm: $screen-sm,
25
+ md: $screen-md,
26
+ lg: $screen-lg
27
+ );
@@ -1,69 +1,69 @@
1
- //-----------------------------------
2
- // TYPOGRAPHY VARIABLES
3
- //-----------------------------------
4
-
5
- ////
6
- /// @access public
7
- /// @group Typography
8
- /// @type string
9
- ////
10
-
11
- /// Font, line-height, and color for body text, headings, and more.
12
-
13
- /// Font familly
14
- /// @prop {string} font-family-sans-serif [$font-family-sans-serif]
15
- /// @prop {string} font-family-serif [$font-family-serif]
16
- /// @prop {string} font-family-monospace [$font-family-monospace] - Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
17
- /// @prop {string} font-family-base [$font-family-base]
18
-
19
- $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
20
- $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
21
- $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
22
- $font-family-base: $font-family-sans-serif !default;
23
-
24
- /// Font size
25
- /// @prop {typography} font-size-base [$font-size-base]
26
- /// @prop {typography} font-size-large [$font-size-large]
27
- /// @prop {typography} font-size-small [$font-size-small]
28
-
29
- $font-size-base: 14px !default;
30
- $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
31
- $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
32
-
33
- /// @prop {typography} font-size-h1 [$font-size-h1]
34
- /// @prop {typography} font-size-h2 [$font-size-h2]
35
- /// @prop {typography} font-size-h3 [$font-size-h3]
36
- /// @prop {typography} font-size-h4 [$font-size-h4]
37
- /// @prop {typography} font-size-h5 [$font-size-h5]
38
- /// @prop {typography} font-size-h6 [$font-size-h6]
39
-
40
- $font-size-h1: floor(($font-size-base * 2.6)) !default;
41
- $font-size-h2: floor(($font-size-base * 2.15)) !default;
42
- $font-size-h3: ceil(($font-size-base * 1.7)) !default;
43
- $font-size-h4: ceil(($font-size-base * 1.25)) !default;
44
- $font-size-h5: $font-size-base !default;
45
- $font-size-h6: ceil(($font-size-base * 0.85)) !default;
46
-
47
- /// Line height
48
- /// @prop {typography} line-height-base [$line-height-base]
49
- /// @prop {typography} line-height-computed [$line-height-computed] - Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
50
-
51
- $line-height-base: 1.428571429 !default;
52
- $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
53
-
54
- /// Headings by default is inherits from the '<body>'.
55
- /// @prop {typography} headings-font-family [$headings-font-family]
56
- /// @prop {typography} headings-font-weight [$headings-font-weight]
57
- /// @prop {typography} headings-line-height [$headings-line-height]
58
- /// @prop {typography} headings-color [$headings-color]
59
- /// @prop {typography} headings-small-color [$headings-small-color]
60
-
61
- $headings-font-family: inherit !default;
62
- $headings-font-weight: 500 !default;
63
- $headings-line-height: 1.1 !default;
64
- $headings-color: inherit !default;
65
- $headings-small-color: inherit !default;
66
-
67
- /// Links
68
- /// @prop {typography} headings-font-family [$headings-font-family]
69
- $link-color: $main-color !default;
1
+ //-----------------------------------
2
+ // TYPOGRAPHY VARIABLES
3
+ //-----------------------------------
4
+
5
+ ////
6
+ /// @access public
7
+ /// @group Typography
8
+ /// @type string
9
+ ////
10
+
11
+ /// Font, line-height, and color for body text, headings, and more.
12
+
13
+ /// Font familly
14
+ /// @prop {string} font-family-sans-serif [$font-family-sans-serif]
15
+ /// @prop {string} font-family-serif [$font-family-serif]
16
+ /// @prop {string} font-family-monospace [$font-family-monospace] - Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
17
+ /// @prop {string} font-family-base [$font-family-base]
18
+
19
+ $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
20
+ $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
21
+ $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
22
+ $font-family-base: $font-family-sans-serif !default;
23
+
24
+ /// Font size
25
+ /// @prop {typography} font-size-base [$font-size-base]
26
+ /// @prop {typography} font-size-large [$font-size-large]
27
+ /// @prop {typography} font-size-small [$font-size-small]
28
+
29
+ $font-size-base: 14px !default;
30
+ $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
31
+ $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
32
+
33
+ /// @prop {typography} font-size-h1 [$font-size-h1]
34
+ /// @prop {typography} font-size-h2 [$font-size-h2]
35
+ /// @prop {typography} font-size-h3 [$font-size-h3]
36
+ /// @prop {typography} font-size-h4 [$font-size-h4]
37
+ /// @prop {typography} font-size-h5 [$font-size-h5]
38
+ /// @prop {typography} font-size-h6 [$font-size-h6]
39
+
40
+ $font-size-h1: floor(($font-size-base * 2.6)) !default;
41
+ $font-size-h2: floor(($font-size-base * 2.15)) !default;
42
+ $font-size-h3: ceil(($font-size-base * 1.7)) !default;
43
+ $font-size-h4: ceil(($font-size-base * 1.25)) !default;
44
+ $font-size-h5: $font-size-base !default;
45
+ $font-size-h6: ceil(($font-size-base * 0.85)) !default;
46
+
47
+ /// Line height
48
+ /// @prop {typography} line-height-base [$line-height-base]
49
+ /// @prop {typography} line-height-computed [$line-height-computed] - Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
50
+
51
+ $line-height-base: 1.428571429 !default;
52
+ $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
53
+
54
+ /// Headings by default is inherits from the '<body>'.
55
+ /// @prop {typography} headings-font-family [$headings-font-family]
56
+ /// @prop {typography} headings-font-weight [$headings-font-weight]
57
+ /// @prop {typography} headings-line-height [$headings-line-height]
58
+ /// @prop {typography} headings-color [$headings-color]
59
+ /// @prop {typography} headings-small-color [$headings-small-color]
60
+
61
+ $headings-font-family: inherit !default;
62
+ $headings-font-weight: 500 !default;
63
+ $headings-line-height: 1.1 !default;
64
+ $headings-color: inherit !default;
65
+ $headings-small-color: inherit !default;
66
+
67
+ /// Links
68
+ /// @prop {typography} headings-font-family [$headings-font-family]
69
+ $link-color: $main-color !default;
@@ -1,22 +1,22 @@
1
- //-----------------------------------
2
- // WEIGHT VARIABLES
3
- //-----------------------------------
4
-
5
- ////
6
- /// @access public
7
- /// @group Weight
8
- /// @type string
9
- ////
10
-
11
- /// Weight of elements use on our css.
12
- /// @prop {weight} zindex-popover [$zindex-popover]
13
- /// @prop {weight} zindex-tooltip [$zindex-tooltip]
14
- /// @prop {weight} zindex-modal-background [$zindex-modal-background]
15
- /// @prop {weight} zindex-modal [$zindex-modal]
16
-
17
- $zindex-popover: 1020 !default;
18
- $zindex-tooltip: 1020 !default;
19
- $zindex-fixed: 1030 !default;
20
- $zindex-sticky: 1030 !default;
21
- $zindex-modal-background: 1040 !default;
1
+ //-----------------------------------
2
+ // WEIGHT VARIABLES
3
+ //-----------------------------------
4
+
5
+ ////
6
+ /// @access public
7
+ /// @group Weight
8
+ /// @type string
9
+ ////
10
+
11
+ /// Weight of elements use on our css.
12
+ /// @prop {weight} zindex-popover [$zindex-popover]
13
+ /// @prop {weight} zindex-tooltip [$zindex-tooltip]
14
+ /// @prop {weight} zindex-modal-background [$zindex-modal-background]
15
+ /// @prop {weight} zindex-modal [$zindex-modal]
16
+
17
+ $zindex-popover: 1020 !default;
18
+ $zindex-tooltip: 1020 !default;
19
+ $zindex-fixed: 1030 !default;
20
+ $zindex-sticky: 1030 !default;
21
+ $zindex-modal-background: 1040 !default;
22
22
  $zindex-modal: 1050 !default;
@@ -1,19 +1,19 @@
1
- // @file
2
- // SCSS partials import
3
- // -----------------------------------------------------------------------------
4
-
5
- // COMPASS Imports
6
- // -----------------------------------------------------------------------------
7
- @import "compass";
8
- @import 'compass/css3';
9
-
10
- // GIPainter Variables and Mixins
11
- // -----------------------------------------------------------------------------
12
- @import "Variables/**/*";
13
- @import "Functions/**/*";
14
- @import "Mixins/**/*";
15
-
16
- // GIPainter Theme Layout
17
- // -----------------------------------------------------------------------------
18
- @import "Base/**/*";
1
+ // @file
2
+ // SCSS partials import
3
+ // -----------------------------------------------------------------------------
4
+
5
+ // COMPASS Imports
6
+ // -----------------------------------------------------------------------------
7
+ @import "compass";
8
+ @import 'compass/css3';
9
+
10
+ // GIPainter Variables and Mixins
11
+ // -----------------------------------------------------------------------------
12
+ @import "Variables/**/*";
13
+ @import "Functions/**/*";
14
+ @import "Mixins/**/*";
15
+
16
+ // GIPainter Theme Layout
17
+ // -----------------------------------------------------------------------------
18
+ @import "Base/**/*";
19
19
  @import "Layout/**/*";
@@ -1,3 +1,3 @@
1
- module GIPainter_base
2
- VERSION = '0.5.1'
1
+ module GIPainter_base
2
+ VERSION = '0.5.2'
3
3
  end
@@ -1,7 +1,7 @@
1
- stylesheet '_GIPainter-base.scss', :media => 'screen, projection'
2
-
3
- description "A Compass plugin for the Genious-interactive agency"
4
-
5
- help %Q{
6
- See GIPainter documentation
1
+ stylesheet '_GIPainter-base.scss', :media => 'screen, projection'
2
+
3
+ description "A Compass plugin for the Genious-interactive agency"
4
+
5
+ help %Q{
6
+ See GIPainter documentation
7
7
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: GIPainter-base
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.1
4
+ version: 0.5.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Genious Interactive
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-02-22 00:00:00.000000000 Z
11
+ date: 2017-03-14 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: compass
@@ -173,7 +173,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
173
173
  version: '0'
174
174
  requirements: []
175
175
  rubyforge_project:
176
- rubygems_version: 2.6.10
176
+ rubygems_version: 2.5.2
177
177
  signing_key:
178
178
  specification_version: 4
179
179
  summary: A compass extension | base