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