kbe/hugo-mistergeek
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add a breadcrumb

Browse Source
This commit is contained in:
kbe
2025-08-19 09:54:49 +02:00
parent 90340d03aa
commit 686ece4479
55 changed files with 24172 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

263
assets/css/scss/basic/_list.scss Normal file
View File

@@ -0,0 +1,263 @@
//
// List styles //
//
ul {
margin: 0 0 -7px;
li {
margin: 0 0 7px;
ul, ol {
margin-top: 7px;
}
}
&[class*='list-'] {
padding: 0;
}
&.list-unstyled,
&.list-dash {
li {
list-style-type: none;
}
}
&.animate-links {
li {
a {
&:hover {
padding-left: 2px;
}
}
}
}
&.list-dash {
li {
&:before {
content: '-';
padding-right: 7px;
}
ul, ol {
padding-left: 40px;
}
}
}
//
// Horizontal List //
//
&[class*='list-inline'] {
li {
display: inline-block;
}
}
&.list-inline {
margin-right: -7px;
margin-left: -7px;
li {
padding: 0 7px;
}
}
&.list-inline-sm {
margin-right: -3px;
margin-left: -3px;
li {
padding: 0 3px;
}
}
&.list-inline-lg {
margin-right: -14px;
margin-left: -14px;
li {
padding: 0 14px;
}
}
&.list-inline-dash {
li { &:after { content: '-'; } }
}
&.list-inline-slash {
li { &:after { content: '/'; } }
}
&.list-inline-dash,
&.list-inline-slash {
li {
&:after {
padding: 0 3px 0 6px;
}
&:last-child {
&:after {
content: '';
padding: 0;
}
}
}
}
}
ol {
margin: 0 0 -7px;
li {
margin: 0 0 7px;
}
li {
ul, ol {
margin-top: 7px;
}
}
&.list-ordered {
list-style: none;
counter-reset: custom-counter;
padding-left: 0;
li {
position: relative;
padding-left: 34px;
counter-increment: custom-counter;
&::before {
content: counter(custom-counter);
}
ol {
list-style: none;
padding-left: 0;
}
}
&.style-2,
&.style-3,
&.style-4,
&.style-5 {
li {
&::before {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 13px;
line-height: 24px;
text-align: center;
}
}
}
&.style-2 {
li {
&::before {
background: get-color("dark", 0.1);
color: black;
}
}
}
&.style-3 {
li {
&::before {
background: get-color("dark", 0.9);
color: white;
}
}
}
&.style-4 {
li {
&::before {
border: 1px solid get-color("dark", 0.2);
color: get-color("dark", 0.5);
}
}
}
&.style-5 {
li {
&::before {
border: 1px solid get-color("dark", 0.9);
color: black;
}
}
}
}
}
.bg-black,
[class*='bg-dark'],
[class*='bg-gradient-'],
[class*='bg-color-'] {
ol {
&.list-ordered {
&.style-2 {
li {
&::before {
background: get-color("white", 0.2);
color: white;
}
}
}
&.style-3 {
li {
&::before {
background: white;
color: black;
}
}
}
&.style-4 {
li {
&::before {
border-color: get-color("white", 0.3);
color: get-color("white", 0.6);
}
}
}
&.style-5 {
li {
&::before {
border-color: white;
color: white;
}
}
}
}
}
}
@include breakpoint-less(md) {
ol {
margin: 0 0 -5px;
li {
margin: 0 0 5px;
}
}
ul {
margin: 0 0 -5px;
li {
margin: 0 0 5px;
ul, ol {
margin-top: 5px;
}
}
&.list-dash {
li {
&:before {
content: '-';
padding-right: 6px;
}
a {
&:hover {
padding-left: 2px;
}
}
ul, ol {
padding-left: 30px;
}
}
}
&.list-inline-lg {
margin-right: -12px;
margin-left: -12px;
li {
padding: 0 12px;
}
}
&.list-inline {
margin-right: -6px;
margin-left: -6px;
li {
padding: 0 6px;
}
}
&.list-inline-sm {
margin-right: -2px;
margin-left: -2px;
li {
padding: 0 2px;
}
}
}
}