kevin/hypothetical
1
0
Fork 0
mirror of https://github.com/prurigro/hypothetical.git synced 2024-09-19 10:14:21 -04:00
Code Issues Projects Releases Packages Wiki Activity

Style the subscription form error container

Browse source
This commit is contained in:
Kevin MacMartin 2022-06-13 17:36:27 -04:00
parent d273cf5a71
commit 676c0b23b6
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
resources/sass/sections/_subscription-form.scss
View file

@ -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;