fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color fix for breadcrumbs

Browse Source
This commit is contained in:
Felix Hamann 2018-06-09 20:45:02 +02:00
parent 6c03063029
commit 4642a32c39
1 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
templates/widgets/breadcrumbs.lucius
View File

@ -8,14 +8,18 @@
margin-bottom: 10px;
padding-left: 30px;
transition: margin-bottom .2s ease;
z-index: 10;
}
.breadcrumbs__container--animated {
transition: left .2s ease;
}
.breadcrumbs__link {
color: var(--color-lightwhite);
z-index: 2;
&:hover {
color: var(--color-lightwhite);
}
}
.breadcrumbs__item {
@ -23,11 +27,16 @@
padding-right: 4px;
position: relative;
line-height: 28px;
--color-bg-odd: var(--color-dark);
--color-bg-even: var(--color-primary);
opacity: 0.8;
z-index: 1;
&:nth-child(even) {
background-color: var(--color-bg-even);
--color-bg-odd: transparent;
--color-bg-odd-after: var(--color-dark);
--color-bg-even: var(--color-primary);
--color-bg-even-after: var(--color-primary);
&:hover {
opacity: 1;
}
&:first-child {
@ -38,11 +47,11 @@
background-color: var(--color-bg-even);
&::before {
border-left-color: var(--color-bg-odd) !important;
border-left-color: var(--color-bg-odd-after) !important;
}
&::after {
border-left-color: var(--color-bg-even) !important;
border-left-color: var(--color-bg-even-after) !important;
}
}
@ -50,11 +59,11 @@
background-color: var(--color-bg-odd);
&::before {
border-left-color: var(--color-bg-even) !important;
border-left-color: var(--color-bg-even-after) !important;
}
&::after {
border-left-color: var(--color-bg-odd) !important;
border-left-color: var(--color-bg-odd-after) !important;
}
}
@ -68,7 +77,8 @@
left: 0;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 14px solid var(--color-light);
border-left: 14px solid transparent;
z-index: 10;
}
}
@ -81,7 +91,8 @@
right: -14px;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 14px solid var(--color-light);
border-left: 14px solid transparent;
z-index: 10;
}
}
}