Skip to content

Commit 88a70ee

Browse files
committed
[improvement] Add button style for emails
1 parent 9a24b1d commit 88a70ee

File tree

1 file changed

+12
-37
lines changed

1 file changed

+12
-37
lines changed

app/views/layouts/mailer.html.erb

Lines changed: 12 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -146,45 +146,20 @@
146146
}
147147

148148
/* -------------------------------------
149-
BUTTONS
149+
BUTTON
150150
------------------------------------- */
151-
.btn {
152-
box-sizing: border-box;
153-
width: 100%; }
154-
.btn > tbody > tr > td {
155-
padding-bottom: 15px; }
156-
.btn table {
157-
width: auto;
158-
}
159-
.btn table td {
160-
background-color: #ffffff;
161-
border-radius: 5px;
162-
text-align: center;
163-
}
164-
.btn a {
165-
background-color: #ffffff;
166-
border: solid 1px #3498db;
167-
border-radius: 5px;
168-
box-sizing: border-box;
169-
color: #3498db;
170-
cursor: pointer;
171-
display: inline-block;
172-
font-size: 14px;
173-
font-weight: bold;
174-
margin: 0;
175-
padding: 12px 25px;
176-
text-decoration: none;
177-
text-transform: capitalize;
178-
}
179-
180-
.btn-primary table td {
181-
background-color: #3498db;
182-
}
183-
184-
.btn-primary a {
185-
background-color: #3498db;
186-
border-color: #3498db;
151+
.button {
152+
background: #3498db;
153+
border: 1px solid #3498db;
154+
display: inline-block;
155+
padding: 0.6em 1.3em;
156+
font-size: 15px;
157+
letter-spacing: 0.07em;
187158
color: #ffffff;
159+
font-weight: 600;
160+
margin: 0.25em 0 0.25em;
161+
text-decoration: none;
162+
border-radius: 3px;
188163
}
189164

190165
/* -------------------------------------

0 commit comments

Comments
 (0)