sumedia-webdesign/scss-framework
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity Actions

init

Browse source
This commit is contained in:
Sven Ullmann 2025-07-19 23:58:24 +02:00
commit 58842c665e
69 changed files with 8357 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

49
components/_form.scss Normal file
View file

@ -0,0 +1,49 @@
form {
width: 100%;
margin-top: 1rem;
border: 1px solid var(--primary-color-ligher);
border-radius: 3px;
background: rgba(var(--primary-color-darker), .2);
padding: 2rem;
div {
padding: .5rem;
label {
display: block;
}
}
}
input[type="password"],
input[type="email"],
input[type="text"] {
@include breakpoint('screen', 'm', 'full') {
width: rem(400);
}
line-height: 1rem;
padding: .5rem 1rem;
border: 1px solid var(--secondary-color-darker);
color: var(--fg-color);
border-radius: 5px;
transition: background-color .5s;
text-decoration: none;
}
.button, button {
@extend .nofx, .noexternal-fx;
line-height: 1rem;
padding: .5rem 1rem;
border: 1px solid var(--secondary-color-darker);
background: linear-gradient(rgb(var(--secondary-color)), rgb(var(--secondary-color-darker)));
color: #151515 !important;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
transition: background-color .5s;
text-shadow: none;
}
.button:hover, button:hover {
background: linear-gradient(rgb(var(--secondary-color-lighter)), rgb(var(--secondary-color)));
}