entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 10 Releases Wiki Activity

nimes: add icon classes for links of link-list-cell (#70027)

This commit is contained in:
Corentin Sechet 2022-10-10 18:18:16 +02:00
parent 9532d85b9d
commit 93e99a048a
4 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
static/nimes/_custom.scss
View File

@ -208,6 +208,33 @@ div#footer {
}
}
@mixin nim-link-icon($name) {
& > li.nim-icon-#{$name} {
margin: 0.5rem 0;
> a {
display: flex;
align-items: center;
border: 1px solid $red;
padding: 0;
margin: 0;
&::before {
content: '';
width: 50px;
height: 50px;
background: center / cover no-repeat url(img/icon-#{$name}.svg);
margin-left: 0.5rem;
}
}
}
}
%cell-links-list {
@include nim-link-icon('report');
@include nim-link-icon('pay');
@include nim-link-icon('book');
}
//
// FIXES
//

1
static/nimes/img/icon-book.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:#000;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><title>prise_rdv_v2</title><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><rect class="cls-1" width="128" height="128"/><path class="cls-2" d="M19.36,46.14v40a6.76,6.76,0,0,0,6.76,6.75H59.31a25.6,25.6,0,0,1-1.82-5.76,3.17,3.17,0,0,1-1.75.53H47.68a3.11,3.11,0,0,1-3.12-3.12V76.49a3.12,3.12,0,0,1,3.12-3.12h8.06a3.07,3.07,0,0,1,2.36,1.1,26.46,26.46,0,0,1,6.63-11.1,1.23,1.23,0,0,1,0-.27V55a3.12,3.12,0,0,1,3.13-3.12H75.9A3.12,3.12,0,0,1,79,55v.88a25.7,25.7,0,0,1,4.5-.39h.35v-9.4ZM38.52,84.55a3.12,3.12,0,0,1-3.12,3.12H27.34a3.11,3.11,0,0,1-3.12-3.12V76.49a3.12,3.12,0,0,1,3.12-3.12H35.4a3.12,3.12,0,0,1,3.12,3.12Zm0-21.45a3.12,3.12,0,0,1-3.12,3.12H27.34a3.12,3.12,0,0,1-3.12-3.12V55a3.11,3.11,0,0,1,3.12-3.12H35.4A3.12,3.12,0,0,1,38.52,55Zm20.34,0a3.12,3.12,0,0,1-3.12,3.12H47.68a3.12,3.12,0,0,1-3.12-3.12V55a3.11,3.11,0,0,1,3.12-3.12h8.06A3.12,3.12,0,0,1,58.86,55Z"/><path class="cls-2" d="M83.87,28.38V46.14H19.37V28.38H29v4.49a5,5,0,0,0,5,5h3.9a5,5,0,0,0,5-5V28.38H60.54v4.49a5,5,0,0,0,5,5h3.9a5,5,0,0,0,5-5V28.38Z"/><rect class="cls-2" x="31.37" y="23.71" width="8.94" height="14.01" rx="4.47"/><rect class="cls-2" x="62.92" y="23.71" width="8.94" height="14.01" rx="4.47"/><path class="cls-2" d="M84.83,58.63a23.81,23.81,0,1,0,23.81,23.81A23.81,23.81,0,0,0,84.83,58.63ZM98.41,91.28a2,2,0,0,1-1.62.82,2,2,0,0,1-1.19-.41l-12.09-8a2,2,0,0,1-.8-1.8.36.36,0,0,1,0-.15,2,2,0,0,1,.37-1l5.08-6.87A2,2,0,0,1,91.82,75a2,2,0,0,1-.39,1.19l-3.91,5.3,10.47,7A2,2,0,0,1,98.41,91.28Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

