use octobercms icon for bullet points

This commit is contained in:
ray 2020-02-14 22:28:49 +00:00
parent 14d6a0ecfc
commit 5d9dbc01da
2 changed files with 45 additions and 0 deletions

View File

@ -59,6 +59,12 @@ Fortunately, there are already a number of actively developed libraries and fram
So for a relatively basic CMS, in which there are no particularly special requirements, it makes perfect sense to make use of a pre-existing platform.
In this case, I chose **October** for a number for reasons.
{{<
figure
class="cheat-october-list"
src=""
alt="TODO - do properly with shortcode"
>}}
* **Performant**
October isn't bloated with unneeded functionality.

View File

@ -137,3 +137,42 @@ body.colorscheme-light .avatar img {
display: none;
}
}
/* TODO do this properly using a shortcode */
.cheat-october-list {
display: none;
}
.cheat-october-list + ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.cheat-october-list + ul > li {
list-style: none;
}
.cheat-october-list + ul > li > p:first-child {
position: relative;
margin-top: 0;
padding-left: 40px;
}
.cheat-october-list + ul > li > p:not(:first-child) {
padding-left: 40px;
}
.cheat-october-list + ul > li > p:first-child::before {
/* list-style-image: url(/images/logos/october-icon.png); */
content: "";
position: absolute;
display: block;
top: 0.2em;
bottom: 0.2em;
left: 0;
right: 0;
background-size: contain;
background-repeat: no-repeat;
background-image: url(/images/logos/october-icon.png);
}