forked from noxious/client
More global styling, improved modal form styling
This commit is contained in:
@ -13,3 +13,7 @@ $cyan: #368f8b;
|
||||
$dark-cyan: #376362;
|
||||
$light-cyan: #00b3b3;
|
||||
$green: #09ad19;
|
||||
|
||||
// Fonts
|
||||
$titles: 'Poppins', serif;
|
||||
$default: 'Inter', serif;
|
@ -23,7 +23,7 @@ h5,
|
||||
h6,
|
||||
button,
|
||||
a {
|
||||
font-family: 'Poppins', serif;
|
||||
font-family: $titles;
|
||||
color: $white;
|
||||
font-weight: 500;
|
||||
}
|
||||
@ -32,9 +32,10 @@ p,
|
||||
span,
|
||||
li,
|
||||
label {
|
||||
font-family: 'Inter', serif;
|
||||
font-family: $default;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
button,
|
||||
a {
|
||||
font-weight: 500;
|
||||
@ -45,6 +46,24 @@ button,
|
||||
input {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
|
||||
&[type="number"] {
|
||||
-webkit-appearance: textfield;
|
||||
-moz-appearance: textfield;
|
||||
appearance: textfield;
|
||||
}
|
||||
&[type=number]::-webkit-inner-spin-button,
|
||||
&[type=number]::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
}
|
||||
|
||||
.input-cyan {
|
||||
border: 1px solid $cyan;
|
||||
background-color: rgba($white, 0.8);
|
||||
&:focus, &:focus-visible {
|
||||
outline: $cyan auto 2px;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
|
Reference in New Issue
Block a user