ag_kommunikation/webseite
6
4
Fork 5
Code Issues 18 Pull Requests 1 Projects Releases Activity

feat: Listicons für bessere Positionierung über ::before integriert.

Browse Source
This commit is contained in:
muli 2023-05-21 10:36:20 +02:00
parent d3d5ccd9a3
commit b56b66f7dd
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/style.css
View File

@ -455,19 +455,24 @@ header {
.header__claim ul li { .header__claim ul li {
margin: 0; margin: 0;
list-style: none; list-style: none;
list-style-image: url('../images/frontpage_tirangle_bullet.svg');
list-style-position: inside; list-style-position: inside;
} }
.header__claim ul li::before {
content: url('../images/frontpage_tirangle_bullet.svg');
margin-right: 0.75rem;
}
.header__claim ul li.-first { .header__claim ul li.-first {
margin-left: 4rem; margin-left: 4.5rem;
} }
.header__claim ul li.-second{ .header__claim ul li.-second{
margin-left: 2rem; margin-left: 2.5rem;
} }
.header__claim ul li.-third{ .header__claim ul li.-third{
margin-left: 0.5rem;
} }
.header__claim ul li::marker { .header__claim ul li::marker {

2
assets/images/frontpage_tirangle_bullet.svg
View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 25 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <svg width="13" height="24" viewBox="0 0 25 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.103761,0,0,0.0889382,-41.6202,-74.494)"> <g transform="matrix(0.103761,0,0,0.0889382,-41.6202,-74.494)">
<path d="M400,840L400,1360L640,1120L640,1080L400,840Z" style="fill:rgb(241,155,78);"/> <path d="M400,840L400,1360L640,1120L640,1080L400,840Z" style="fill:rgb(241,155,78);"/>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 622 B

After

Width:  |  Height:  |  Size: 618 B