Prototype Article und Theme Files hinzugefügt
This commit is contained in:
46
src/css/theme/components/forms.less
Normal file
46
src/css/theme/components/forms.less
Normal file
@@ -0,0 +1,46 @@
|
||||
form {
|
||||
input,
|
||||
textarea {
|
||||
border: 1px solid @secondary;
|
||||
background: #fff;
|
||||
color: @on-background;
|
||||
padding: @space-md;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
border-radius: @space-sm;
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
&[readonly] {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
button {
|
||||
background: @primary;
|
||||
color: @on-primary;
|
||||
padding: @space-md @space-lg;
|
||||
border: 1px solid @primary;
|
||||
border-radius: @space-sm;
|
||||
transition: all 0.2s ease-in-out;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
border: 1px solid #fff;
|
||||
box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.error {
|
||||
background: @error;
|
||||
color: @on-error;
|
||||
padding: @space-md;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user