use octobercms icon for bullet points
This commit is contained in:
parent
14d6a0ecfc
commit
5d9dbc01da
|
@ -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.
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
Reference in New Issue