Move button styling into a component
This commit is contained in:
parent
3b226fd242
commit
6465c9f7fd
|
@ -12,6 +12,24 @@ td {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
.bg-blue;
|
||||||
|
.bn;
|
||||||
|
.br2;
|
||||||
|
.dib;
|
||||||
|
.dim;
|
||||||
|
.link;
|
||||||
|
.no-underline;
|
||||||
|
.ph3;
|
||||||
|
.pv2;
|
||||||
|
.white-90;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: darken(@blue, 10%);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@import "components/nav";
|
@import "components/nav";
|
||||||
@import "components/post";
|
@import "components/post";
|
||||||
@import "components/talk";
|
@import "components/talk";
|
||||||
|
|
|
@ -68,10 +68,9 @@
|
||||||
{% if row.date.feedback and row.date.date <= today %}
|
{% if row.date.feedback and row.date.date <= today %}
|
||||||
<a
|
<a
|
||||||
href="{{ row.date.feedback }}"
|
href="{{ row.date.feedback }}"
|
||||||
class="bg-blue br2 pa2 white-90 no-underline dib dim"
|
class="button"
|
||||||
title="Read or leave feedback for this talk">
|
title="Read or leave feedback for this talk">
|
||||||
<i class="fa fa-comment-o mr1"></i>
|
<i class="fa fa-comment-o"></i> joind.in
|
||||||
joind.in
|
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</td>
|
</td>
|
||||||
|
|
|
@ -19,7 +19,7 @@ use: [posts]
|
||||||
<label for="message" class="db mb1">Message</label>
|
<label for="message" class="db mb1">Message</label>
|
||||||
<textarea name="message" class="w-100 pa2 mb3 ba b--black-50" rows="5" required></textarea>
|
<textarea name="message" class="w-100 pa2 mb3 ba b--black-50" rows="5" required></textarea>
|
||||||
|
|
||||||
<button class="b ph3 pv2 input-reset ba b--black bg-transparent pointer f6" type="submit">
|
<button class="button" type="submit">
|
||||||
Send email
|
Send email
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|
Reference in a new issue