janis/explainegy-nextjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/explainegy-nextjs.git synced 2025-10-30 05:07:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

cherry

Browse Source
This commit is contained in:
Janis
2023-01-29 20:01:56 +01:00
parent d3e5295832
commit bc29de3255
119 changed files with 26881 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
styles/inputs.scss Normal file
View File

@@ -0,0 +1,73 @@
@import "variables_colors.scss";
@import "variables.scss";
input {
border: 2px solid rgba(95, 95, 95, 0.5);
background-color: transparent;
height: 30px;
padding: 5px 5px 5px 5px;
color: var(--color-font);
border-radius: 3px;
outline: none;
transition: all 50ms linear;
&::placeholder {
font-weight: bold;
}
&:hover {
border-color: rgba(177, 177, 177, 0.608);
}
&:focus {
border-color: var(--color-accent);
}
&.error {
border-color: var(--color-error);
}
&.success {
border-color: var(--color-success);
}
&.warning {
border-color: var(--color-warning);
}
&.info {
border-color: var(--color-info);
}
}
.react-select-container {
.react-select__control {
background-color: var(--color-background-secondary);
border-color: rgba(95, 95, 95, 0.5);
transition: none;
&:hover {
border-color: rgba(116, 116, 116, 0.587);
}
}
.react-select__menu {
background-color: var(--color-background-secondary);
border: 1px solid rgba(95, 95, 95, 0.5);
}
.react-select__option {
background-color: var(--color-background-secondary);
&:hover {
background-color: rgba(116, 116, 116, 0.587);
}
}
.react-select__indicator-separator {
background-color: rgba(95, 95, 95, 0.5);
}
.react-select__placeholder,
.react-select__single-value {
color: var(--font-color);
}
}