Add form padding mixin & update intro text
This commit is contained in:
parent
ae56d6d76b
commit
0a3abab6bc
3 changed files with 12 additions and 3 deletions
|
|
@ -1,3 +1,5 @@
|
||||||
|
@import "mixin.scss";
|
||||||
|
|
||||||
.form {
|
.form {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -39,20 +41,24 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
||||||
padding: 15px;
|
@include form-padding;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__actions {
|
&__actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
||||||
padding: 15px;
|
@include form-padding;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&__intro {
|
||||||
|
@include form-padding;
|
||||||
|
}
|
||||||
|
|
||||||
& .favicon {
|
& .favicon {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
3
src/newsreader/scss/components/form/_mixin.scss
Normal file
3
src/newsreader/scss/components/form/_mixin.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
@mixin form-padding {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
|
|
||||||
{% block intro %}
|
{% block intro %}
|
||||||
<p>
|
<p class="form__intro">
|
||||||
{% blocktrans %}
|
{% blocktrans %}
|
||||||
Forgot your password? Enter your email in the form below and we'll send you
|
Forgot your password? Enter your email in the form below and we'll send you
|
||||||
instructions for creating a new one.
|
instructions for creating a new one.
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue