Color Renaming
This commit is contained in:
parent
254e6aa2bd
commit
d90646c9d0
@ -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;
|
||||
}
|
||||
}
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,7 +1,7 @@
|
||||
.LP-Footer{
|
||||
margin-top: 75px;
|
||||
width: 100%;
|
||||
background-color: $-secondary-color;
|
||||
background-color: $-grey;
|
||||
padding: 25px;
|
||||
|
||||
.LP-LinkList__List{
|
||||
@ -14,7 +14,7 @@
|
||||
width: auto;
|
||||
|
||||
.LP-Text{
|
||||
color: $-secondary-background-color;
|
||||
color: $-almost-white;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
|
@ -6,7 +6,7 @@
|
||||
padding: 0;
|
||||
|
||||
.LP-LinkList__Item{
|
||||
border-left: 1px solid $-secondary-accent-color;
|
||||
border-left: 1px solid $-light-brown;
|
||||
width: 100%;
|
||||
margin-top: 12px;
|
||||
height: 55px;
|
||||
@ -16,7 +16,7 @@
|
||||
padding: $-link-padding 0 $-link-padding $-link-padding;
|
||||
width: calc(100% - $-link-padding);
|
||||
display: block;
|
||||
color: $-secondary-color;
|
||||
color: $-grey;
|
||||
|
||||
|
||||
&--iconized{
|
||||
@ -34,8 +34,8 @@
|
||||
|
||||
|
||||
&:hover{
|
||||
background-color: $-secondary-background-color;
|
||||
color: $-primary-accent-color;
|
||||
background-color: $-almost-white;
|
||||
color: $-wine-red;
|
||||
}
|
||||
|
||||
.LP-Text{
|
||||
@ -48,7 +48,7 @@
|
||||
.LP-Link__Icon{
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
fill: $-primary-accent-color;
|
||||
fill: $-wine-red;
|
||||
line-height: 5em;
|
||||
}
|
||||
|
||||
|
@ -14,11 +14,11 @@
|
||||
}
|
||||
|
||||
.LP-Link__Text {
|
||||
color: $-secondary-color;
|
||||
color: $-grey;
|
||||
font-weight: bold;
|
||||
text-shadow: 0px 0px 20px white;
|
||||
&:hover{
|
||||
color: $-primary-accent-color;
|
||||
color: $-wine-red;
|
||||
}
|
||||
}
|
||||
}
|
@ -4,15 +4,15 @@
|
||||
.LP-Link{
|
||||
.LP-Place{
|
||||
&:hover{
|
||||
color: $-secondary-color;
|
||||
background-color: $-secondary-background-color;
|
||||
color: $-grey;
|
||||
background-color: $-almost-white;
|
||||
|
||||
|
||||
$-hover-offset: 2px;
|
||||
position: relative;
|
||||
left: -$-hover-offset;
|
||||
>.LP-Place__Image{
|
||||
border-left: $-hover-offset $-secondary-color solid;
|
||||
border-left: $-hover-offset $-grey solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -4,5 +4,5 @@
|
||||
}
|
||||
|
||||
.LP-HorizontalLine{
|
||||
color: $-secondary-color;
|
||||
color: $-grey;
|
||||
}
|
@ -4,7 +4,7 @@
|
||||
.LP-PlaceOveriew__Image{
|
||||
width: 700px;
|
||||
height: 450px;
|
||||
box-shadow: 0 0 10px $-secondary-color;
|
||||
box-shadow: 0 0 10px $-grey;
|
||||
object-fit: cover;
|
||||
|
||||
float: right;
|
||||
@ -28,7 +28,7 @@
|
||||
.LP-PlaceOverView__ImageItem{
|
||||
|
||||
img {
|
||||
box-shadow: 0 0 5px $-secondary-color;
|
||||
box-shadow: 0 0 5px $-grey;
|
||||
height: 200px;
|
||||
width: 290px;
|
||||
object-fit: cover;
|
||||
|
Loading…
Reference in New Issue
Block a user