fipamo/public/assets/css/dash/forms.css

77 lines
1.3 KiB
CSS
Raw Normal View History

a {
color: var(--primary);
}
p {
background: var(--primary-highlight);
color: var(--primary);
padding: 5px;
display: block;
border-radius: 5px;
text-align: left;
}
input[type="email"],
input[type="password"],
input[type="text"] {
border: 0;
border-radius: 5px;
font: 18px var(--base-type);
display: inline-block;
background: var(--secondary);
color: var(--primary);
}
textarea {
border: 0;
border-radius: 3px;
color: var(--primary);
background: var(--secondary);
}
button,
input[type="submit"] {
background: var(--secondary-highlight);
color: var(--primary);
font: 20px var(--base-type);
border-radius: 3px;
position: relative;
cursor: pointer;
border: 0;
transition: all 0.3s linear;
}
select {
font: 14px var(--base-type);
border: 1px solid var(--secondary);
appearance: none;
color: var(--primary);
}
::placeholder {
font: 25px var(--base-type);
color: var(--black);
}
form input.inline {
width: auto;
border-radius: 0 5px 5px 0;
}
form label {
color: var(--secondary);
}
form label.inline {
background: var(--secondary);
display: inline-block;
height: 30px;
color: var(--primary);
padding: 5px;
border-radius: 5px 0 0 5px;
font-weight: bold;
width: 90px;
vertical-align: top;
margin-right: 1px;
}