Nemcio/Grav-Admin-Plugin
1
0
Fork 0
mirror of https://github.com/getgrav/grav-plugin-admin.git synced 2025-11-13 16:56:04 +01:00
Code Issues Packages Projects Releases Activity

breadcrumb styling

Browse Source
This commit is contained in:
Andy Miller
2019-09-17 21:09:01 -06:00
parent 4607fe832b
commit cce9867878
6 changed files with 87 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/grav/css-compiled/preset.css vendored
View File

File diff suppressed because one or more lines are too long

2
themes/grav/css-compiled/preset.css.map
View File

File diff suppressed because one or more lines are too long

2
themes/grav/css-compiled/template.css vendored
View File

File diff suppressed because one or more lines are too long

2
themes/grav/css-compiled/template.css.map
View File

File diff suppressed because one or more lines are too long

34
themes/grav/scss/preset.scss
View File

@@ -1980,6 +1980,8 @@ body .bootstrap-datetimepicker-widget {
}
}
.tags {
.tag {
margin: 0 .15rem;
@@ -2056,3 +2058,35 @@ body .bootstrap-datetimepicker-widget {
}
}
// Flex Pages Breadcrumbs
.breadcrumb-node {
&:hover span {
text-decoration: none;
color: $content-link;
}
& > i:not(.fa) {
background-color: #999;
box-shadow: 0px 0px 0px 1px #fff;
&.home {
background-color: $flat-blue-2;
}
&.visible {
background-color: $flat-blue-1;
}
&.lock {
background-color: $flat-orange-2;
}
&.modular {
background-color: $flat-purple-1;
}
}
}

49
themes/grav/scss/template/_pages.scss
View File

@@ -362,6 +362,55 @@
bottom: -2px;
}
}
.breadcrumb-node {
display: inline-flex;
align-items: center;
font-size: 0.9rem;
&:hover span {
text-decoration: none;
}
& > i.fa {
margin: 0 0.4rem -4px;
}
& > i:not(.fa) {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
overflow: inherit;
width: 16px;
height: 16px;
border-radius: 50%;
margin-right: 0.35rem;
&:before {
position: relative;
content: url('../images/icons/book-edit.svg');
flex: 1;
max-width: 10px;
}
&.modular:before {
content: url('../images/icons/module-four.svg');
}
&.home:before {
content: url('../images/icons/house.svg');
}
&.lock:before {
content: url('../images/icons/touchid-lock.svg');
}
&.badge-published:after, &.badge-unpublished:after {
content: '';
}
}
}
}
.pages-list {