Skip to content
Snippets Groups Projects
Commit 1a895b1f authored by xaralis's avatar xaralis
Browse files

feat: add ico--wheelchair

parent db3070f9
No related branches found
No related tags found
No related merge requests found
Pipeline #6054 passed
Stage: build
Expand all Show whitespace changes
Inline Side-by-side
Showing
with 210 additions and 176 deletions
scripts/update-iconset.js 100644 → 100755
+ 0
− 0
View file @ 1a895b1f
File mode changed from 100644 to 100755
source/_patterns/00-atoms/02-icons/icons.mustache
+ 45
− 36
View file @ 1a895b1f
<div class="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 xl:grid-cols-16 gap-2 items-center">
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--wheelchair"></i>
</div>
<div class="card__body p-2 text-2xs">
<code>.ico--wheelchair</code>
</div>
</div>
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--thumbs-down"></i>
</div>
<div class="card__body p-2 text-2xs">
<code>.ico--thumbs-down</code>
</div>
</div>
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--thumbs-up"></i>
</div>
<div class="card__body p-2 text-2xs">
<code>.ico--thumbs-up</code>
</div>
</div>
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--anchor"></i>
</div>
<div class="card__body p-2 text-2xs">
<code>.ico--anchor</code>
</div>
</div>
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--paw"></i>
</div>
<div class="card__body p-2 text-2xs">
<code>.ico--paw</code>
</div>
</div>
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--dots-three-vertical"></i>
......@@ -170,42 +215,6 @@
</div>
</div>
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--thumbs-down"></i>
</div>
<div class="card__body p-2 text-2xs">
<code>.ico--thumbs-down</code>
</div>
</div>
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--thumbs-up"></i>
</div>
<div class="card__body p-2 text-2xs">
<code>.ico--thumbs-up</code>
</div>
</div>
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--anchor"></i>
</div>
<div class="card__body p-2 text-2xs">
<code>.ico--anchor</code>
</div>
</div>
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--paw"></i>
</div>
<div class="card__body p-2 text-2xs">
<code>.ico--paw</code>
</div>
</div>
<div class="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--checkmark"></i>
......
source/css/atoms/icons.pcss
+ 10
− 9
View file @ 1a895b1f
@font-face {
font-family: 'pirati-ui';
src: url('../fonts/pirati-ui.eot?6717e187d2f4434e2e72b8d582d69efa');
src: url('../fonts/pirati-ui.eot?6717e187d2f4434e2e72b8d582d69efa#iefix') format('embedded-opentype'),
url('../fonts/pirati-ui.ttf?6717e187d2f4434e2e72b8d582d69efa') format('truetype'),
url('../fonts/pirati-ui.woff?6717e187d2f4434e2e72b8d582d69efa') format('woff'),
url('../fonts/pirati-ui.svg?6717e187d2f4434e2e72b8d582d69efa#pirati-ui') format('svg');
src: url('../fonts/pirati-ui.eot?3b683ed139abeea2dea706984b122a78');
src: url('../fonts/pirati-ui.eot?3b683ed139abeea2dea706984b122a78#iefix') format('embedded-opentype'),
url('../fonts/pirati-ui.ttf?3b683ed139abeea2dea706984b122a78') format('truetype'),
url('../fonts/pirati-ui.woff?3b683ed139abeea2dea706984b122a78') format('woff'),
url('../fonts/pirati-ui.svg?3b683ed139abeea2dea706984b122a78#pirati-ui') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
......@@ -26,6 +26,11 @@
-moz-osx-font-smoothing: grayscale;
}
.ico--wheelchair:before { content: "\e966"; }
.ico--thumbs-down:before { content: "\e93d"; }
.ico--thumbs-up:before { content: "\e93e"; }
.ico--anchor:before { content: "\e92d"; }
.ico--paw:before { content: "\e90b"; }
.ico--dots-three-vertical:before { content: "\e940"; }
.ico--dots-three-horizontal:before { content: "\e941"; }
.ico--log-out:before { content: "\e942"; }
......@@ -45,10 +50,6 @@
.ico--pirati:before { content: "\e90d"; }
.ico--jitsi:before { content: "\e90f"; }
.ico--open-source:before { content: "\e90e"; }
.ico--thumbs-down:before { content: "\e93d"; }
.ico--thumbs-up:before { content: "\e93e"; }
.ico--anchor:before { content: "\e92d"; }
.ico--paw:before { content: "\e90b"; }
.ico--checkmark:before { content: "\e965"; }
.ico--info:before { content: "\e901"; }
.ico--question:before { content: "\e904"; }
......
source/icons/demo-files/demo.css
+ 5
− 5
View file @ 1a895b1f
......@@ -147,19 +147,19 @@ p {
font-size: 16px;
}
.fs1 {
font-size: 20px;
font-size: 28px;
}
.fs2 {
font-size: 32px;
font-size: 20px;
}
.fs3 {
font-size: 24px;
font-size: 32px;
}
.fs4 {
font-size: 32px;
font-size: 24px;
}
.fs5 {
font-size: 28px;
font-size: 32px;
}
.fs6 {
font-size: 32px;
......
source/icons/demo.html
+ 93
− 79
View file @ 1a895b1f
......@@ -9,11 +9,84 @@
<link rel="stylesheet" href="style.css"></head>
<body>
<div class="bgc1 clearfix">
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> pirati-ui <small class="fgc1">(Glyphs:&nbsp;102)</small></h1>
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> pirati-ui <small class="fgc1">(Glyphs:&nbsp;103)</small></h1>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 20</h1>
<h1 class="mvm mtn fgc1">Grid Size: 14</h1>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="ico--wheelchair"></span>
<span class="mls"> ico--wheelchair</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e966" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe966;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="ico--thumbs-down"></span>
<span class="mls"> ico--thumbs-down</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e93d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93d;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="ico--thumbs-up"></span>
<span class="mls"> ico--thumbs-up</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e93e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93e;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="ico--anchor"></span>
<span class="mls"> ico--anchor</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e92d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe92d;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="ico--paw"></span>
<span class="mls"> ico--paw</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e90b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe90b;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 20</h1>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="ico--dots-three-vertical"></span>
<span class="mls"> ico--dots-three-vertical</span>
......@@ -27,7 +100,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="ico--dots-three-horizontal"></span>
<span class="mls"> ico--dots-three-horizontal</span>
......@@ -41,7 +114,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="ico--log-out"></span>
<span class="mls"> ico--log-out</span>
......@@ -55,7 +128,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="ico--envelope"></span>
<span class="mls"> ico--envelope</span>
......@@ -69,7 +142,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="ico--pin"></span>
<span class="mls"> ico--pin</span>
......@@ -83,7 +156,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="ico--at"></span>
<span class="mls"> ico--at</span>
......@@ -100,7 +173,7 @@
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 32</h1>
<div class="glyph fs2">
<div class="glyph fs3">
<div class="clearfix bshadow0 pbs">
<span class="ico--strategy"></span>
<span class="mls"> ico--strategy</span>
......@@ -114,7 +187,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="glyph fs3">
<div class="clearfix bshadow0 pbs">
<span class="ico--pig"></span>
<span class="mls"> ico--pig</span>
......@@ -128,7 +201,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="glyph fs3">
<div class="clearfix bshadow0 pbs">
<span class="ico--thermometer"></span>
<span class="mls"> ico--thermometer</span>
......@@ -145,7 +218,7 @@
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 24</h1>
<div class="glyph fs3">
<div class="glyph fs4">
<div class="clearfix bshadow0 pbs">
<span class="ico--menu"></span>
<span class="mls"> ico--menu</span>
......@@ -159,7 +232,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs3">
<div class="glyph fs4">
<div class="clearfix bshadow0 pbs">
<span class="ico--chevron-right"></span>
<span class="mls"> ico--chevron-right</span>
......@@ -173,7 +246,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs3">
<div class="glyph fs4">
<div class="clearfix bshadow0 pbs">
<span class="ico--chevron-left"></span>
<span class="mls"> ico--chevron-left</span>
......@@ -187,7 +260,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs3">
<div class="glyph fs4">
<div class="clearfix bshadow0 pbs">
<span class="ico--chevron-down"></span>
<span class="mls"> ico--chevron-down</span>
......@@ -201,7 +274,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs3">
<div class="glyph fs4">
<div class="clearfix bshadow0 pbs">
<span class="ico--chevron-up"></span>
<span class="mls"> ico--chevron-up</span>
......@@ -215,7 +288,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs3">
<div class="glyph fs4">
<div class="clearfix bshadow0 pbs">
<span class="ico--link-horizontal"></span>
<span class="mls"> ico--link-horizontal</span>
......@@ -229,7 +302,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs3">
<div class="glyph fs4">
<div class="clearfix bshadow0 pbs">
<span class="ico--beer"></span>
<span class="mls"> ico--beer</span>
......@@ -246,7 +319,7 @@
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
<div class="glyph fs4">
<div class="glyph fs5">
<div class="clearfix bshadow0 pbs">
<span class="ico--pirati"></span>
<span class="mls"> ico--pirati</span>
......@@ -260,7 +333,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs4">
<div class="glyph fs5">
<div class="clearfix bshadow0 pbs">
<span class="ico--jitsi"></span>
<span class="mls"> ico--jitsi</span>
......@@ -274,7 +347,7 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs4">
<div class="glyph fs5">
<div class="clearfix bshadow0 pbs">
<span class="ico--open-source"></span>
<span class="mls"> ico--open-source</span>
......@@ -289,65 +362,6 @@
</div>
</div>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 14</h1>
<div class="glyph fs5">
<div class="clearfix bshadow0 pbs">
<span class="ico--thumbs-down"></span>
<span class="mls"> ico--thumbs-down</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e93d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93d;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs5">
<div class="clearfix bshadow0 pbs">
<span class="ico--thumbs-up"></span>
<span class="mls"> ico--thumbs-up</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e93e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe93e;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs5">
<div class="clearfix bshadow0 pbs">
<span class="ico--anchor"></span>
<span class="mls"> ico--anchor</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e92d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe92d;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs5">
<div class="clearfix bshadow0 pbs">
<span class="ico--paw"></span>
<span class="mls"> ico--paw</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e90b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe90b;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 16</h1>
<div class="glyph fs6">
......
source/icons/fonts/pirati-ui.eot
+ 0
− 0
View file @ 1a895b1f
No preview for this file type
source/icons/fonts/pirati-ui.svg
+ 1
− 0
View file @ 1a895b1f
......@@ -109,4 +109,5 @@
<glyph unicode="&#xe963;" glyph-name="download" d="M736 512l-256-256-256 256h160v384h192v-384zM480 256h-480v-256h960v256h-480zM896 128h-128v64h128v-64z" />
<glyph unicode="&#xe964;" glyph-name="cloud-download" d="M891.004 599.94c-3.242 128.698-108.458 232.060-237.862 232.060-75.792 0-143.266-35.494-186.854-90.732-24.442 31.598-62.69 51.96-105.708 51.96-73.81 0-133.642-59.876-133.642-133.722 0-6.436 0.48-12.76 1.364-18.954-11.222 2.024-22.766 3.138-34.57 3.138-106.998 0.002-193.732-86.786-193.732-193.842 0-107.062 86.734-193.848 193.73-193.848h91.76l226.51-234.51 226.51 234.51 111.482 0.012c96.138 0.184 174.008 78.21 174.008 174.446 0 82.090-56.678 150.9-132.996 169.482zM512 128l-192 192h128v192h128v-192h128l-192-192z" />
<glyph unicode="&#xe965;" glyph-name="checkmark" d="M864 832l-480-480-224 224-160-160 384-384 640 640z" />
<glyph unicode="&#xe966;" glyph-name="wheelchair" horiz-adv-x="931" d="M584.571 272.571l58.286-116.571c-44-136-170.857-229.143-313.714-229.143-181.143 0-329.143 148-329.143 329.143 0 138.286 86.857 261.714 216.571 309.143l9.714-74.857c-93.143-41.143-153.143-132.571-153.143-234.286 0-141.143 114.857-256 256-256 146.857 0 265.714 125.714 255.429 272.571zM897.714 215.428l33.143-65.143-146.286-73.143c-5.143-2.857-10.857-4-16.571-4-13.714 0-26.857 8-32.571 20l-136.571 272.571h-269.714c-18.286 0-34.286 14.286-36.571 32.571l-54.857 445.143c-0.571 5.714 1.714 18.286 3.429 24 10.857 39.429 47.429 65.143 88 65.143 50.286 0 91.429-41.143 91.429-91.429 0-52-45.714-96.571-98.286-90.857l21.143-165.143h241.714v-73.143h-232.571l9.143-73.143h260c13.714 0 26.857-8 32.571-20l130.286-260z" />
</font></defs></svg>
\ No newline at end of file
source/icons/fonts/pirati-ui.ttf
+ 0
− 0
View file @ 1a895b1f
No preview for this file type
source/icons/fonts/pirati-ui.woff
+ 0
− 0
View file @ 1a895b1f
No preview for this file type
source/icons/selection.json
+ 1
− 1
View file @ 1a895b1f
This diff is collapsed.
source/icons/style.css
+ 20
− 17
View file @ 1a895b1f
@font-face {
font-family: 'pirati-ui';
src: url('fonts/pirati-ui.eot?yrftuk');
src: url('fonts/pirati-ui.eot?yrftuk#iefix') format('embedded-opentype'),
url('fonts/pirati-ui.ttf?yrftuk') format('truetype'),
url('fonts/pirati-ui.woff?yrftuk') format('woff'),
url('fonts/pirati-ui.svg?yrftuk#pirati-ui') format('svg');
src: url('fonts/pirati-ui.eot?urfwqh');
src: url('fonts/pirati-ui.eot?urfwqh#iefix') format('embedded-opentype'),
url('fonts/pirati-ui.ttf?urfwqh') format('truetype'),
url('fonts/pirati-ui.woff?urfwqh') format('woff'),
url('fonts/pirati-ui.svg?urfwqh#pirati-ui') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
......@@ -25,6 +25,21 @@
-moz-osx-font-smoothing: grayscale;
}
.ico--wheelchair:before {
content: "\e966";
}
.ico--thumbs-down:before {
content: "\e93d";
}
.ico--thumbs-up:before {
content: "\e93e";
}
.ico--anchor:before {
content: "\e92d";
}
.ico--paw:before {
content: "\e90b";
}
.ico--dots-three-vertical:before {
content: "\e940";
}
......@@ -82,18 +97,6 @@
.ico--open-source:before {
content: "\e90e";
}
.ico--thumbs-down:before {
content: "\e93d";
}
.ico--thumbs-up:before {
content: "\e93e";
}
.ico--anchor:before {
content: "\e92d";
}
.ico--paw:before {
content: "\e90b";
}
.ico--checkmark:before {
content: "\e965";
}
......
source/icons/style.scss
+ 30
− 25
View file @ 1a895b1f
......@@ -2,11 +2,11 @@
@font-face {
font-family: '#{$icomoon-font-family}';
src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?yrftuk');
src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?yrftuk#iefix') format('embedded-opentype'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?yrftuk') format('truetype'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?yrftuk') format('woff'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?yrftuk##{$icomoon-font-family}') format('svg');
src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?urfwqh');
src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?urfwqh#iefix') format('embedded-opentype'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?urfwqh') format('truetype'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?urfwqh') format('woff'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?urfwqh##{$icomoon-font-family}') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
......@@ -27,6 +27,31 @@
-moz-osx-font-smoothing: grayscale;
}
.ico--wheelchair {
&:before {
content: $ico--wheelchair;
}
}
.ico--thumbs-down {
&:before {
content: $ico--thumbs-down;
}
}
.ico--thumbs-up {
&:before {
content: $ico--thumbs-up;
}
}
.ico--anchor {
&:before {
content: $ico--anchor;
}
}
.ico--paw {
&:before {
content: $ico--paw;
}
}
.ico--dots-three-vertical {
&:before {
content: $ico--dots-three-vertical;
......@@ -122,26 +147,6 @@
content: $ico--open-source;
}
}
.ico--thumbs-down {
&:before {
content: $ico--thumbs-down;
}
}
.ico--thumbs-up {
&:before {
content: $ico--thumbs-up;
}
}
.ico--anchor {
&:before {
content: $ico--anchor;
}
}
.ico--paw {
&:before {
content: $ico--paw;
}
}
.ico--checkmark {
&:before {
content: $ico--checkmark;
......
source/icons/variables.scss
+ 5
− 4
View file @ 1a895b1f
$icomoon-font-family: "pirati-ui" !default;
$icomoon-font-path: "fonts" !default;
$ico--wheelchair: "\e966";
$ico--thumbs-down: "\e93d";
$ico--thumbs-up: "\e93e";
$ico--anchor: "\e92d";
$ico--paw: "\e90b";
$ico--dots-three-vertical: "\e940";
$ico--dots-three-horizontal: "\e941";
$ico--log-out: "\e942";
......@@ -20,10 +25,6 @@ $ico--beer: "\e909";
$ico--pirati: "\e90d";
$ico--jitsi: "\e90f";
$ico--open-source: "\e90e";
$ico--thumbs-down: "\e93d";
$ico--thumbs-up: "\e93e";
$ico--anchor: "\e92d";
$ico--paw: "\e90b";
$ico--checkmark: "\e965";
$ico--info: "\e901";
$ico--question: "\e904";
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Pirátský GitLab - Home of the CopyLeft