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"
|
"url": "https://github.com/Damillora/Shian.git"
|
||||||
},
|
},
|
||||||
"release": {
|
"release": {
|
||||||
"branches": ["main"]
|
"branches": [
|
||||||
|
"main"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -20,3 +20,5 @@
|
|||||||
@import './components/copyarea';
|
@import './components/copyarea';
|
||||||
@import './components/floatingyuriko';
|
@import './components/floatingyuriko';
|
||||||
@import './components/tag';
|
@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