n8n/packages/design-system/src/css/breadcrumb.scss
कारतोफ्फेलस्क्रिप्ट™ 13659d036f
ci: Ensure that eslint runs on all frontend code (no-changelog) (#4602)
* ensure that eslint runs on all frontend code

* remove tslint from `design-system`

* enable prettier and eslint-prettier for `design-system`

* Delete tslint.json

* use a single editorconfig for the repo

* enable prettier for all code in `design-system`

* more linting fixes on design-system

* ignore coverage for git and prettier

* lintfix on editor-ui
2022-11-15 18:20:54 +01:00

58 lines
939 B
SCSS

@use 'mixins/mixins';
@use 'mixins/utils';
@use './common/var';
@include mixins.b(breadcrumb) {
font-size: 14px;
line-height: 1;
@include utils.utils-clearfix;
@include mixins.e(separator) {
margin: 0 9px;
font-weight: bold;
color: var(--color-text-lighter);
&[class*='icon'] {
margin: 0 6px;
font-weight: normal;
}
}
@include mixins.e(item) {
float: left;
@include mixins.e(inner) {
color: var(--color-text-dark);
&.is-link,
& a {
font-weight: bold;
text-decoration: none;
transition: var.$color-transition-base;
color: var(--color-text-dark);
&:hover {
color: var(--color-primary);
cursor: pointer;
}
}
}
&:last-child {
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
&,
&:hover {
font-weight: normal;
color: var(--color-text-dark);
cursor: text;
}
}
.el-breadcrumb__separator {
display: none;
}
}
}
}