Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Color Renaming

Browse Source
This commit is contained in:
reverend
2020-08-01 10:27:23 +02:00
parent 254e6aa2bd
commit d90646c9d0
10 changed files with 35 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/01_Atoms/button/_button.scss
View File

@@ -1,13 +1,17 @@
.LP-Button{
background-color: $-secondary-accent-color;
color: $-secondary-color;
background-color: $-light-brown;
color: $-grey;
border: none;
padding: 8px 14px;
border-radius: 2px;
font-weight: bold;
&:active {
background-color: $-primary-accent-color;
color: $-secondary-accent-color;
&:active{
background-color: $-wine-red;
color:$-almost-white;
}
&--cancel{
background-color: $-almost-white;
}
}

2
components/01_Atoms/headline/_headline.scss
View File

@@ -1,6 +1,6 @@
.LP-Headline{
font-family: $-primary-sans-serif-font;
color: $-secondary-color;
color: $-grey;
font-size: 1.7rem;
padding-top: 0px;
margin-top: 0px;

14
components/01_Atoms/input/_input.scss
View File

@@ -7,14 +7,14 @@
.LP-Input__Field{
border: none;
border-bottom: 1px solid $-secondary-color;
border-bottom: 1px solid $-grey;
padding: 8px;
margin-bottom: $-margin-bottom;
&:focus, &:active{
margin-bottom: $-margin-bottom - 1px;
border-bottom: 2px solid $-primary-accent-color;
background-color: $-secondary-background-color;
border-bottom: 2px solid $-wine-red;
background-color: $-almost-white;
border-radius: 3px 3px 0 0;
}
}
@@ -40,19 +40,19 @@
&--error{
.LP-Input__Field{
margin-bottom: 25px;
border-bottom: 2px solid $-primary-accent-color;
border-bottom: 2px solid $-wine-red;
margin-bottom: $-margin-bottom - 1px;
}
.LP-Input__Message{
color: $-primary-accent-color;
color: $-wine-red;
}
}
&--disabled{
.LP-Input__Field, .LP-Input__Field:disabled{
background-color: transparent;
border-bottom: 1px dashed $-secondary-color;
border-bottom: 1px dashed $-grey;
cursor: not-allowed;
label + &{
@@ -70,7 +70,7 @@
}
.LP-Input__Label{
color: $-secondary-color;
color: $-grey;
}
}
}

6
components/01_Atoms/link/_link.scss
View File

@@ -1,15 +1,15 @@
.LP-Link {
color: $-secondary-color;
color: $-grey;
text-decoration: none;
font-family: $-primary-sans-serif-accent-font;
&:hover {
color: $-secondary-accent-color;
color: $-light-brown;
}
.LP-Text{
font-family: $-primary-sans-serif-accent-font;
&:hover{
color: $-secondary-accent-color;
color: $-light-brown;
}
}
}