maily 0.6.3 → 0.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/.travis.yml +5 -11
  4. data/Appraisals +4 -0
  5. data/CHANGELOG.md +90 -0
  6. data/MIT-LICENSE +1 -1
  7. data/README.md +21 -2
  8. data/app/assets/images/maily/icons/globe.svg +13 -0
  9. data/app/assets/images/maily/icons/paperclip.svg +8 -0
  10. data/app/assets/images/maily/logo.png +0 -0
  11. data/app/assets/stylesheets/maily/_variables.scss +6 -0
  12. data/app/assets/stylesheets/maily/application.scss +88 -96
  13. data/app/assets/stylesheets/maily/normalize.css +23 -129
  14. data/app/controllers/maily/emails_controller.rb +10 -5
  15. data/app/helpers/maily/application_helper.rb +15 -1
  16. data/app/helpers/maily/emails_helper.rb +10 -1
  17. data/app/views/layouts/maily/application.html.erb +5 -5
  18. data/app/views/maily/emails/edit.html.erb +16 -18
  19. data/app/views/maily/emails/index.html.erb +2 -4
  20. data/app/views/maily/emails/show.html.erb +61 -64
  21. data/app/views/maily/shared/_flash_messages.html.erb +7 -0
  22. data/app/views/maily/shared/_header.html.erb +4 -1
  23. data/app/views/maily/shared/_sidebar.html.erb +2 -2
  24. data/gemfiles/rails_4.2.gemfile +2 -2
  25. data/gemfiles/rails_5.0.gemfile +1 -1
  26. data/gemfiles/rails_5.1.gemfile +1 -1
  27. data/gemfiles/rails_5.2.gemfile +7 -0
  28. data/lib/maily.rb +1 -3
  29. data/lib/maily/email.rb +18 -13
  30. data/lib/maily/mailer.rb +32 -14
  31. data/lib/maily/version.rb +1 -1
  32. data/maily.gemspec +1 -2
  33. data/screenshot.png +0 -0
  34. data/spec/controllers_spec.rb +40 -1
  35. data/spec/dummy/app/mailers/notifier.rb +8 -0
  36. data/spec/dummy/lib/maily_hooks.rb +3 -0
  37. data/spec/email_spec.rb +5 -0
  38. data/spec/mailer_spec.rb +6 -1
  39. data/spec/maily_spec.rb +1 -1
  40. data/spec/spec_helper.rb +1 -0
  41. metadata +10 -26
  42. data/app/assets/images/maily/icons/maily.eot +0 -0
  43. data/app/assets/images/maily/icons/maily.svg +0 -90
  44. data/app/assets/images/maily/icons/maily.ttf +0 -0
  45. data/app/assets/images/maily/icons/maily.woff +0 -0
  46. data/app/assets/stylesheets/maily/icons.css +0 -199
  47. data/spec/dummy/app/mailers/.keep +0 -0
  48. data/spec/dummy/lib/assets/.keep +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 50074da78185e506a4d209f802c81c22cdc62837
4
- data.tar.gz: eaddfeabcc75b5ff0bc0da5a5f633570f4078d5f
3
+ metadata.gz: 291636ca60a98e766c9bce67b7c8727c7afb004d
4
+ data.tar.gz: d271b7309ac06279f1696b7acd095f022ad3b39d
5
5
  SHA512:
6
- metadata.gz: 709e63a4f1734a301e35325a734f47558f68e8d980630284b31c111f3a701d72230bcc2c7c96c3855de92831d9c68d352f14d6f9b6b5e38af73495c151c1732e
7
- data.tar.gz: 3c91aea7375c944a7ca09b5add559d22e9b28f5d76288e98d0bc537d8a9fa04af36eca282593295ddd25302b9d0fc99ffb1c678e0ca98ee2afd6464d4f60f79f
6
+ metadata.gz: 85df3565ec395d61ed85170a571ed222041e0dc2ef876689ffdbc6b4104f2df4708ecec105a87d9cf1f683634710e392f8027b48425a8ad3389b14f8b150bfe5
7
+ data.tar.gz: 888cbd6256c7aa44a4d745ba2c785acd5e7a50449aec17dbbda1449ea58793090ecf57e4b07034b4ef51bec87783aaa70e1270df9a06bfeb2128af02003f1b44
data/.gitignore CHANGED
@@ -4,3 +4,4 @@ Gemfile.lock
4
4
  *.gemfile.lock
