css work
This commit is contained in:
@@ -1,5 +1,4 @@
|
|||||||
.postcode_modal {
|
.postcode_modal {
|
||||||
backgrounnd: green;
|
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
box-shadow(10px);
|
box-shadow(10px);
|
||||||
border: none;
|
border: none;
|
||||||
@@ -27,29 +26,45 @@
|
|||||||
input[type="text"] {
|
input[type="text"] {
|
||||||
padding: .3rem;
|
padding: .3rem;
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
|
caret-color: hsl(344 98 40);
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
border: none;
|
border: none;
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
|
color: hsl(233 100 100);
|
||||||
padding: .4rem 1rem;
|
padding: .4rem 1rem;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: dodgerblue;
|
background: hsl(344 98 40);
|
||||||
|
border: 1px hsl(344 98 40) solid;
|
||||||
margin: 0 0 0 .3rem;
|
margin: 0 0 0 .3rem;
|
||||||
|
transition: .2s all linear;
|
||||||
|
|
||||||
|
&:hover{
|
||||||
|
color: hsl(344 98 40 );
|
||||||
|
background: hsl(344 98 100);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.form_fields {
|
.form_fields {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
&>{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&::backdrop {
|
&::backdrop {
|
||||||
backdrop-filter: blur(2px);
|
backdrop-filter: blur(1px);
|
||||||
background-color: hsl(40deg 100 30 /0.5);
|
background-color: hsl(40deg 100 0 /0.4);
|
||||||
|
background: radial-gradient(circle,rgba(33, 33, 33, 0.68) 0%, rgba(15, 15, 15, 0.8) 23%, rgba(0, 0, 0, 0.87) 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.error_message_modal_postcode {
|
.error_message_modal_postcode {
|
||||||
min-height: 1lh;
|
min-height: 1lh;
|
||||||
}
|
color: hsl(344 98 40 );
|
||||||
|
}/* HTML: <div class="loader"></div> */
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user