1
static/nimes/img/icon-pay.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:#000;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><title>payer_v2</title><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><rect class="cls-1" width="128" height="128"/><path class="cls-2" d="M111.72,65.77l-54.88-9a1,1,0,0,0-1.16.83L50.25,90.9a1,1,0,0,0,.83,1.16L106,101a1,1,0,0,0,1.16-.84l5.43-33.25A1,1,0,0,0,111.72,65.77ZM79.39,91.25A12.5,12.5,0,1,1,93.75,80.93,12.5,12.5,0,0,1,79.39,91.25Z"/><path d="M82.63,84.61a4.86,4.86,0,0,1-2.41-1.11,4.56,4.56,0,0,1-1.5-3.43l6.18,1,.65-1.68-6.81-1.12c0-.16.07-.43.13-.79,0-.08,0-.16,0-.25l7,1.15.64-1.69L79.4,75.53a4.7,4.7,0,0,1,.89-1.46,5,5,0,0,1,1.47-1.17,4.87,4.87,0,0,1,3-.35A4.3,4.3,0,0,1,87.39,74l.19.21L88.46,72l-.09-.08a6.25,6.25,0,0,0-3.23-1.43,8,8,0,0,0-4,.32,7,7,0,0,0-4.25,4.33l-1.22-.2-.65,1.69,1.41.23c0,.09,0,.18,0,.26-.05.28-.09.54-.11.79l-1.06-.17-.65,1.68,1.68.28a11,11,0,0,0,.26,1.92c.69,2.87,2.68,4.59,5.91,5.12a7.17,7.17,0,0,0,3.07-.14l.1,0,.44-2.66-.33.22A4.3,4.3,0,0,1,82.63,84.61Z"/><path class="cls-2" d="M78.39,53.89l-5.14-14.5L18.84,58.66,24,73.17A5.54,5.54,0,0,0,31,76.54l20.57-7.28,2-12.24a3.17,3.17,0,0,1,3.63-2.62l21.05,3.44A5.48,5.48,0,0,0,78.39,53.89ZM70.16,30.65a5.55,5.55,0,0,0-7.06-3.36l-44,15.59a5.54,5.54,0,0,0-3.36,7.06l.2.57L70.36,31.22Z"/><line class="cls-2" x1="73.25" y1="39.39" x2="70.36" y2="31.22"/><line class="cls-2" x1="15.95" y1="50.51" x2="18.84" y2="58.66"/><rect x="27.34" y="69.13" width="5.79" height="1.57" rx="0.78" transform="translate(-21.87 14.35) rotate(-19.77)"/><rect x="34.94" y="66.4" width="5.79" height="1.57" rx="0.78" transform="translate(-20.5 16.76) rotate(-19.77)"/><rect x="42.53" y="63.67" width="5.79" height="1.57" rx="0.78" transform="translate(-19.12 19.17) rotate(-19.77)"/><rect x="23.14" y="59.23" width="8.35" height="5.09" rx="1.43" transform="translate(-19.29 12.88) rotate(-19.77)"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

