fipamo/public/assets/css/dash/forms.css
ro f53716dba9
fixed form field styles
edits to the settings page threw of some form styles throughout the the
dashboard, so some quick css edits were needed to polish them up
2024-05-26 13:16:04 -06:00

83 lines
1.3 KiB
CSS

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;
}
.input-dark {
background: var(--primary);
color: var(--secondary);
}
.input-light {
background: var(--secondary);
color: var(--primary);
}
textarea {
border: 0;
border-radius: 3px;
}
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;
}