GIPainter-base 0.5.1 → 0.5.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -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