euphoria 0.1.4.72 → 0.1.41
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.
- checksums.yaml +4 -4
- data/README.md +22 -11
- data/app/assets/javascripts/UI_Modules.coffee +1 -1
- data/app/assets/stylesheets/euphoria/components/_buttons.sass +94 -57
- data/app/assets/stylesheets/euphoria/components/_forms.sass +10 -10
- data/app/assets/stylesheets/euphoria/components/_menus.sass +10 -3
- data/app/assets/stylesheets/euphoria/components/_tables.sass +50 -55
- data/app/assets/stylesheets/euphoria/core/_containers.sass +34 -17
- data/app/assets/stylesheets/euphoria/core/_grids.sass +12 -2
- data/app/assets/stylesheets/euphoria/core/_type.sass +25 -7
- data/app/assets/stylesheets/euphoria/helpers/_reset.sass +1 -0
- data/app/assets/stylesheets/euphoria/interface/parallax.sass +32 -61
- data/euphoria.gemspec +7 -7
- data/lib/euphoria.rb +1 -1
- data/lib/euphoria/version.rb +1 -1
- data/lib/generators/euphoria/install_generator.rb +51 -0
- data/lib/generators/euphoria/templates/javascripts/UI_Modules.coffee +44 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/components/_buttons.sass +78 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/components/_forms.sass +111 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/components/_menus.sass +172 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/components/_tables.sass +89 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/core/_containers.sass +42 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/core/_grids.sass +75 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/core/_responsive.sass +20 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/core/_type.sass +21 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/helpers/_mixins.sass +97 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/helpers/_reset.sass +104 -0
- data/lib/generators/euphoria/templates/stylesheets/euphoria/interface/parallax.sass +66 -0
- data/lib/generators/euphoria/templates/stylesheets/load.sass +14 -0
- metadata +33 -20
- data/lib/generators/install_generator.rb +0 -6
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3c7ce14cf440157c7ea61ef3c26dc4bf7cf80d62
|
|
4
|
+
data.tar.gz: ed08e1b0fa28208eddf2c1f020470f2f8e46794d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2051c573e32d7ee7b59040e53e4214f9138ff61022e95ce0985faaa4234288c95e4909229df5ba2c471d9ec12276c21c3c3db3e814b84d726f84bfc0acc6d0d2
|
|
7
|
+
data.tar.gz: 866b55ccbc665abde5414ed92d7a41e93f9bd8c594593be0424559ef763bac163282eedab76df40a30b29a55154f9eec55f5a5695543e50086f5cab853e7075c
|
data/README.md
CHANGED
|
@@ -13,7 +13,7 @@ gem 'euphoria'
|
|
|
13
13
|
|
|
14
14
|
And then execute:
|
|
15
15
|
|
|
16
|
-
$ bundle
|
|
16
|
+
$ bundle install
|
|
17
17
|
|
|
18
18
|
Or install it yourself by running:
|
|
19
19
|
|
|
@@ -23,19 +23,30 @@ Or install it yourself by running:
|
|
|
23
23
|
|
|
24
24
|
TODO:
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
26
|
+
#### Getting started
|
|
27
|
+
|
|
28
|
+
rails g euphoria:install
|
|
29
|
+
|
|
30
|
+
-will inject the css and js into the rails asset pipeline **
|
|
31
|
+
|
|
32
|
+
#### Optional flags
|
|
33
|
+
|
|
34
|
+
--stylesheet # generates all stylesheets source files used in the framework
|
|
35
|
+
--js # generates all Javascript source files used in the framework
|
|
36
|
+
--all # generates all source files used in the framework
|
|
37
|
+
|
|
38
|
+
#### Manual install
|
|
39
|
+
In the application.css
|
|
40
|
+
|
|
41
|
+
//= require UI_Modules before //=require_tree
|
|
42
|
+
|
|
43
|
+
In the application.css
|
|
44
|
+
|
|
45
|
+
add *= require load before //=require_tree
|
|
35
46
|
|
|
36
47
|
## How to use ?
|
|
37
48
|
|
|
38
|
-
|
|
49
|
+
Framework docs comming soon
|
|
39
50
|
|
|
40
51
|
## Development
|
|
41
52
|
|
|
@@ -2,7 +2,7 @@ $(document).on 'page:change', ->
|
|
|
2
2
|
#######################################################################################
|
|
3
3
|
#set icons for buttons
|
|
4
4
|
#######################################################################################
|
|
5
|
-
$("[type='submit'").addClass 'btn green round'
|
|
5
|
+
$("[type='submit']").addClass 'btn green round'
|
|
6
6
|
|
|
7
7
|
$('a').each ->
|
|
8
8
|
|
|
@@ -1,78 +1,115 @@
|
|
|
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
|
|
11
4
|
|
|
12
|
-
|
|
13
|
-
$
|
|
14
|
-
$
|
|
15
|
-
$
|
|
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
|
|
16
54
|
|
|
17
55
|
|
|
18
56
|
/*=============================================================================
|
|
19
57
|
** Button
|
|
20
58
|
**==============================================================================
|
|
21
59
|
.btn
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
|
34
72
|
&.default
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
73
|
+
color: $button_default_font_color
|
|
74
|
+
&:hover
|
|
75
|
+
background-color: $button_default_background_color
|
|
76
|
+
color: $button_default_hover_font_color
|
|
39
77
|
&.round
|
|
40
|
-
|
|
41
|
-
&.sm
|
|
42
|
-
|
|
43
|
-
|
|
78
|
+
+border-radius (.5)
|
|
79
|
+
&.sm
|
|
80
|
+
font-size: $small_button_font_size
|
|
81
|
+
line-height: $small_button_line_height
|
|
44
82
|
&.lg
|
|
45
|
-
|
|
46
|
-
|
|
83
|
+
font-size: $large_button_font_size
|
|
84
|
+
line-height: $large_button_line_height
|
|
47
85
|
&.xl
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
&.blue
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
color: white
|
|
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
|
|
57
94
|
&.green
|
|
58
|
-
background-color: $
|
|
59
|
-
border:
|
|
95
|
+
background-color: $button_green_background_color
|
|
96
|
+
border: $green_blue_border
|
|
60
97
|
&:hover
|
|
61
|
-
|
|
62
|
-
|
|
98
|
+
background: $button_green_hover
|
|
99
|
+
color: $button_green_hover_font_color
|
|
63
100
|
&.red
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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
|
|
69
106
|
&.orange
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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
|
|
75
112
|
&.transparent
|
|
76
|
-
|
|
113
|
+
background-color: transparent
|
|
77
114
|
|
|
78
115
|
|
|
@@ -4,25 +4,25 @@ $input_focus_color: #33C3F0
|
|
|
4
4
|
$form_border_color: #CCC
|
|
5
5
|
|
|
6
6
|
.flash
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
border: 1px solid
|
|
8
|
+
border-radius: 7px
|
|
9
|
+
margin: 1% 0
|
|
10
|
+
padding: 1%
|
|
11
|
+
width: 80%
|
|
12
|
+
margin: auto
|
|
13
|
+
&.info
|
|
14
14
|
color: #00529B
|
|
15
15
|
background-color: #BDE5F8
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
&.success
|
|
18
18
|
color: #4F8A10
|
|
19
19
|
background-color: #DFF2BF
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
&.warning
|
|
22
22
|
color: #9F6000
|
|
23
23
|
background-color: #FEEFB3
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
&.error
|
|
26
26
|
color: #D8000C
|
|
27
27
|
background-color: #FFBABA
|
|
28
28
|
|
|
@@ -19,9 +19,16 @@ $nav_link_padding: 1rem 1.5rem
|
|
|
19
19
|
$nav_bg_color: #fff
|
|
20
20
|
|
|
21
21
|
.current
|
|
22
|
-
|
|
23
|
-
color: white
|
|
24
|
-
|
|
22
|
+
border-bottom: 2px solid darken(rgba(45,204,165,1), 10%)
|
|
23
|
+
background-color: white
|
|
24
|
+
&:hover
|
|
25
|
+
border-bottom: none
|
|
26
|
+
-webkit-transition: none
|
|
27
|
+
-moz-transition: none
|
|
28
|
+
transition: none
|
|
29
|
+
a
|
|
30
|
+
color: darken(rgba(45,204,165,1), 5%)
|
|
31
|
+
|
|
25
32
|
nav
|
|
26
33
|
background-color: $nav_bg_color
|
|
27
34
|
border: 1px solid #dedede
|
|
@@ -1,91 +1,86 @@
|
|
|
1
1
|
/*=============================================================================
|
|
2
2
|
** Reusable colors
|
|
3
3
|
**============================================================================
|
|
4
|
-
$
|
|
5
|
-
$
|
|
6
|
-
$
|
|
7
|
-
$
|
|
8
|
-
$
|
|
9
|
-
$
|
|
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
|
|
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
|
|
14
24
|
|
|
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
|
|
15
32
|
$th_font_color: #222222 //table font color
|
|
16
|
-
$
|
|
17
|
-
$
|
|
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
|
|
18
37
|
|
|
19
38
|
|
|
20
39
|
table
|
|
21
|
-
font: $
|
|
22
|
-
border:
|
|
23
|
-
width:
|
|
24
|
-
margin:
|
|
25
|
-
padding:
|
|
40
|
+
font: $table_font
|
|
41
|
+
border: $table_border
|
|
42
|
+
width: $table_width
|
|
43
|
+
margin: $table_margin
|
|
44
|
+
padding: $table_padding
|
|
26
45
|
border-collapse: collapse
|
|
27
|
-
border-spacing:
|
|
46
|
+
border-spacing: $table_border_spacing
|
|
28
47
|
tr
|
|
29
|
-
border:
|
|
30
|
-
padding:
|
|
48
|
+
border: $tr_border
|
|
49
|
+
padding: $tr_padding
|
|
31
50
|
th, td
|
|
32
|
-
padding:
|
|
51
|
+
padding: $th_tr_padding
|
|
33
52
|
text-align: center
|
|
34
53
|
th
|
|
35
|
-
text-transform:
|
|
36
|
-
letter-spacing:
|
|
54
|
+
text-transform: $th_text_transform
|
|
55
|
+
letter-spacing: $th_letter_spacing
|
|
37
56
|
color: $th_font_color
|
|
38
|
-
background: $
|
|
39
|
-
font-size:
|
|
40
|
-
font-weight:
|
|
41
|
-
padding:
|
|
57
|
+
background: $th_background_color
|
|
58
|
+
font-size: $th_font_size
|
|
59
|
+
font-weight: $th_font_weight
|
|
60
|
+
padding: $th_padding
|
|
42
61
|
&.bordered
|
|
43
|
-
border-collapse:
|
|
44
|
-
border-spacing:
|
|
62
|
+
border-collapse: $table_bordered_b_collapse
|
|
63
|
+
border-spacing: $table_bordered_b_spacing
|
|
45
64
|
&.alternate
|
|
46
65
|
tr:nth-child(even)
|
|
47
|
-
background: $
|
|
66
|
+
background: $table_alternate_gray
|
|
48
67
|
&.green
|
|
49
68
|
tr:nth-child(even)
|
|
50
|
-
background-color: $
|
|
69
|
+
background-color: $table_alternate_green
|
|
51
70
|
&.purple
|
|
52
71
|
tr:nth-child(even)
|
|
53
|
-
background: $
|
|
72
|
+
background: $table_alternate_purple
|
|
54
73
|
&.red
|
|
55
74
|
tr:nth-child(even)
|
|
56
|
-
background: $
|
|
75
|
+
background: $table_alternate_red
|
|
57
76
|
&.yellow
|
|
58
77
|
tr:nth-child(even)
|
|
59
|
-
background: $
|
|
78
|
+
background: $table_alternate_yellow
|
|
60
79
|
&.orange
|
|
61
80
|
tr:nth-child(even)
|
|
62
|
-
background: $
|
|
63
|
-
|
|
64
|
-
.table-container
|
|
65
|
-
position: relative
|
|
66
|
-
width: 600px
|
|
67
|
-
height: 100%
|
|
68
|
-
border: 2px solid red
|
|
69
|
-
display: inline-block
|
|
81
|
+
background: $table_alternate_orange
|
|
70
82
|
|
|
71
|
-
table
|
|
72
|
-
float: left
|
|
73
|
-
|
|
74
|
-
th
|
|
75
|
-
border: 1px solid black
|
|
76
|
-
padding: 10px
|
|
77
|
-
|
|
78
|
-
td
|
|
79
|
-
border: 1px solid black
|
|
80
|
-
padding: 10px
|
|
81
|
-
margin: 0
|
|
82
|
-
white-space: nowrap
|
|
83
|
-
|
|
84
|
-
.second-table
|
|
85
|
-
overflow: auto
|
|
86
|
-
|
|
87
83
|
|
|
88
|
-
|
|
89
84
|
/*=============================================================================
|
|
90
85
|
** Responsive Grids
|
|
91
86
|
**============================================================================
|
|
@@ -1,42 +1,59 @@
|
|
|
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
|
+
|
|
1
15
|
/*=============================================================================
|
|
2
16
|
** Main container
|
|
3
17
|
**============================================================================
|
|
18
|
+
|
|
4
19
|
.site-container
|
|
5
|
-
|
|
6
|
-
|
|
20
|
+
max-width: $site_container_max_width:
|
|
21
|
+
@extend %default_prop
|
|
7
22
|
|
|
8
23
|
//mostly used if you have a fixed navbar
|
|
9
24
|
.start-content
|
|
10
|
-
|
|
11
|
-
|
|
25
|
+
@extend %default_prop
|
|
26
|
+
overflow: hidden
|
|
12
27
|
|
|
13
28
|
/*=============================================================================
|
|
14
29
|
** Rows
|
|
15
30
|
**============================================================================
|
|
31
|
+
|
|
16
32
|
.row
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
33
|
+
margin: 0 auto
|
|
34
|
+
max-width: $row_max_width
|
|
35
|
+
width: $row_width
|
|
36
|
+
&:before
|
|
37
|
+
content: " "
|
|
38
|
+
display: table
|
|
39
|
+
&:after
|
|
40
|
+
content: " "
|
|
41
|
+
display: table
|
|
42
|
+
clear: both
|
|
27
43
|
|
|
28
44
|
|
|
29
45
|
/*=============================================================================
|
|
30
46
|
** text box holder
|
|
31
47
|
**============================================================================
|
|
48
|
+
|
|
32
49
|
.content-box
|
|
33
|
-
|
|
50
|
+
padding: $content_box_padding
|
|
34
51
|
|
|
35
52
|
/*=============================================================================
|
|
36
53
|
** DRY
|
|
37
54
|
**============================================================================
|
|
38
55
|
|
|
39
56
|
%default_prop
|
|
40
|
-
|
|
41
|
-
|
|
57
|
+
width: auto
|
|
58
|
+
margin: auto
|
|
42
59
|
|