5
5
  spec/dummy/log/*.log
6
6
  spec/dummy/tmp/
7
+ .byebug_history
@@ -5,19 +5,13 @@ cache: bundler
5
5
  sudo: false
6
6
 
7
7
  rvm:
8
- - 2.4.1
9
- - 2.3.4
10
- - 2.2.7
11
- - 2.1
8
+ - 2.5.1
9
+ - 2.4.4
10
+ - 2.3.6
11
+ - 2.2.9
12
12
 
13
13
  gemfile:
14
+ - gemfiles/rails_5.2.gemfile
14
15
  - gemfiles/rails_5.1.gemfile
15
16
  - gemfiles/rails_5.0.gemfile
16
17
  - gemfiles/rails_4.2.gemfile
17
-
18
- matrix:
19
- exclude:
20
- - rvm: 2.1
21
- gemfile: gemfiles/rails_5.0.gemfile
22
- - rvm: 2.1
23
- gemfile: gemfiles/rails_5.1.gemfile
data/Appraisals CHANGED
@@ -1,3 +1,7 @@
1
+ appraise "rails-5.2" do
2
+ gem "rails", "~> 5.2.0"
3
+ end
4
+
1
5
  appraise "rails-5.1" do
2
6
  gem "rails", "~> 5.1.0"
3
7
  end
@@ -0,0 +1,90 @@
1
+ # Changelog
2
+
3
+ All notable changes to this project will be documented in this file.
4
+
5
+ ## [0.7.0]
6
+
7
+ - Allow to hide emails (#11)
8
+ - Allow to override `template_name`
9
+ - New project logo
10
+ - Internal classes refactor
11
+ - Front-end cleanup and simplification (remove font icons, update normalize.css, CSS/HTML refactor, better page titles, better flash messages)
12
+ - Drop Ruby 2.1 (EOL) from CI
13
+ - CI against Rails 5.2
14
+
15
+ ## [0.6.3]
16
+
17
+ - Add support for `reply_to`
18
+
19
+ ## [0.6.2]
20
+
21
+ - Rails 5.1 fixes (#19, #20)
22
+ - Hooks: improve arguments validation (#20)
23
+
24
+ ## [0.6.1]
25
+
26
+ - Fix Rails automatic generator (#18)
27
+ - UI: display better error messages (#17)
28
+ - UI: alphabetically sort mailers and emails in sidebar (#17)
29
+
30
+ ## [0.6.0]
31
+
32
+ - Lazy hooks (#14)
33
+ - Better capture and dispatch internal exceptions (#13)
34
+ - Allow to define a description per email (#10)
35
+ - Remove HTML5 Shiv (front-end dependency)
36
+ - Fix assets pipeline integration
37
+ - Lots of front-end tweaks
38
+ - Basic dashboard with customizable welcome message
39
+ - CI suite: officially supported Rails versions: 4.2, 5.0 and 5.1
40
+
41
+ ## [0.5.0]
42
+
43
+ - Appraisals integration: Rails 3.2, 4.X and 5.0
44
+ - Modernize CI Rubies: add 2.2, 2.3 and 2.4 (remove 1.9.3 and 2.0)
45
+ - Fix Ruby warnings (#12)
46
+ - Docs typos (#8)
47
+
48
+ ## [0.4.0]
49
+
50
+ - Allow to setup HTTP basic authentication
51
+
52
+ ## [0.3.5]
53
+
54
+ - CI: run tests against ruby 2.1
55
+ - Properly define dependencies
56
+
57
+ ## [0.3.4]
58
+
59
+ - Fix syntax error introduced in v0.3.3 :(
60
+
61
+ ## [0.3.3]
62
+
63
+ - Disallow templates edition in production mode
64
+
65
+ ## [0.3.2]
66
+
67
+ - Fix #3: email container not displayed properly in Firefox
68
+
69
+ ## [0.3.1]
70
+
71
+ - Add basic specs
72
+ - CI integration
73
+
74
+ ## [0.3.0]
75
+
76
+ - First real usable release :tada:
77
+
78
+ [0.7.0]: https://github.com/markets/maily/compare/v0.6.3...v0.7.0
79
+ [0.6.3]: https://github.com/markets/maily/compare/v0.6.2...v0.6.3
80
+ [0.6.2]: https://github.com/markets/maily/compare/v0.6.1...v0.6.2
81
+ [0.6.1]: https://github.com/markets/maily/compare/v0.6.0...v0.6.1
82
+ [0.6.0]: https://github.com/markets/maily/compare/v0.5.0...v0.6.0
83
+ [0.5.0]: https://github.com/markets/maily/compare/v0.4.0...v0.5.0
84
+ [0.4.0]: https://github.com/markets/maily/compare/v0.4.0...v0.5.0
85
+ [0.3.5]: https://github.com/markets/maily/compare/v0.3.5...v0.4.0
86
+ [0.3.4]: https://github.com/markets/maily/compare/v0.3.3...v0.3.4
87
+ [0.3.3]: https://github.com/markets/maily/compare/v0.3.2...v0.3.3
88
+ [0.3.2]: https://github.com/markets/maily/compare/v0.3.1...v0.3.2
89
+ [0.3.1]: https://github.com/markets/maily/compare/v0.3.0...v0.3.1
90
+ [0.3.0]: https://github.com/markets/maily/compare/v0.1.0...v0.3.0
@@ -1,4 +1,4 @@
1
- Copyright 2013-2017 Marc Anguera Insa
1
+ Copyright 2013-2018 Marc Anguera Insa
2
2
 
3
3
  Permission is hereby granted, free of charge, to any person obtaining
4
4
  a copy of this software and associated documentation files (the
data/README.md CHANGED
@@ -108,11 +108,12 @@ Maily.hooks_for('PaymentNotifier') do |mailer|
108
108
  end
109
109
  ```
110
110
 
111
- Note that you are able to override `template_path` like can be done in Rails. You must pass this option as a hash and last argument:
111
+ Note that you are able to override the `template_path` and the `template_name` like can be done in Rails. You must pass these options as a hash and last argument:
112
112
 
113
113
  ```ruby
114
114
  Maily.hooks_for('YourMailerClass') do |mailer|
115
- mailer.register_hook(:your_mail, template_path: 'notifications')
115
+ mailer.register_hook(:a_random_email, template_path: 'notifications')
116
+ mailer.register_hook(:another_email, template_name: 'email_base')
116
117
  end
117
118
  ```
118
119
 
@@ -126,6 +127,16 @@ Maily.hooks_for('BookingNotifier') do |mailer|
126
127
  end
127
128
  ```
128
129
 
130
+ ### Hide emails
131
+
132
+ You are also able to hide emails:
133
+
134
+ ```ruby
135
+ Maily.hooks_for('Notifier') do |mailer|
136
+ mailer.hide_email(:sensible_email, :secret_email)
137
+ end
138
+ ```
139
+
129
140
  ## Authorization
130
141
 
131
142
  Basically, you have 2 ways to restrict the access to `Maily`.
@@ -166,6 +177,14 @@ Rails 4.1 introduced a built-in mechanism to preview the application emails. It
166
177
 
167
178
  Alternatively, there are some other plugins to get a similar functionality with different approaches and options. For example, [ryanb/letter_opener](https://github.com/ryanb/letter_opener), [sj26/mailcatcher](https://github.com/sj26/mailcatcher) or [glebm/rails_email_preview](https://github.com/glebm/rails_email_preview).
168
179
 
180
+ ## Development
181
+
182
+ Any kind of feedback, bug report, idea or enhancement are really appreciated :tada:
183
+
184
+ To contribute, just fork the repo, hack on it and send a pull request. Don't forget to add specs for behaviour changes and run the test suite:
185
+
186
+ > bundle exec appraisal rake
187
+
169
188
  ## License
170
189
 
171
190
  Copyright (c) Marc Anguera. Maily is released under the [MIT](MIT-LICENSE) License.
@@ -0,0 +1,13 @@
1
+ <!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
2
+ <svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>Globe</title>
4
+ <defs></defs>
5
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
6
+ <g fill="#434343">
7
+ <path d="M8.048,0 C3.63045083,0 0.048,3.582 0.048,8 C0.048,12.418 3.63045083,16 8.048,16 C12.4665577,16 16.048,12.418 16.048,8 C16.048,3.582 12.4665577,0 8.048,0 L8.048,0 Z M8,15 C4.13533409,15 1,11.8671467 1,8 C1,4.13384159 4.13533409,1 8,1 C11.8646659,1 15,4.13384159 15,8 C15,11.868135 11.8646659,15 8,15 L8,15 Z" class="si-glyph-fill"></path>
8
+ <path d="M2.959,2.684 C2.689,4.028 3.694,6.083 5.831,6.583 C7.967,7.083 7.049,6.667 6.717,6 C6.383,5.333 6.682,4.833 7.199,4.667 C7.717,4.5 7.586,4.96 8.354,4 C8.548,2 6.882,3.973 6.716,3.14 C8.366,1.223 5.95,0.5 5.249,0.75 C4.548,1 3.229,1.339 2.959,2.684 L2.959,2.684 Z" class="si-glyph-fill"></path>
9
+ <path d="M6.873,7.694 C6.749,7.749 6.171,8.11 5.972,8.36 C5.773,8.61 5.686,9.138 5.972,9.36 C6.258,9.583 5.956,10.639 6.727,10.833 C7.498,11.027 8.27,11.14 8.299,11.75 C8.326,12.36 8.227,13.777 7.856,13.917 C8.356,14.194 9.573,12.722 10.001,11.944 C10.43,11.167 10.573,10.055 10.544,9.777 C10.515,9.5 10.715,8.917 10.801,8.167 C10.886,7.417 10.231,7.367 10.146,7.034 C10.059,6.7 9.943,6.333 6.873,7.694 L6.873,7.694 Z" class="si-glyph-fill"></path>
10
+ <path d="M13.125,4 C13.125,4 11.113,4.861 12.481,6.14 C13.847,7.417 14.543,8.63 14.476,8.908 C14.414,9.184 13.096,10.614 13.853,10.502 C14.614,10.391 15.175,8.891 15.296,8.001 C15.415,7.111 14.372,5.362 14.329,5.224 C14.293,5.083 13.607,4.015 13.125,4 L13.125,4 Z" class="si-glyph-fill"></path>
11
+ </g>
12
+ </g>
13
+ </svg>
@@ -0,0 +1,8 @@
1
+ <!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
2
+ <svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>Paperclip</title>
4
+ <defs></defs>
5
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
6
+ <path d="M6.346,16 C5.009,16 4,14.907 4,13.725 L4,3.99799991 C4,1.63391113 5.25378418,0 7.69795109,0 L8.3671875,0 C11.046,0 12,1.56054688 12,3.99799991 L12,11.0050049 L11.046,11.0050049 L11.046,3.99799991 C11.046,2.4140625 10.4089355,1 8.3671875,1 L7.68199992,1 C5.87280273,1 5,2.31750488 5,3.99799991 L5,13.725 C5,14.463 5.448,14.999 6.345,14.999 L7.683,14.999 C8.535,14.999 9.062,14.511 9.062,13.725 L9.062,5.756 C9.062,5.225 8.98100008,5.03984473 7.94300008,4.99084473 C6.88400008,5.04284473 7,5.262 7,5.756 L6.99999995,10.0100098 L5.99899995,10.0100098 L5.999,5.756 C5.999,4.635 6.635,4.06 7.943,3.998 C9.249,4.058 10,4.616 10,5.756 L10,13.725 C10,14.947 8.966,16 7.682,16 L6.346,16 Z" fill="#434343" class="si-glyph-fill"></path>
7
+ </g>
8
+ </svg>
@@ -0,0 +1,6 @@
1
+ $blue: #59abc6;
2
+ $red: #a94442;
3
+ $grey: #ccc;
4
+ $darkgrey: #666;
5
+ $textColor: #444;
6
+ $linkColor: $blue;
@@ -1,6 +1,7 @@
1
1
  @import "maily/normalize";
2
- @import "maily/icons";
2
+ @import "maily/variables";
3
3
 
4
+ /* Title font */
4
5
  @font-face {
5
6
  font-weight: light;
6
7
  font-style: normal;
@@ -8,28 +9,7 @@
8
9
  src: asset-url('maily/fonts/JosefinSans-Light.ttf') format('truetype');
9
10
  }
