0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

update styles for form

Browse source
This commit is contained in:
imohkay 2021-10-27 16:42:11 +05:30
commit 84c80ab632
5 changed files with 53 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/static/css/partials/_ascroll.scss
View file

@ -78,7 +78,7 @@
.annotation-icon-wrapper {
border: 3px solid rgba(#fff, 0.8);
border-radius: 50%;
background: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4));
background: var(--gradient-body);
background-size: 300% 100%;
width: 52px;
height: 52px;

31
app/static/css/partials/_contact.scss Normal file → Executable file
View file

@ -5,23 +5,44 @@ main > .contact {
h1 {
font-size: 22px;
margin: 0 0 var(--spacing) 0;
font-weight: 700;
margin: 0 0 var(--spacing-2) 0;
}
label {
font-size: 18px;
display: block;
padding: 0 0 calc(var(--spacing) / 2) 0;
}
input[type=email], textarea {
border: 0;
background: blue;
color: red;
font-size: 20px;
line-height: 1.3;
margin-bottom: var(--spacing-2);
}
input[type=email], input[type=email], textarea {
border: 0;
line-height: 1.3;
display: block;
max-width: 500px;
width: 100%;
}
textarea {
width: 500px;
height: 300px;
}
input[type=submit] {
border: 0;
background: green;
color: #fff;
background: var(--gradient-body);
font-size: 18px;
font-family: "noto_sans", sans-serif;
font-weight: 700;
padding: var(--spacing) var(--spacing-2);
display: block;
}
}

4
app/static/css/partials/_layout.scss
View file

@ -4,6 +4,8 @@
--bg-color-3: #ffff00;
--bg-color-4: #ff3399;
--gradient-body: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4));
--color-link: #ee0;
--spacing: 8px;
@ -34,7 +36,7 @@
}
body.animated {
background: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4));
background: var(--gradient-body);
animation: background_animation 60s ease-in-out infinite;
background-size: 400% 100%;
color: #ddd;