mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-11-09 11:16:39 -05:00
Style the subscription form error container
This commit is contained in:
parent
d273cf5a71
commit
676c0b23b6
1 changed files with 7 additions and 2 deletions
|
@ -1,15 +1,20 @@
|
||||||
.subscription-form-section-component {
|
.subscription-form-section-component {
|
||||||
$trans-speed: 100ms;
|
$trans-speed: 100ms;
|
||||||
width: pxrem(200);
|
width: pxrem(200);
|
||||||
border: 2px solid fade-out($c-base, 0.75);
|
border: pxrem(2) solid fade-out($c-base, 0.75);
|
||||||
border-radius: pxrem(3);
|
border-radius: pxrem(3);
|
||||||
background-color: lighten($c-base, 75%);
|
background-color: lighten($c-base, 75%);
|
||||||
|
|
||||||
|
.notification {
|
||||||
|
padding: pxrem(2);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
input {
|
input {
|
||||||
margin: pxrem(5);
|
margin: pxrem(5);
|
||||||
width: calc(100% - #{pxrem(10)});
|
width: calc(100% - #{pxrem(10)});
|
||||||
padding: pxrem(3);
|
padding: pxrem(3);
|
||||||
border: 2px solid fade-out($c-base, 0.75);
|
border: pxrem(2) solid fade-out($c-base, 0.75);
|
||||||
font-size: pxrem(14);
|
font-size: pxrem(14);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
transition: border-color $trans-speed;
|
transition: border-color $trans-speed;
|
||||||
|
|
Loading…
Reference in a new issue