mirror of
https://github.com/Damillora/Shian.git
synced 2024-11-21 09:07:33 +00:00
feat: basic forms
This commit is contained in:
parent
cc4febf595
commit
fa7253e18b
9925
package-lock.json
generated
Normal file
9925
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -35,6 +35,8 @@
|
||||
"url": "https://github.com/Damillora/Shian.git"
|
||||
},
|
||||
"release": {
|
||||
"branches": ["main"]
|
||||
"branches": [
|
||||
"main"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
@ -20,3 +20,5 @@
|
||||
@import './components/copyarea';
|
||||
@import './components/floatingyuriko';
|
||||
@import './components/tag';
|
||||
@import './components/forms';
|
||||
@import './components/button';
|
12
src/sass/components/_button.scss
Normal file
12
src/sass/components/_button.scss
Normal file
@ -0,0 +1,12 @@
|
||||
.button {
|
||||
border: solid 2px var(--accent-color);
|
||||
background: var(--accent-color);
|
||||
color: var(--accent-bg-color);
|
||||
padding: 0.25rem 1rem;
|
||||
font-size: 1.125rem;
|
||||
@include transition;
|
||||
}
|
||||
.button:hover {
|
||||
background: var(--highlight-bg-color);
|
||||
color: var(--highlight-color);
|
||||
}
|
12
src/sass/components/_forms.scss
Normal file
12
src/sass/components/_forms.scss
Normal file
@ -0,0 +1,12 @@
|
||||
.input {
|
||||
border: solid 1px var(--accent-color);
|
||||
padding: 0.5rem;
|
||||
font-size: 1rem;
|
||||
width: 100%;
|
||||
border-radius: 0.25rem;
|
||||
resize: none;
|
||||
}
|
||||
.input:focus-within {
|
||||
outline: none;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user