10
11
 
11
- ::-webkit-input-placeholder {
12
- padding: 0 .2em;
13
- vertical-align: bottom;
14
- font-weight: 300;
15
- }
16
-
17
- :-moz-placeholder { font-size: 0.6em; }
18
- ::-moz-placeholder { font-size: 0.6em; }
19
- :-ms-input-placeholder { font-size: 0.6em; }
20
-
21
-
22
- $textColor: #444;
23
- $linkColor: #59abc6;
24
-
25
- .clearfix:before,
26
- .clearfix:after {
27
- display: table;
28
- content: " ";
29
- }
30
-
31
- .clearfix:after { clear: both; }
32
-
12
+ /* Body */
33
13
  body {
34
14
  color: $textColor;
35
15
  font-size: 1em;
@@ -38,52 +18,64 @@ body {
38
18
  a {
39
19
  color: $linkColor;
40
20
  text-decoration: none;
21
+ &:hover {
22
+ color: darken($linkColor, 20%);
23
+ }
41
24
  }
42
25
  }
43
26
 
44
- .title { margin-top: 0; }
27
+ /* Inputs */
28
+ input {
29
+ height: 1.2em;
30
+ border: solid 1px $grey;
31
+ border-radius: 2px;
32
+ background: #fff;
33
+ line-height: 1;
34
+ }
45
35
 
36
+ ::-webkit-input-placeholder {
37
+ padding: 0 .2em;
38
+ vertical-align: bottom;
39
+ font-weight: 300;
40
+ }
41
+ :-moz-placeholder { font-size: 0.6em; }
42
+ ::-moz-placeholder { font-size: 0.6em; }
43
+ :-ms-input-placeholder { font-size: 0.6em; }
46
44
 
45
+ /* Header */
47
46
  header.header, footer.footer {
48
47
  position: fixed;
49
48
  left: 0;
50
49
  z-index: 99;
51
- padding: .75em;
50
+ padding: .5em 1em;
52
51
  width: 100%;
53
52
  background-color: rgba(255,255,255, .95);
54
53
  }
55
54
 
56
- /* HEADER */
57
55
  header.header {
58
56
  top: 0;
59
57
  box-shadow: 0 .0625em .3125em rgba(0,0,0, .15);
60
58
 
61
59
  .logo_link {
62
60
  color: $textColor;
63
- text-decoration: none;
64
61
  font: 400 2em/1 'Josefin Sans';
62
+ margin-left: 10px;
65
63
 
66
- em:before {
67
- font-size: .8em;
68
- font-family: 'maily';
64
+ img, span {
65
+ vertical-align: middle;
69
66
  }
70
67
  }
71
68
  }
72
69
 
73
- /* FOOTER */
70
+ /* Footer */
74
71
  footer.footer {
75
72
  bottom: 0;
76
73
  box-shadow: 0 -.0625em .3125em rgba(0,0,0, .15);
77
74
  font-family: "Helvetica Neue", Helvetica, sans-serif;
78
75
  font-size: .9em;
79
-
80
- a {
81
- color: $linkColor;
82
- text-decoration: none;
83
- }
84
76
  }
85
77
 
86
- /* CONTENT */
78
+ /* Main content */
87
79
  .wrap_content {
88
80
  display: inline-block;
89
81
  box-sizing: border-box;
@@ -97,17 +89,12 @@ footer.footer {
97
89
  margin-left: 2em;
98
90
  padding-left: 20%;
99
91
 
100
- ul.maily_action_bar {
101
- margin: 0;
92
+ ul.action_bar {
93
+ margin: 0 0 5px;
102
94
  padding: 0;
103
95
  list-style: none;
104
96
  font-size: 1.2em;
105
97
 
106
- em:before {
107
- margin-right: .2em;
108
- font-size: .9em;
109
- }
110
-
111
98
  &, & ul {
112
99
  display: inline-block;
113
100
  width: 100%;
@@ -125,18 +112,22 @@ footer.footer {
125
112
  list-style: none;
126
113
  }
127
114
 
128
- li.maily_languages {
115
+ li.languages {
129
116
  float: right;
130
117
  }
131
118
  }
132
119
 
133
- li.maily_splitter {
120
+ li.splitter {
134
121
  width: 1px;
135
- border-left: 1px #ccc solid;
122
+ border-left: 1px $grey solid;
136
123
  text-indent: -999999em;
137
124
  }
138
125
 
139
- .maily_send {
126
+ .mail_description {
127
+ margin-bottom: 2em;
128
+ }
129
+
130
+ .mail_deliver {
140
131
  ul {
141
132
  li {
142
133
  float: left;
@@ -145,28 +136,28 @@ footer.footer {
145
136
  }
146
137
  }
147
138
 
148
- .maily_mail_preview {
139
+ .mail_preview {
149
140
  height: 100%;
150
141
  box-sizing: border-box;
151
142
  -moz-box-sizing: border-box;
152
143
  padding: 1em;
153
- border: solid 1px #ccc;
144
+ border: solid 1px $grey;
154
145
  border-radius: 3px;
155
146
 
156
- .maily_mail_details {
147
+ .mail_details {
157
148
  margin: 0 0 1em 0;
158
149
  padding: 0;
159
- color: #666;
150
+ color: $darkgrey;
160
151
  list-style: none;
161
152
  font-size: .8em;
162
153
 
163
154
  li { line-height: 1.5em; }
164
155
  }
165
156
 
166
- .maily_mail_attachments {
157
+ .mail_attachments {
167
158
  padding: 1em 0 0 0;
168
- border-top: solid 1px #ccc;
169
- color: #666;
159
+ border-top: solid 1px $grey;
160
+ color: $darkgrey;
170
161
  list-style: none;
171
162
  font-size: .8em;
172
163
 
@@ -184,32 +175,27 @@ footer.footer {
184
175
  }
185
176
  }
186
177
 
187
- iframe.maily_preview {
178
+ iframe.mail_iframe {
188
179
  padding-top: 1em;
189
180
  border: none;
190
- border-top: solid 1px #ccc;
181
+ border-top: solid 1px $grey;
191
182
  border-radius: 2px;
192
183
  }
193
184
  }
194
185
 
195
- .maily_textfield {
196
- height: 1em;
197
- border: solid 1px #ccc;
198
- border-radius: 2px;
199
- background: #fff;
200
- line-height: 1;
201
- }
202
-
203
- .maily_button {
186
+ .button {
204
187
  box-sizing: border-box;
205
188
  -moz-box-sizing: border-box;
206
189
  padding: 0;
207
190
  border: none;
208
191
  background: none;
209
192
  color: $linkColor;
193
+ &:hover {
194
+ color: darken($linkColor, 20%);
195
+ }
210
196
  }
211
197
 
212
- .maily_format_mail {
198
+ .format_mail {
213
199
  position: relative;
214
200
  display: inline-block;
215
201
  float: right;
@@ -218,7 +204,6 @@ footer.footer {
218
204
  width: 6.5em;
219
205
  list-style: none;
220
206
 
221
-
222
207
  li {
223
208
  float: left;
224
209
 
@@ -230,12 +215,12 @@ footer.footer {
230
215
  + li {
231
216
  margin: 0 0 0 .4em;
232
217
  padding: 0 0 0 .4em;
233
- border-left: solid 1px #ccc;
218
+ border-left: solid 1px $grey;
234
219
  }
235
220
  }
236
221
  }
237
222
 
238
- .maily_mail_updatearea {
223
+ .mail_updatearea {
239
224
  position: relative;
240
225
  overflow: visible;
241
226
  min-height: 450px;
@@ -245,16 +230,11 @@ footer.footer {
245
230
  }
246
231
  }
247
232
 
248
- /* SIDEBAR */
233
+ /* Sidebar */
249
234
  aside.sidebar {
250
235
  float: left;
251
236
  width: 20%;
252
237
 
253
- .main_title {
254
- margin: 0 0 1em;
255
- font-size: 1.5em;
256
- }
257
-
258
238
  section.nav_list {
259
239
  margin: 0 0 1.5em 2.1em;
260
240
 
@@ -278,26 +258,17 @@ aside.sidebar {
278
258
  text-decoration: none;
279
259
  font-size: .9em;
280
260
 
281
- &.maily_selected_mail {
282
-
261
+ &.selected_mail {
283
262
  color: darken($linkColor, 20%);
284
263
  font-weight: bold;
264
+
285
265
  &:before {
286
- content: "\e63e";
287
- text-transform: none;
288
- font-weight: normal;
266
+ content: "\003E";
289
267
  font-weight: bolder;
290
- font-style: normal;
291
- font-variant: normal;
292
- font-size: .6em;
293
- font-family: 'maily';
294
- line-height: 1;
295
- speak: none;
296
- -webkit-font-smoothing: antialiased;
297
- -moz-osx-font-smoothing: grayscale;
268
+ font-size: 1.2em;
269
+ margin-right: 2px;
298
270
  }
299
271
  }
300
-
301
272
  &:hover {
302
273
  color: darken($linkColor, 20%);
303
274
  }
@@ -307,11 +278,32 @@ aside.sidebar {
307
278
  }
308
279
  }
309
280
 
310
- /* ALERT */
281
+ /* Alert messages */
311
282
  .alert {
312
- color: #a94442;
313
- background-color: #f2dede;
314
- padding: 15px;
315
- margin-bottom: 20px;
316
- display: flex;
283
+ border-radius: 3px;
284
+ padding: 16px;
285
+ margin-bottom: 1.1em;
286
+ }
287
+ .alert-warning {
288
+ color: $red;
289
+ background-color: lighten($red, 40%);
290
+ }
291
+ .alert-success {
292
+ color: #fff;
293
+ background-color: darken($blue, 20%);
294
+ }
295
+
296
+ /* Icons */
297
+ img.icon {
298
+ width: 20px;
299
+ font-size: .9em;
300
+ vertical-align: bottom;
301
+ }
302
+
303
+ /* Utils */
304
+ .clearfix:before,
305
+ .clearfix:after {
306
+ display: table;
307
+ content: " ";
317
308
  }
309
+ .clearfix:after { clear: both; }