1
static/nimes/img/icon-report.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><defs><style>.cls-1{fill:none;}</style></defs><title>signaler</title><g id="Calque_2" data-name="Calque 2"><g id="Calque_2-2" data-name="Calque 2"><rect class="cls-1" width="128" height="128"/><path d="M64.65,88.06a2.94,2.94,0,0,1-2.07-1.53c-2.1-3.69-4.21-7.46-6.26-11.1-1.7-3-3.46-6.16-5.2-9.23-1.37-2.42-2.84-4.81-4.09-6.83-4.63-7.44-4.85-14.82-.64-21.95s11.08-10.72,19.66-10a19.73,19.73,0,0,1,13.14,6.56A21.27,21.27,0,0,1,84.6,48a21,21,0,0,1-2.66,10c-3.16,5.84-6.34,11.8-9.42,17.57L70,80.19c-.43.8-.85,1.62-1.26,2.41-.66,1.28-1.34,2.6-2.06,3.87-.3.54-1.11,1.57-2,1.59ZM63.93,28.7c-7.13,0-12.61,3.17-16.32,9.44-3.92,6.64-3.71,13.53.62,20.49,1.26,2,2.74,4.43,4.12,6.87,1.74,3.08,3.51,6.21,5.21,9.24,2,3.64,4.16,7.4,6.25,11.09a2.12,2.12,0,0,0,.83.81,2.11,2.11,0,0,0,.83-.86c.71-1.26,1.38-2.56,2-3.83.41-.79.83-1.62,1.26-2.43l2.5-4.69c3.08-5.76,6.26-11.73,9.43-17.58A19.71,19.71,0,0,0,83.19,48c-.11-10.16-7.53-18.41-17.25-19.18h0C65.25,28.73,64.58,28.7,63.93,28.7Zm2.33,35.68H61.74A1.72,1.72,0,0,1,60,62.66V60a1.72,1.72,0,0,1,1.72-1.71h4.52A1.71,1.71,0,0,1,68,60v2.7A1.71,1.71,0,0,1,66.26,64.38Zm-4.52-4.72a.29.29,0,0,0-.3.3v2.7a.29.29,0,0,0,.3.3h4.52a.29.29,0,0,0,.3-.3V60a.29.29,0,0,0-.3-.3Zm4.89-4H61.37A1.34,1.34,0,0,1,60,54.28V51.87l-.79-16a1.36,1.36,0,0,1,.37-1,1.34,1.34,0,0,1,1-.41h6.84a1.33,1.33,0,0,1,1.33,1.4l-.79,16v2.41A1.33,1.33,0,0,1,66.63,55.61Zm-5.18-1.42h5.1V51.81l.78-16H60.67l.78,16Z"/><path d="M68.39,34.84a1.32,1.32,0,0,0-1-.42H60.58a1.34,1.34,0,0,0-1,.41,1.36,1.36,0,0,0-.37,1l.79,16v2.41a1.34,1.34,0,0,0,1.33,1.33h5.26A1.33,1.33,0,0,0,68,54.28V51.87l.79-16h0A1.32,1.32,0,0,0,68.39,34.84Z"/><rect x="60.03" y="58.25" width="7.95" height="6.13" rx="1.71"/><path d="M104.7,49.77l-18-2.94c0,.36,0,.71,0,1.06V48c0,.1,0,.21,0,.32L103.53,51l.71,3.11-18.7.81A25.52,25.52,0,0,1,84.26,58l.81,14.74L78.6,68.57c-.23.41-.45.83-.67,1.25l7.24,4.69L86,89.28,69.57,85.59c-.23.43-.46.86-.7,1.28l17.2,3.88.21,3.74L65,98.33V90.11l-.32,0h-.09a3.39,3.39,0,0,1-1-.16v8.35L42.44,94.57l.32-5.7,11-7.6,4.5,2-1.15-2.06-2-.87,1.07-.74c-.23-.41-.47-.82-.7-1.24l-1.89,1.31L43.52,75.21l.86-15.49.41,0a27.21,27.21,0,0,1-1.65-3.28l-.11,2L20.78,67.17,24.46,51,41.3,48.43c0-.47,0-1,0-1.43l-18,2.69L11.74,100.63l29.94-4.76,21.94,3.9.7.13.71-.13,22.06-4,29.17,4.93ZM43.43,76.71l8.85,3.89-9.42,6.49Zm-24.8-.06L27,81.19,16.67,85.27ZM41,94.54,13.58,98.9l2.72-12,12.37-4.87L41.33,88.9Zm.4-7.2-11-6L42,76.82ZM28.77,80.51,19,75.21l1.44-6.37L42.94,60l-.85,15.27ZM85.58,56.34l19-.81,2.21,9.73-20.24,8Zm1,18.4,20.46-8.08L108.3,72,87.41,88.73Zm.88,15.72,21.15-16.89L114.41,99,87.73,94.45Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB