euphoria 0.1.41 → 0.1.42

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 3c7ce14cf440157c7ea61ef3c26dc4bf7cf80d62
4
- data.tar.gz: ed08e1b0fa28208eddf2c1f020470f2f8e46794d
3
+ metadata.gz: d51a2395042ed35241c489716fd44e55ecfa639d
4
+ data.tar.gz: 64fe0b2034dda433728f2b9ace8534ba02adc1f0
5
5
  SHA512:
6
- metadata.gz: 2051c573e32d7ee7b59040e53e4214f9138ff61022e95ce0985faaa4234288c95e4909229df5ba2c471d9ec12276c21c3c3db3e814b84d726f84bfc0acc6d0d2
7
- data.tar.gz: 866b55ccbc665abde5414ed92d7a41e93f9bd8c594593be0424559ef763bac163282eedab76df40a30b29a55154f9eec55f5a5695543e50086f5cab853e7075c
6
+ metadata.gz: ccf34e4f2bf0921e61c1ee19501671e16d511baef258e8cdd6aa71c895e1c6daaf8cb04ad6d61ec1ff31cfea31c9c707be814a3e5739c0f4216a5c2272f8ecac
7
+ data.tar.gz: aec83ec6ef17455596cfe2cbac18ca7c3fcc9df54a1dd0112f4d5c02b1589ca59b505effcc00226bbd78b6afaa0b8f98c2431212a7aaa7da2da1c7cc6a04287c
@@ -1,115 +1,78 @@
1
1
  /*=============================================================================
2
2
  ** Variables
3
3
  **==============================================================================
4
+ //Button Colors
5
+ $blue: #4aa3df
6
+ $blue_hover: #3498db
7
+ $green: #40d47e
8
+ $green_hover: #2ecc71
9
+ $red: #e74c3c
10
+ $red_hover: #e43725
4
11
 
5
- //Button text
6
- $button_text_align: center
7
- $button_vert_align: middle
8
- $button_text_transform: uppercase
9
- $button_letter_spacing: .1rem
10
- $button_font_weight: 400
11
- $button_padding: .4rem
12
- $button_font_color: #fff
13
-
14
- //button size values
15
- $button_font_size: .85rem
16
- $button_line_height: 1.375rem
17
-
18
- $small_button_font_size: 0.625rem
19
- $small_button_line_height: 1.675rem
20
-
21
- $large_button_font_size: 1.625rem
22
- $large_button_line_height:1.625rem
23
-
24
- $xlarge_button_font_size: 1.875rem
25
- $xlarge_button_line_height: 1.875rem
26
-
27
- //button colors & hover colors & border values ****Class value is first name after underscore*****
28
- $button_default: #4aa3df
29
- $button_default_hover: #3498db
30
- $button_default_border: 1px solid #3085d6
31
- $button_default_font_color: #333
32
- $button_default_hover_font_color: #FFF
33
- $button_default_background_color: #ccc
34
-
35
- $button_blue_background_color: #4aa3df
36
- $button_blue_hover: #3498db
37
- $button_blue_border: 1px solid #3085d6
38
-
39
- $button_green_background_color: #40d47e
40
- $button_green_hover: #2ecc71
41
- $button_green_border: 1px solid #5bde9b
42
-
43
- $button_red_background_color: #e74c3c
44
- $button_red_hover: #e43725
45
- $button_red_border: 1px solid #c6282a
46
-
47
- $button_white_background_color: #bdc3c7
48
- $button_white_hover: #fff
49
- $button_white_border: 1px solid #bdc3c7
50
-
51
- $button_orange_background_color: #f5b823
52
- $button_orange_hover: #F5A623
53
- $button_orange_border: 1px solid $button_orange_background_color
12
+ $white: #bdc3c7
13
+ $white_hover: #fff
14
+ $orange: #f5b823
15
+ $orange_hover: #F5A623
54
16
 
55
17
 
56
18
  /*=============================================================================
57
19
  ** Button
58
20
  **==============================================================================
59
21
  .btn
60
- text-align: $button_text_align
61
- vertical-align: $button_vert_align
62
- border: 1px solid #e5e6e7
63
- font-weight: $button_font_weight
64
- font-size: $button_font_size
65
- padding: $button_padding
66
- line-height: $button_line_height
67
- letter-spacing: $button_letter_spacing
68
- text-transform: $button_text_transform
69
- text-decoration: none
70
- white-space: nowrap
71
- color: $button_font_color
22
+ text-align: center
23
+ vertical-align: middle
24
+ border: 1px solid #e5e6e7
25
+ font-weight: 400
26
+ font-size: .85rem
27
+ padding: .4rem
28
+ line-height: 1.375rem
29
+ letter-spacing: .1rem
30
+ text-transform: uppercase
31
+ text-decoration: none
32
+ white-space: nowrap
33
+ color: #fff
72
34
  &.default
73
- color: $button_default_font_color
74
- &:hover
75
- background-color: $button_default_background_color
76
- color: $button_default_hover_font_color
35
+ color: #333
36
+ &:hover
37
+ background-color: #ccc
38
+ color: #fff
77
39
  &.round
78
- +border-radius (.5)
79
- &.sm
80
- font-size: $small_button_font_size
81
- line-height: $small_button_line_height
40
+ +border-radius (.5)
41
+ &.sm //Button size
42
+ font-size: 0.625rem
43
+ line-height: 1.675rem
82
44
  &.lg
83
- font-size: $large_button_font_size
84
- line-height: $large_button_line_height
45
+ font-size: 1.625rem
46
+ line-height: 1.675rem
85
47
  &.xl
86
- font-size: $xlarge_button_font_size
87
- line-height: $xlarge_button_line_height
88
- &.blue
89
- border: $button_blue_border
90
- background-color: $button_blue
91
- &:hover
92
- background: $button_blue_hover
93
- color: $button_blue_hover_font_color
48
+ font-size: 1.875rem
49
+ line-height: 1.875rem
50
+ &.blue //button color
51
+ border: 1px solid #3085d6
52
+ background-color: $blue
53
+
54
+ &:hover
55
+ background: $blue_hover
56
+ color: white
94
57
  &.green
95
- background-color: $button_green_background_color
96
- border: $green_blue_border
58
+ background-color: $green
59
+ border: 1px solid #5bde9b
97
60
  &:hover
98
- background: $button_green_hover
99
- color: $button_green_hover_font_color
61
+ background: $green_hover
62
+ color: white
100
63
  &.red
101
- border: $button_red_border
102
- background-color: $button_red_background_color
103
- &:hover
104
- background: $button_red_hover
105
- color: $button_red_hover_font_color
64
+ border: 1px solid #c6282a
65
+ background-color: $red
66
+ &:hover
67
+ background: $red_hover
68
+ color: white
106
69
  &.orange
107
- border: $button_orange_border
108
- background-color: $button_orange_background_color
109
- &:hover
110
- background: $button_orange_hover
111
- color: $button_orange_hover_font_color
70
+ border: 1px solid $orange
71
+ background-color: $orange
72
+ &:hover
73
+ background: $orange_hover
74
+ color: white
112
75
  &.transparent
113
- background-color: transparent
76
+ background-color: transparent
114
77
 
115
78
 
@@ -1,84 +1,65 @@
1
1
  /*=============================================================================
2
2
  ** Reusable colors
3
3
  **============================================================================
4
- $table_alternate_green: rgba(46,204,113,0.22)
5
- $table_alternate_yellow: #FFFF66
6
- $table_alternate_red: #FF6666
7
- $table_alternate_orange: #f39c12
8
- $table_alternate_purple: #9966FF
9
- $table_alternate_gray: #ecf0f1
4
+ $green: rgba(46,204,113,0.22)
5
+ $yellow: #FFFF66
6
+ $red: #FF6666
7
+ $orange: #f39c12
8
+ $purple: #9966FF
9
+ $gray: #ecf0f1
10
10
 
11
11
  /*=============================================================================
12
12
  ** Variables
13
13
  **============================================================================
14
- $table_font: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif
15
- $table_border: 1px solid #ccc
16
- $table_width: 100%
17
- $table_margin: 0
18
- $table_padding: 0
19
- $table_border_spacing: 0
20
- $table_border_collapse: collapse
21
- //this applies to the table class bordered
22
- $table_bordered_b_collapse: separate
23
- $table_bordered_b_spacing: 2px
24
14
 
25
- $tr_border: 1px solid #ddd
26
- $tr_padding: 5px
27
-
28
- $th_tr_padding: 10px
29
-
30
- $th_text_transform: uppercase
31
- $th_letter_spacing: 1px
32
15
  $th_font_color: #222222 //table font color
33
- $th_background_color: $gray
34
- $th_font_size: 0.77778rem
35
- $th_font_weight: bold
36
- $th_padding: 0.44444rem 0.55556rem 0.55556rem
16
+ $th_backg_color: $gray
17
+ $tbl_font: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif
37
18
 
38
19
 
39
20
  table
40
- font: $table_font
41
- border: $table_border
42
- width: $table_width
43
- margin: $table_margin
44
- padding: $table_padding
21
+ font: $tbl_font
22
+ border: 1px solid #ccc
23
+ width: 100%
24
+ margin: 0
25
+ padding: 0
45
26
  border-collapse: collapse
46
- border-spacing: $table_border_spacing
27
+ border-spacing: 0
47
28
  tr
48
- border: $tr_border
49
- padding: $tr_padding
29
+ border: 1px solid #ddd
30
+ padding: 5px
50
31
  th, td
51
- padding: $th_tr_padding
32
+ padding: 10px
52
33
  text-align: center
53
34
  th
54
- text-transform: $th_text_transform
55
- letter-spacing: $th_letter_spacing
35
+ text-transform: uppercase
36
+ letter-spacing: 1px
56
37
  color: $th_font_color
57
- background: $th_background_color
58
- font-size: $th_font_size
59
- font-weight: $th_font_weight
60
- padding: $th_padding
38
+ background: $th_backg_color
39
+ font-size: 0.77778rem
40
+ font-weight: bold
41
+ padding: 0.44444rem 0.55556rem 0.55556rem
61
42
  &.bordered
62
- border-collapse: $table_bordered_b_collapse
63
- border-spacing: $table_bordered_b_spacing
43
+ border-collapse: separate
44
+ border-spacing: 2px
64
45
  &.alternate
65
46
  tr:nth-child(even)
66
- background: $table_alternate_gray
47
+ background: $gray
67
48
  &.green
68
49
  tr:nth-child(even)
69
- background-color: $table_alternate_green
50
+ background-color: $green
70
51
  &.purple
71
52
  tr:nth-child(even)
72
- background: $table_alternate_purple
53
+ background: $purple
73
54
  &.red
74
55
  tr:nth-child(even)
75
- background: $table_alternate_red
56
+ background: $red
76
57
  &.yellow
77
58
  tr:nth-child(even)
78
- background: $table_alternate_yellow
59
+ background: $yellow
79
60
  &.orange
80
61
  tr:nth-child(even)
81
- background: $table_alternate_orange
62
+ background: $orange
82
63
 
83
64
 
84
65
  /*=============================================================================
@@ -1,23 +1,8 @@
1
- /*=============================================================================
2
- ** Variables
3
- **============================================================================
4
-
5
- //content box
6
- $content_box_padding: 1.5%
7
-
8
- //container
9
- $site_container_max_width: 90rem
10
-
11
- //rows
12
- $row_max_width: 55.55556rem
13
- $row_width: 100%
14
-
15
1
  /*=============================================================================
16
2
  ** Main container
17
3
  **============================================================================
18
-
19
4
  .site-container
20
- max-width: $site_container_max_width:
5
+ max-width: 90rem
21
6
  @extend %default_prop
22
7
 
23
8
  //mostly used if you have a fixed navbar
@@ -28,11 +13,10 @@ $row_width: 100%
28
13
  /*=============================================================================
29
14
  ** Rows
30
15
  **============================================================================
31
-
32
16
  .row
33
17
  margin: 0 auto
34
- max-width: $row_max_width
35
- width: $row_width
18
+ max-width: 55.55556rem
19
+ width: 100%
36
20
  &:before
37
21
  content: " "
38
22
  display: table
@@ -45,9 +29,8 @@ $row_width: 100%
45
29
  /*=============================================================================
46
30
  ** text box holder
47
31
  **============================================================================
48
-
49
32
  .content-box
50
- padding: $content_box_padding
33
+ padding: 1.5%
51
34
 
52
35
  /*=============================================================================
53
36
  ** DRY
@@ -1,19 +1,10 @@
1
- /*=============================================================================
2
- ** Variables
3
- **============================================================================
4
-
5
- //column values
6
- $col_float: left
7
- $col_position: relative
8
-
9
-
10
1
  /*=============================================================================
11
2
  ** Grids (keep columns seperated to add width at will)
12
3
  **============================================================================
13
4
 
14
5
  .col
15
- float: $col_float
16
- position: $col_position
6
+ float: left
7
+ position: relative
17
8
  .center
18
9
  margin: 0 auto
19
10
 
@@ -35,7 +26,6 @@ $col_position: relative
35
26
  /*=============================================================================
36
27
  ** Responsive Grids
37
28
  **============================================================================
38
-
39
29
  +tablet
40
30
  @for $i from 1 through 11
41
31
  .w-#{$i}
@@ -1,39 +1,21 @@
1
- /*=============================================================================
2
- ** Variables
3
- **============================================================================
4
-
5
- //font sizes
6
- $html_font_size: 16px
7
- $large_desktop_font_size: 17px
8
- $h1_font_size: 3rem
9
- $h2_font_size: 2.5rem
10
- $h3_font_size: 2rem
11
- $h4_font_size: 1.5rem
12
- $paragraph_font_size: 1rem
13
-
14
-
15
- /*=============================================================================
16
- ** font-sizes
17
- **============================================================================
18
-
19
1
  html
20
- font-size: $html_font_size
2
+ font-size: 16px
21
3
 
22
4
  h1
23
- font-size: $h1_font_size
5
+ font-size: 3rem
24
6
 
25
7
  h2
26
- font-size: $h2_font_size
8
+ font-size: 2.5rem
27
9
 
28
10
  h3
29
- font-size: $h2_font_size
11
+ font-size: 2rem
30
12
 
31
13
  h4
32
- font-size: $h4_font_size
14
+ font-size: 1.5rem
33
15
 
34
16
  p
35
- font-size: $paragraph_font_size
17
+ font-size: 1rem
36
18
 
37
19
  +lg-desktop
38
20
  html
39
- font-size: $large_desktop_font_size
21
+ font-size: 17px
@@ -1,4 +1,4 @@
1
1
  module Euphoria
2
- VERSION = "0.1.41"
2
+ VERSION = "0.1.42"
3
3
  end
4
4
 
@@ -2,41 +2,41 @@
2
2
  ** Main container
3
3
  **============================================================================
4
4
  .site-container
5
- max-width: 90rem
6
- @extend %default_prop
5
+ max-width: 90rem
6
+ @extend %default_prop
7
7
 
8
8
  //mostly used if you have a fixed navbar
9
9
  .start-content
10
- @extend %default_prop
11
- overflow: hidden
10
+ @extend %default_prop
11
+ overflow: hidden
12
12
 
13
13
  /*=============================================================================
14
14
  ** Rows
15
15
  **============================================================================
16
16
  .row
17
- margin: 0 auto
18
- max-width: 55.55556rem
19
- width: 100%
20
- &:before
21
- content: " "
22
- display: table
23
- &:after
24
- content: " "
25
- display: table
26
- clear: both
17
+ margin: 0 auto
18
+ max-width: 55.55556rem
19
+ width: 100%
20
+ &:before
21
+ content: " "
22
+ display: table
23
+ &:after
24
+ content: " "
25
+ display: table
26
+ clear: both
27
27
 
28
28
 
29
29
  /*=============================================================================
30
30
  ** text box holder
31
31
  **============================================================================
32
32
  .content-box
33
- padding: 1.5%
33
+ padding: 1.5%
34
34
 
35
35
  /*=============================================================================
36
36
  ** DRY
37
37
  **============================================================================
38
38
 
39
39
  %default_prop
40
- width: auto
41
- margin: auto
40
+ width: auto
41
+ margin: auto
42
42
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: euphoria
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.41
4
+ version: 0.1.42
5
5
  platform: ruby
6
6
  authors:
7
7
  - paul brunache