fipamo/public/assets/css/dash/forms.css
ro e09d85292a
added labels to forms (#102), init templates added
added some labels to login and set up forms for better accesibility and
clarity about what info is being requested.

found a bug in setting where the site would error out if it can't find
the correct config files instead of going to set up, so when config
files aren't present, it loads template files to continue to process.
still thinking about a better fix for this

also discovered that the init files needed for a fresh install had been
removed, so those are back in place
2024-05-08 15:55:27 -06:00

77 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;
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: 5px;
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;
}