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 +4 -4
- data/app/assets/stylesheets/euphoria/components/_buttons.sass +57 -94
- data/app/assets/stylesheets/euphoria/components/_tables.sass +31 -50
- data/app/assets/stylesheets/euphoria/core/_containers.sass +4 -21
- data/app/assets/stylesheets/euphoria/core/_grids.sass +2 -12
- data/app/assets/stylesheets/euphoria/core/_type.sass +7 -25
- data/lib/euphoria/version.rb +1 -1
- data/lib/generators/euphoria/templates/stylesheets/euphoria/core/_containers.sass +17 -17
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d51a2395042ed35241c489716fd44e55ecfa639d
|
4
|
+
data.tar.gz: 64fe0b2034dda433728f2b9ace8534ba02adc1f0
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
-
|
6
|
-
$
|
7
|
-
$
|
8
|
-
$
|
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
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
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
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
35
|
+
color: #333
|
36
|
+
&:hover
|
37
|
+
background-color: #ccc
|
38
|
+
color: #fff
|
77
39
|
&.round
|
78
|
-
|
79
|
-
&.sm
|
80
|
-
|
81
|
-
|
40
|
+
+border-radius (.5)
|
41
|
+
&.sm //Button size
|
42
|
+
font-size: 0.625rem
|
43
|
+
line-height: 1.675rem
|
82
44
|
&.lg
|
83
|
-
|
84
|
-
|
45
|
+
font-size: 1.625rem
|
46
|
+
line-height: 1.675rem
|
85
47
|
&.xl
|
86
|
-
|
87
|
-
|
88
|
-
&.blue
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
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: $
|
96
|
-
border:
|
58
|
+
background-color: $green
|
59
|
+
border: 1px solid #5bde9b
|
97
60
|
&:hover
|
98
|
-
|
99
|
-
|
61
|
+
background: $green_hover
|
62
|
+
color: white
|
100
63
|
&.red
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
64
|
+
border: 1px solid #c6282a
|
65
|
+
background-color: $red
|
66
|
+
&:hover
|
67
|
+
background: $red_hover
|
68
|
+
color: white
|
106
69
|
&.orange
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
70
|
+
border: 1px solid $orange
|
71
|
+
background-color: $orange
|
72
|
+
&:hover
|
73
|
+
background: $orange_hover
|
74
|
+
color: white
|
112
75
|
&.transparent
|
113
|
-
|
76
|
+
background-color: transparent
|
114
77
|
|
115
78
|
|
@@ -1,84 +1,65 @@
|
|
1
1
|
/*=============================================================================
|
2
2
|
** Reusable colors
|
3
3
|
**============================================================================
|
4
|
-
$
|
5
|
-
$
|
6
|
-
$
|
7
|
-
$
|
8
|
-
$
|
9
|
-
$
|
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
|
-
$
|
34
|
-
$
|
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: $
|
41
|
-
border:
|
42
|
-
width:
|
43
|
-
margin:
|
44
|
-
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:
|
27
|
+
border-spacing: 0
|
47
28
|
tr
|
48
|
-
border:
|
49
|
-
padding:
|
29
|
+
border: 1px solid #ddd
|
30
|
+
padding: 5px
|
50
31
|
th, td
|
51
|
-
padding:
|
32
|
+
padding: 10px
|
52
33
|
text-align: center
|
53
34
|
th
|
54
|
-
text-transform:
|
55
|
-
letter-spacing:
|
35
|
+
text-transform: uppercase
|
36
|
+
letter-spacing: 1px
|
56
37
|
color: $th_font_color
|
57
|
-
background: $
|
58
|
-
font-size:
|
59
|
-
font-weight:
|
60
|
-
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:
|
63
|
-
border-spacing:
|
43
|
+
border-collapse: separate
|
44
|
+
border-spacing: 2px
|
64
45
|
&.alternate
|
65
46
|
tr:nth-child(even)
|
66
|
-
background: $
|
47
|
+
background: $gray
|
67
48
|
&.green
|
68
49
|
tr:nth-child(even)
|
69
|
-
background-color: $
|
50
|
+
background-color: $green
|
70
51
|
&.purple
|
71
52
|
tr:nth-child(even)
|
72
|
-
background: $
|
53
|
+
background: $purple
|
73
54
|
&.red
|
74
55
|
tr:nth-child(even)
|
75
|
-
background: $
|
56
|
+
background: $red
|
76
57
|
&.yellow
|
77
58
|
tr:nth-child(even)
|
78
|
-
background: $
|
59
|
+
background: $yellow
|
79
60
|
&.orange
|
80
61
|
tr:nth-child(even)
|
81
|
-
background: $
|
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:
|
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:
|
35
|
-
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:
|
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:
|
16
|
-
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:
|
2
|
+
font-size: 16px
|
21
3
|
|
22
4
|
h1
|
23
|
-
font-size:
|
5
|
+
font-size: 3rem
|
24
6
|
|
25
7
|
h2
|
26
|
-
font-size:
|
8
|
+
font-size: 2.5rem
|
27
9
|
|
28
10
|
h3
|
29
|
-
font-size:
|
11
|
+
font-size: 2rem
|
30
12
|
|
31
13
|
h4
|
32
|
-
font-size:
|
14
|
+
font-size: 1.5rem
|
33
15
|
|
34
16
|
p
|
35
|
-
font-size:
|
17
|
+
font-size: 1rem
|
36
18
|
|
37
19
|
+lg-desktop
|
38
20
|
html
|
39
|
-
font-size:
|
21
|
+
font-size: 17px
|
data/lib/euphoria/version.rb
CHANGED
@@ -2,41 +2,41 @@
|
|
2
2
|
** Main container
|
3
3
|
**============================================================================
|
4
4
|
.site-container
|
5
|
-
|
6
|
-
|
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
|
-
|
11
|
-
|
10
|
+
@extend %default_prop
|
11
|
+
overflow: hidden
|
12
12
|
|
13
13
|
/*=============================================================================
|
14
14
|
** Rows
|
15
15
|
**============================================================================
|
16
16
|
.row
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
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
|
-
|
33
|
+
padding: 1.5%
|
34
34
|
|
35
35
|
/*=============================================================================
|
36
36
|
** DRY
|
37
37
|
**============================================================================
|
38
38
|
|
39
39
|
%default_prop
|
40
|
-
|
41
|
-
|
40
|
+
width: auto
|
41
|
+
margin: auto
|
42
42
|
|