v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat/getting-started-and-navbar

Browse source
This commit is contained in:
Abdullah Umar 2024-02-18 11:02:18 +05:00
parent c503bc8a2b
commit 29320c475e
9 changed files with 555 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

94
styles/home.scss Normal file
View file

@ -0,0 +1,94 @@
@import '@radix-ui/colors/black-alpha.css';
@import '@radix-ui/colors/violet.css';
@import '@radix-ui/colors/mauve.css';
/* reset */
input,
textarea,
button {
all: unset;
box-sizing: border-box;
}
.FormRoot {
width: 260px;
}
.FormField {
display: grid;
margin-bottom: 10px;
}
.FormLabel {
font-size: 15px;
font-weight: 500;
line-height: 35px;
color: white;
}
.FormMessage {
font-size: 13px;
color: white;
opacity: 0.8;
}
.Input,
.Textarea {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 4px;
font-size: 15px;
color: white;
background-color: var(--black-a5);
box-shadow: 0 0 0 1px var(--black-a9);
}
.Input:hover,
.Textarea:hover {
box-shadow: 0 0 0 1px black;
}
.Input:focus,
.Textarea:focus {
box-shadow: 0 0 0 2px black;
}
.Input::selection,
.Textarea::selection {
background-color: var(--black-a9);
color: white;
}
.Input {
padding: 0 10px;
height: 35px;
line-height: 1;
}
.Textarea {
resize: none;
padding: 10px;
}
.Button {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 4px;
padding: 0 15px;
font-size: 15px;
line-height: 1;
font-weight: 500;
height: 35px;
width: 100%;
background-color: white;
color: var(--violet-11);
box-shadow: 0 2px 10px var(--black-a7);
}
.Button:hover {
background-color: var(--mauve-3);
}
.Button:focus {
box-shadow: 0 0 0 2px black;
}