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

No absolute icon paths

Browse Source
This commit is contained in:
reverend 2020-08-16 11:42:13 +02:00
parent 5f4b72f9be
commit 3f69ff8f0d
3 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/01_Atoms/message/_message.scss
View File

@ -13,14 +13,14 @@
&--error{ &--error{
.LP-Message__Icon{ .LP-Message__Icon{
background-color: invert(#fd6861); background-color: invert(#fd6861);
background-image: url('/icons/error.png'); background-image: url('icons/error.png');
} }
} }
&--warning{ &--warning{
.LP-Message__Icon{ .LP-Message__Icon{
background-color:invert(#ffb818); background-color:invert(#ffb818);
background-image: url('/icons/error.png'); background-image: url('icons/error.png');
} }
} }
@ -28,21 +28,21 @@
&--info{ &--info{
.LP-Message__Icon{ .LP-Message__Icon{
background-color: invert(lightblue); background-color: invert(lightblue);
background-image: url('/icons/information.svg'); background-image: url('icons/information.svg');
} }
} }
&--success{ &--success{
.LP-Message__Icon{ .LP-Message__Icon{
background-color: invert(#96c800); background-color: invert(#96c800);
background-image: url('/icons/success.svg'); background-image: url('icons/success.svg');
} }
} }
&--debug{ &--debug{
.LP-Message__Icon{ .LP-Message__Icon{
background-color: invert(#fb95d0); background-color: invert(#fb95d0);
background-image: url('/icons/debug.png'); background-image: url('icons/debug.png');
} }
} }

2
components/main.scss
View File

@ -143,7 +143,7 @@ body{
z-index: 20; z-index: 20;
height: 60px; height: 60px;
width: 60px; width: 60px;
background-image: url('/icons/hamburger_menu.svg'); background-image: url('icons/hamburger_menu.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-clip: content-box; background-clip: content-box;
background-position: center; background-position: center;

12
public/main.css
View File

@ -89,7 +89,7 @@ body {
z-index: 20; z-index: 20;
height: 60px; height: 60px;
width: 60px; width: 60px;
background-image: url("/icons/hamburger_menu.svg"); background-image: url("icons/hamburger_menu.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-clip: content-box; background-clip: content-box;
background-position: center; background-position: center;
@ -273,19 +273,19 @@ body {
overflow: hidden; } overflow: hidden; }
.LP-Message--error .LP-Message__Icon { .LP-Message--error .LP-Message__Icon {
background-color: #02979e; background-color: #02979e;
background-image: url("/icons/error.png"); } background-image: url("icons/error.png"); }
.LP-Message--warning .LP-Message__Icon { .LP-Message--warning .LP-Message__Icon {
background-color: #0047e7; background-color: #0047e7;
background-image: url("/icons/error.png"); } background-image: url("icons/error.png"); }
.LP-Message--info .LP-Message__Icon { .LP-Message--info .LP-Message__Icon {
background-color: #522719; background-color: #522719;
background-image: url("/icons/information.svg"); } background-image: url("icons/information.svg"); }
.LP-Message--success .LP-Message__Icon { .LP-Message--success .LP-Message__Icon {
background-color: #6937ff; background-color: #6937ff;
background-image: url("/icons/success.svg"); } background-image: url("icons/success.svg"); }
.LP-Message--debug .LP-Message__Icon { .LP-Message--debug .LP-Message__Icon {
background-color: #046a2f; background-color: #046a2f;
background-image: url("/icons/debug.png"); } background-image: url("icons/debug.png"); }
.LP-Message .LP-Message__Icon { .LP-Message .LP-Message__Icon {
background-size: 40px 40px; background-size: 40px 40px;
background-repeat: no-repeat; background-repeat: no-repeat;