Skip to content
Snippets Groups Projects
Commit 8e3ec973 authored by xaralis's avatar xaralis
Browse files

wip: cf2021 page

parent a948039b
No related branches found
No related tags found
No related merge requests found
Pipeline #1676 passed
Stage: build
Expand all Show whitespace changes
Inline Side-by-side
Showing
with 391 additions and 28 deletions
source/_data/data.json
+ 15
− 2
View file @ 8e3ec973
...@@ -121,11 +121,24 @@ ...@@ -121,11 +121,24 @@
{"cls": "white", "name": "White", "hex": "#ffffff"} {"cls": "white", "name": "White", "hex": "#ffffff"}
] ]
}, },
{
"name": "Olive",
"variants": [
{"cls": "olive-100", "name": "Olive 100", "hex": "#d6e8b3"},
]
},
{ {
"name": "Green", "name": "Green",
"variants": [ "variants": [
{"cls": "green-100", "name": "Green 100", "hex": "#d6e8b3"}, {"cls": "green-200", "name": "Green 200", "hex": "#92c6ab"},
{"cls": "green-200", "name": "Green 200", "hex": "#92c6ab"} {"cls": "green-300", "name": "Green 300", "hex": "#77cea1"}
]
},
{
"name": "Yellow",
"variants": [
{"cls": "yellow-100", "name": "Yellow 100", "hex": "#fff7bf"},
{"cls": "yellow-200", "name": "Yellow 200", "hex": "#f7f38a"}
] ]
}, },
{ {
......
source/_patterns/00-atoms/02-icons/icons.mustache
+ 18
− 0
View file @ 8e3ec973
...@@ -584,6 +584,24 @@ ...@@ -584,6 +584,24 @@
</div> </div>
</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="card">
<div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2">
<i class="ico--tasks"></i> <i class="ico--tasks"></i>
......
source/_patterns/01-molecules/05-pagination/inline-pagination.mustache 0 → 100644
+ 9
− 0
View file @ 8e3ec973
<nav class="pagination pagination--inline space-x-1 {{ classes }}">
{{> atoms-icon-button(cta: "Předchozí", icon: "ico--chevron-left", classes: "btn--grey-125 btn--hoveractive btn--to-black btn--condensed btn--inverted-icon") }}
{{> atoms-basic-button(cta: "1", classes: "btn--grey-125 btn--hoveractive btn--to-black btn--condensed hidden md:inline-block") }}
{{> atoms-basic-button(cta: "2", classes: "btn--grey-125 btn--hoveractive btn--to-black btn--condensed hidden md:inline-block") }}
{{> atoms-basic-button(cta: "3", classes: "btn--grey-500 btn--condensed hidden md:inline-block") }}
{{> atoms-basic-button(cta: "4", classes: "btn--grey-125 btn--hoveractive btn--to-black btn--condensed hidden md:inline-block") }}
{{> atoms-basic-button(cta: "5", classes: "btn--grey-125 btn--hoveractive btn--to-black btn--condensed hidden md:inline-block") }}
{{> atoms-icon-button(cta: "Další", icon: "ico--chevron-right", classes: "btn--grey-125 btn--hoveractive btn--to-black btn--condensed") }}
</nav>
source/_patterns/01-molecules/14-form-fields/textarea-field.mustache
+ 3
− 1
View file @ 8e3ec973
<div class="form-field {{# error }}form-field--error{{/ error }} {{ classes }}"> <div class="form-field {{# error }}form-field--error{{/ error }} {{ classes }}">
{{^ nolabel }}
<label class="form-field__label" for="field">{{ label }}{{^ label }}{{ form.label }}{{/ label }}</label> <label class="form-field__label" for="field">{{ label }}{{^ label }}{{ form.label }}{{/ label }}</label>
{{/ nolabel }}
<div class="form-field__wrapper form-field__wrapper--shadowed"> <div class="form-field__wrapper form-field__wrapper--shadowed">
{{> atoms-textarea }} {{> atoms-textarea }}
</div> </div>
......
source/_patterns/01-molecules/15-navbar/navbar-menu.mustache 0 → 100644
+ 18
− 0
View file @ 8e3ec973
<ul class="navbar-menu text-white">
<li class="navbar-menu__item">
<a href="#" data-href="{{ link.templates-homepage }}" class="navbar-menu__link">Hlavní strana</a>
</li>
<li class="navbar-menu__item">
<ui-navbar-subitem label="Lidé">
<ul class="navbar-menu__submenu">
<li><a href="#" data-href="{{ link.templates-people }}" class="navbar-menu__link">Delší link co je delší než hlavní menu položka</a></li>
</ul>
</ui-navbar-subtitem>
</li>
<li class="navbar-menu__item">
<a href="#" data-href="{{ link.templates-pirate-center }}" class="navbar-menu__link">Pirátské centrum</a>
</li>
<li class="navbar-menu__item">
<a href="#" data-href="{{ link.templates-contact }}" class="navbar-menu__link">Kontakt</a>
</li>
</ul>
source/_patterns/02-organisms/00-global/simplified-navbar.mustache → source/_patterns/02-organisms/00-global/navbar/simplified-navbar.mustache
+ 30
− 0
View file @ 8e3ec973
...@@ -14,25 +14,14 @@ ...@@ -14,25 +14,14 @@
<i class="ico--menu text-3xl"></i> <i class="ico--menu text-3xl"></i>
</a> </a>
</div> </div>
<div v-if="show || isLgScreenSize" class="navbar__main navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto"> <div v-if="show || isLgScreenSize" class="navbar__main navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto flex items-center">
<ul class="navbar-menu text-white"> <div class="flex-grow">
<li class="navbar-menu__item"> {{> molecules-navbar-menu }}
<a href="#" data-href="{{ link.templates-homepage }}" class="navbar-menu__link">Hlavní strana</a> </div>
</li> <div class="flex items-center space-x-4">
<li class="navbar-menu__item"> <span class="head-xs">{{ person.first }} {{ person.last }}</span>
<ui-navbar-subitem label="Lidé"> {{> atoms-basic-avatar(classes: "avatar--xs") }}
<ul class="navbar-menu__submenu"> </div>
<li><a href="#" data-href="{{ link.templates-people }}" class="navbar-menu__link">Delší link co je delší než hlavní menu položka</a></li>
</ul>
</ui-navbar-subtitem>
</li>
<li class="navbar-menu__item">
<a href="#" data-href="{{ link.templates-pirate-center }}" class="navbar-menu__link">Pirátské centrum</a>
</li>
<li class="navbar-menu__item">
<a href="#" data-href="{{ link.templates-contact }}" class="navbar-menu__link">Kontakt</a>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>
......
source/_patterns/03-templates/cf-tool.mustache 0 → 100644
+ 219
− 0
View file @ 8e3ec973
{{> organisms-simplified-navbar }}
<div class="container container--wide pt-8 lg:py-24">
<article class="space-y-8">
<div class="grid grid-cols-3 gap-8" style="height: 30rem;">
<div class="col-span-2 space-y-8">
<iframe width="100%" height="610" src="https://www.youtube.com/embed/73jJLspL8o8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<section>
<div class="flex justify-between items-center mb-4">
<h2 class="head-alt-base">Příspěvky v rozpravě</h2>
{{> molecules-inline-pagination(classes: "text-xs") }}
</div>
<div class="space-y-6">
<div class="flex items-start bg-yellow-100 p-2 -ml-2">
<img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3">
<div class="flex-1 overflow-hidden">
<div class="mb-1">
<div class="flex justify-between">
<div>
<span class="font-bold">{{ person.first }} {{ person.last }}</span>
<span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span>
<span class="text-grey-200 ml-1 text-sm">@ 11:46</span>
</div>
<div class="space-x-3 text-sm flex items-center">
<button class="text-blue-300 flex items-center space-x-1">
<span class="font-bold">6</span>
<i class="ico--thumbs-up"></i>
</button>
<button class="text-red-600 flex items-center space-x-1">
<i class="ico--thumbs-down transform scale-x--1"></i>
<span class="font-bold">2</span>
</button>
</div>
</div>
</div>
<p class="text-black leading-normal">{{ excerpt.medium }}</p>
</div>
</div>
<div class="flex items-start p-2 -ml-2">
<img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3">
<div class="flex-1 overflow-hidden">
<div class="mb-1">
<div class="flex justify-between">
<div>
<span class="font-bold">{{ person.first }} {{ person.last }}</span>
<span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span>
<span class="text-grey-200 ml-1 text-sm">@ 11:42</span>
</div>
<div class="space-x-3 text-sm flex items-center">
<button class="text-blue-300 flex items-center space-x-1">
<span class="font-bold">6</span>
<i class="ico--thumbs-up"></i>
</button>
<button class="text-red-600 flex items-center space-x-1">
<i class="ico--thumbs-down transform scale-x--1"></i>
<span class="font-bold">2</span>
</button>
</div>
</div>
</div>
<p class="text-black leading-normal">{{ excerpt.medium }}</p>
</div>
</div>
<div class="flex items-start p-2 -ml-2">
<img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3">
<div class="flex-1 overflow-hidden">
<div class="mb-1">
<div class="flex justify-between">
<div>
<span class="font-bold">{{ person.first }} {{ person.last }}</span>
<span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span>
<span class="text-grey-200 ml-1 text-sm">@ 11:40</span>
</div>
<div class="space-x-3 text-sm flex items-center">
<button class="text-blue-300 flex items-center space-x-1">
<span class="font-bold">6</span>
<i class="ico--thumbs-up"></i>
</button>
<button class="text-red-600 flex items-center space-x-1">
<i class="ico--thumbs-down transform scale-x--1"></i>
<span class="font-bold">2</span>
</button>
</div>
</div>
</div>
<p class="text-black leading-normal">{{ excerpt.medium }}</p>
</div>
</div>
<div class="flex items-start p-2 -ml-2">
<img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3">
<div class="flex-1 overflow-hidden">
<div class="mb-1">
<div class="flex justify-between">
<div>
<span class="font-bold">{{ person.first }} {{ person.last }}</span>
<span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span>
<span class="text-grey-200 ml-1 text-sm">@ 11:38</span>
</div>
<div class="space-x-3 text-sm flex items-center">
<button class="text-blue-300 flex items-center space-x-1">
<span class="font-bold">6</span>
<i class="ico--thumbs-up"></i>
</button>
<button class="text-red-600 flex items-center space-x-1">
<i class="ico--thumbs-down transform scale-x--1"></i>
<span class="font-bold">2</span>
</button>
</div>
</div>
</div>
<p class="text-black leading-normal">{{ excerpt.medium }}</p>
</div>
</div>
<div class="flex items-start p-2 -ml-2">
<img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3">
<div class="flex-1 overflow-hidden">
<div class="mb-1">
<div class="flex justify-between">
<div>
<span class="font-bold">{{ person.first }} {{ person.last }}</span>
<span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span>
<span class="text-grey-200 ml-1 text-sm">@ 11:30</span>
</div>
<div class="space-x-3 text-sm flex items-center">
<button class="text-blue-300 flex items-center space-x-1">
<span class="font-bold">6</span>
<i class="ico--thumbs-up"></i>
</button>
<button class="text-red-600 flex items-center space-x-1">
<i class="ico--thumbs-down transform scale-x--1"></i>
<span class="font-bold">2</span>
</button>
</div>
</div>
</div>
<p class="text-black leading-normal">{{ excerpt.medium }}</p>
</div>
</div>
</div>
<div class="my-8 space-y-4">
{{> molecules-textarea-field(nolabel: true) }}
<div class="space-x-4">
{{> atoms-basic-button(classes: "text-base", cta: "Přidat příspěvek") }}
<span class="text-sm text-grey-200">Pro pokročilejší formátování můžete používat také <a href="#" class="underline">Markdown</a>.</span>
</div>
</div>
</section>
</div>
<div class="flex flex-col flex-1 overflow-hidden">
<h2 class="head-alt-base mb-4 pt-1">Oznámení</h2>
<div class="overflow-hidden flex flex-1">
<div class="overflow-scroll h-full space-y-px">
<div class="bg-yellow-100 p-3 border-orange-300 border-l-4">
<div class="flex items-center space-x-2 mb-2">
<div class="font-bold text-sm">11:55</div>
<div class="bg-orange-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Zamítnutý návrh postupu</div>
</div>
{{ excerpt.short }}
</div>
<div class="p-3 bg-yellow-100 border-green-300 border-l-4">
<div class="flex items-center space-x-2 mb-2">
<div class="font-bold text-sm">11:52</div>
<div class="bg-green-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Schválený návrh postupu</div>
</div>
{{ excerpt.short }}
</div>
<div class="bg-grey-50 p-3 border-blue-300 border-l-4">
<div class="flex items-center space-x-2 mb-2">
<div class="font-bold text-sm">11:51</div>
<div class="bg-blue-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Přijatelný návrh postupu</div>
</div>
{{ excerpt.short }}
</div>
<div class="p-3 border-red-600 border-l-4">
<div class="flex items-center space-x-2 mb-2">
<div class="font-bold text-sm">11:43</div>
<div class="bg-red-600 text-white px-1 py-1 font-bold text-xs rounded-sm">Rozhodující hlasování</div>
</div>
{{ excerpt.short }}
</div>
<div class="bg-grey-50 p-3 border-cyan-500 border-l-4">
<div class="flex items-center space-x-2 mb-2">
<div class="font-bold text-sm">11:35</div>
<div class="bg-cyan-500 text-white px-1 py-1 font-bold text-xs rounded-sm">Oznámení předsedajícího</div>
</div>
{{ excerpt.short }}
</div>
<div class="p-3 border-orange-300 border-l-4">
<div class="flex items-center space-x-2 mb-2">
<div class="font-bold text-sm">11:28</div>
<div class="bg-orange-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Zamítnutý návrh postupu</div>
</div>
{{ excerpt.short }}
</div>
<div class="bg-grey-50 p-3 border-green-300 border-l-4">
<div class="flex items-center space-x-2 mb-2">
<div class="font-bold text-sm">11:20</div>
<div class="bg-green-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Schválený návrh postupu</div>
</div>
{{ excerpt.short }}
</div>
<div class="p-3 border-blue-300 border-l-4">
<div class="flex items-center space-x-2 mb-2">
<div class="font-bold text-sm">11:00</div>
<div class="bg-blue-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Přijatelný návrh postupu</div>
</div>
{{ excerpt.short }}
</div>
</div>
</div>
</div>
</div>
</article>
</div>
source/css/atoms/icons.pcss
+ 7
− 5
View file @ 8e3ec973
@font-face { @font-face {
font-family: 'pirati-ui'; font-family: 'pirati-ui';
src: url('../fonts/pirati-ui.eot?d982e8d9e6f59008d41d375111aea007'); src: url('../fonts/pirati-ui.eot?0709c769c818c71145690e5adb0caf5f');
src: url('../fonts/pirati-ui.eot?d982e8d9e6f59008d41d375111aea007#iefix') format('embedded-opentype'), src: url('../fonts/pirati-ui.eot?0709c769c818c71145690e5adb0caf5f#iefix') format('embedded-opentype'),
url('../fonts/pirati-ui.ttf?d982e8d9e6f59008d41d375111aea007') format('truetype'), url('../fonts/pirati-ui.ttf?0709c769c818c71145690e5adb0caf5f') format('truetype'),
url('../fonts/pirati-ui.woff?d982e8d9e6f59008d41d375111aea007') format('woff'), url('../fonts/pirati-ui.woff?0709c769c818c71145690e5adb0caf5f') format('woff'),
url('../fonts/pirati-ui.svg?d982e8d9e6f59008d41d375111aea007#pirati-ui') format('svg'); url('../fonts/pirati-ui.svg?0709c769c818c71145690e5adb0caf5f#pirati-ui') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
...@@ -91,6 +91,8 @@ ...@@ -91,6 +91,8 @@
.ico--beer:before { content: "\e909"; } .ico--beer:before { content: "\e909"; }
.ico--edit-pencil:before { content: "\e929"; } .ico--edit-pencil:before { content: "\e929"; }
.ico--at:before { content: "\e905"; } .ico--at:before { content: "\e905"; }
.ico--thumbs-down:before { content: "\e93d"; }
.ico--thumbs-up:before { content: "\e93e"; }
.ico--tasks:before { content: "\e93c"; } .ico--tasks:before { content: "\e93c"; }
.ico--calculator:before { content: "\e931"; } .ico--calculator:before { content: "\e931"; }
.ico--bank:before { content: "\e92a"; } .ico--bank:before { content: "\e92a"; }
......
source/css/molecules/pagination.pcss
+ 5
− 1
View file @ 8e3ec973
.pagination { .pagination {
@apply inline-flex mx-auto; @apply inline-flex;
&:not(.pagination--inline) {
@apply mx-auto;
}
} }
.pagination-container { .pagination-container {
......
source/icons/Read Me.txt
+ 7
− 7
View file @ 8e3ec973
source/icons/demo.html
+ 29
− 1
View file @ 8e3ec973
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<link rel="stylesheet" href="style.css"></head> <link rel="stylesheet" href="style.css"></head>
<body> <body>
<div class="bgc1 clearfix"> <div class="bgc1 clearfix">
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> pirati-ui <small class="fgc1">(Glyphs:&nbsp;61)</small></h1> <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> pirati-ui <small class="fgc1">(Glyphs:&nbsp;63)</small></h1>
</div> </div>
<div class="clearfix mhl ptl"> <div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 32</h1> <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
...@@ -938,6 +938,34 @@ ...@@ -938,6 +938,34 @@
</div> </div>
<div class="clearfix mhl ptl"> <div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 14</h1> <h1 class="mvm mtn fgc1">Grid Size: 14</h1>
<div class="glyph fs6">
<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-false">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs6">
<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-false">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs6"> <div class="glyph fs6">
<div class="clearfix bshadow0 pbs"> <div class="clearfix bshadow0 pbs">
<span class="ico--tasks"></span> <span class="ico--tasks"></span>
......
source/icons/fonts/pirati-ui.eot
+ 0
− 0
View file @ 8e3ec973
No preview for this file type
source/icons/fonts/pirati-ui.svg
+ 2
− 0
View file @ 8e3ec973
...@@ -68,4 +68,6 @@ ...@@ -68,4 +68,6 @@
<glyph unicode="&#xe93a;" glyph-name="sphere, globe, internet" d="M480 896c-265.096 0-480-214.904-480-480 0-265.098 214.904-480 480-480 265.098 0 480 214.902 480 480 0 265.096-214.902 480-480 480zM751.59 256c8.58 40.454 13.996 83.392 15.758 128h127.446c-3.336-44.196-13.624-87.114-30.68-128h-112.524zM208.41 576c-8.58-40.454-13.996-83.392-15.758-128h-127.444c3.336 44.194 13.622 87.114 30.678 128h112.524zM686.036 576c9.614-40.962 15.398-83.854 17.28-128h-191.316v128h174.036zM512 640v187.338c14.59-4.246 29.044-11.37 43.228-21.37 26.582-18.74 52.012-47.608 73.54-83.486 14.882-24.802 27.752-52.416 38.496-82.484h-155.264zM331.232 722.484c21.528 35.878 46.956 64.748 73.54 83.486 14.182 10 28.638 17.124 43.228 21.37v-187.34h-155.264c10.746 30.066 23.616 57.68 38.496 82.484zM448 576v-128h-191.314c1.88 44.146 7.666 87.038 17.278 128h174.036zM95.888 256c-17.056 40.886-27.342 83.804-30.678 128h127.444c1.762-44.608 7.178-87.546 15.758-128h-112.524zM256.686 384h191.314v-128h-174.036c-9.612 40.96-15.398 83.854-17.278 128zM448 192v-187.34c-14.588 4.246-29.044 11.372-43.228 21.37-26.584 18.74-52.014 47.61-73.54 83.486-14.882 24.804-27.75 52.418-38.498 82.484h155.266zM628.768 109.516c-21.528-35.876-46.958-64.746-73.54-83.486-14.184-9.998-28.638-17.124-43.228-21.37v187.34h155.266c-10.746-30.066-23.616-57.68-38.498-82.484zM512 256v128h191.314c-1.88-44.146-7.666-87.040-17.28-128h-174.034zM767.348 448c-1.762 44.608-7.178 87.546-15.758 128h112.524c17.056-40.886 27.344-83.806 30.68-128h-127.446zM830.658 640h-95.9c-18.638 58.762-44.376 110.294-75.316 151.428 42.536-20.34 81.058-47.616 114.714-81.272 21.48-21.478 40.362-44.938 56.502-70.156zM185.844 710.156c33.658 33.658 72.18 60.932 114.714 81.272-30.942-41.134-56.676-92.666-75.316-151.428h-95.898c16.138 25.218 35.022 48.678 56.5 70.156zM129.344 192h95.898c18.64-58.762 44.376-110.294 75.318-151.43-42.536 20.34-81.058 47.616-114.714 81.274-21.48 21.478-40.364 44.938-56.502 70.156zM774.156 121.844c-33.656-33.658-72.18-60.934-114.714-81.274 30.942 41.134 56.678 92.668 75.316 151.43h95.9c-16.14-25.218-35.022-48.678-56.502-70.156z" /> <glyph unicode="&#xe93a;" glyph-name="sphere, globe, internet" d="M480 896c-265.096 0-480-214.904-480-480 0-265.098 214.904-480 480-480 265.098 0 480 214.902 480 480 0 265.096-214.902 480-480 480zM751.59 256c8.58 40.454 13.996 83.392 15.758 128h127.446c-3.336-44.196-13.624-87.114-30.68-128h-112.524zM208.41 576c-8.58-40.454-13.996-83.392-15.758-128h-127.444c3.336 44.194 13.622 87.114 30.678 128h112.524zM686.036 576c9.614-40.962 15.398-83.854 17.28-128h-191.316v128h174.036zM512 640v187.338c14.59-4.246 29.044-11.37 43.228-21.37 26.582-18.74 52.012-47.608 73.54-83.486 14.882-24.802 27.752-52.416 38.496-82.484h-155.264zM331.232 722.484c21.528 35.878 46.956 64.748 73.54 83.486 14.182 10 28.638 17.124 43.228 21.37v-187.34h-155.264c10.746 30.066 23.616 57.68 38.496 82.484zM448 576v-128h-191.314c1.88 44.146 7.666 87.038 17.278 128h174.036zM95.888 256c-17.056 40.886-27.342 83.804-30.678 128h127.444c1.762-44.608 7.178-87.546 15.758-128h-112.524zM256.686 384h191.314v-128h-174.036c-9.612 40.96-15.398 83.854-17.278 128zM448 192v-187.34c-14.588 4.246-29.044 11.372-43.228 21.37-26.584 18.74-52.014 47.61-73.54 83.486-14.882 24.804-27.75 52.418-38.498 82.484h155.266zM628.768 109.516c-21.528-35.876-46.958-64.746-73.54-83.486-14.184-9.998-28.638-17.124-43.228-21.37v187.34h155.266c-10.746-30.066-23.616-57.68-38.498-82.484zM512 256v128h191.314c-1.88-44.146-7.666-87.040-17.28-128h-174.034zM767.348 448c-1.762 44.608-7.178 87.546-15.758 128h112.524c17.056-40.886 27.344-83.806 30.68-128h-127.446zM830.658 640h-95.9c-18.638 58.762-44.376 110.294-75.316 151.428 42.536-20.34 81.058-47.616 114.714-81.272 21.48-21.478 40.362-44.938 56.502-70.156zM185.844 710.156c33.658 33.658 72.18 60.932 114.714 81.272-30.942-41.134-56.676-92.666-75.316-151.428h-95.898c16.138 25.218 35.022 48.678 56.5 70.156zM129.344 192h95.898c18.64-58.762 44.376-110.294 75.318-151.43-42.536 20.34-81.058 47.616-114.714 81.274-21.48 21.478-40.364 44.938-56.502 70.156zM774.156 121.844c-33.656-33.658-72.18-60.934-114.714-81.274 30.942 41.134 56.678 92.668 75.316 151.43h95.9c-16.14-25.218-35.022-48.678-56.502-70.156z" />
<glyph unicode="&#xe93b;" glyph-name="wikipedia, brand" d="M966.8 726.4c0-3.2-1-6.2-3-9-2-2.6-4.2-4-6.8-4-20-2-36.4-8.4-49-19.2-12.8-10.8-25.8-31.8-39.2-62.4l-206.4-465.4c-1.4-4.4-5.2-6.4-11.4-6.4-4.8 0-8.6 2.2-11.4 6.4l-115.8 242-133.2-242c-2.8-4.4-6.4-6.4-11.4-6.4-6 0-9.8 2.2-11.8 6.4l-202.6 465.2c-12.6 28.8-26 49-40 60.4s-33.6 18.6-58.6 21.2c-2.2 0-4.2 1.2-6 3.4-2 2.2-2.8 4.8-2.8 7.8 0 7.6 2.2 11.4 6.4 11.4 18 0 37-0.8 56.8-2.4 18.4-1.6 35.6-2.4 51.8-2.4 16.4 0 36 0.8 58.4 2.4 23.4 1.6 44.2 2.4 62.4 2.4 4.4 0 6.4-3.8 6.4-11.4s-1.4-11.2-4-11.2c-18-1.4-32.4-6-42.8-13.8s-15.6-18-15.6-30.8c0-6.4 2.2-14.6 6.4-24.2l167.4-378.4 95.2 179.6-88.6 185.8c-16 33.2-29 54.6-39.2 64.2s-25.8 15.4-46.6 17.6c-2 0-3.6 1.2-5.4 3.4s-2.6 4.8-2.6 7.8c0 7.6 1.8 11.4 5.6 11.4 18 0 34.6-0.8 49.8-2.4 14.6-1.6 30-2.4 46.6-2.4 16.2 0 33.2 0.8 51.4 2.4 18.6 1.6 37 2.4 55 2.4 4.4 0 6.4-3.8 6.4-11.4s-1.2-11.2-4-11.2c-36.2-2.4-54.2-12.8-54.2-30.8 0-8 4.2-20.6 12.6-37.6l58.6-119 58.4 108.8c8 15.4 12.2 28.4 12.2 38.8 0 24.8-18 38-54.2 39.6-3.2 0-4.8 3.8-4.8 11.2 0 2.8 0.8 5.2 2.4 7.6s3.2 3.6 4.8 3.6c13 0 28.8-0.8 47.8-2.4 18-1.6 33-2.4 44.6-2.4 8.4 0 20.6 0.8 36.8 2 20.4 1.8 37.6 2.8 51.4 2.8 3.2 0 4.8-3.2 4.8-9.6 0-8.6-3-13-8.8-13-21-2.2-38-8-50.8-17.4s-28.8-30.8-48-64.4l-78.2-143.2 105.2-214.4 155.4 361.4c5.4 13.2 8 25.4 8 36.4 0 26.4-18 40.4-54.2 42.2-3.2 0-4.8 3.8-4.8 11.2 0 7.6 2.4 11.4 7.2 11.4 13.2 0 28.8-0.8 47-2.4 16.8-1.6 30.8-2.4 42-2.4 12 0 25.6 0.8 41.2 2.4 16.2 1.6 30.8 2.4 43.8 2.4 4 0 6-3.2 6-9.6z" /> <glyph unicode="&#xe93b;" glyph-name="wikipedia, brand" d="M966.8 726.4c0-3.2-1-6.2-3-9-2-2.6-4.2-4-6.8-4-20-2-36.4-8.4-49-19.2-12.8-10.8-25.8-31.8-39.2-62.4l-206.4-465.4c-1.4-4.4-5.2-6.4-11.4-6.4-4.8 0-8.6 2.2-11.4 6.4l-115.8 242-133.2-242c-2.8-4.4-6.4-6.4-11.4-6.4-6 0-9.8 2.2-11.8 6.4l-202.6 465.2c-12.6 28.8-26 49-40 60.4s-33.6 18.6-58.6 21.2c-2.2 0-4.2 1.2-6 3.4-2 2.2-2.8 4.8-2.8 7.8 0 7.6 2.2 11.4 6.4 11.4 18 0 37-0.8 56.8-2.4 18.4-1.6 35.6-2.4 51.8-2.4 16.4 0 36 0.8 58.4 2.4 23.4 1.6 44.2 2.4 62.4 2.4 4.4 0 6.4-3.8 6.4-11.4s-1.4-11.2-4-11.2c-18-1.4-32.4-6-42.8-13.8s-15.6-18-15.6-30.8c0-6.4 2.2-14.6 6.4-24.2l167.4-378.4 95.2 179.6-88.6 185.8c-16 33.2-29 54.6-39.2 64.2s-25.8 15.4-46.6 17.6c-2 0-3.6 1.2-5.4 3.4s-2.6 4.8-2.6 7.8c0 7.6 1.8 11.4 5.6 11.4 18 0 34.6-0.8 49.8-2.4 14.6-1.6 30-2.4 46.6-2.4 16.2 0 33.2 0.8 51.4 2.4 18.6 1.6 37 2.4 55 2.4 4.4 0 6.4-3.8 6.4-11.4s-1.2-11.2-4-11.2c-36.2-2.4-54.2-12.8-54.2-30.8 0-8 4.2-20.6 12.6-37.6l58.6-119 58.4 108.8c8 15.4 12.2 28.4 12.2 38.8 0 24.8-18 38-54.2 39.6-3.2 0-4.8 3.8-4.8 11.2 0 2.8 0.8 5.2 2.4 7.6s3.2 3.6 4.8 3.6c13 0 28.8-0.8 47.8-2.4 18-1.6 33-2.4 44.6-2.4 8.4 0 20.6 0.8 36.8 2 20.4 1.8 37.6 2.8 51.4 2.8 3.2 0 4.8-3.2 4.8-9.6 0-8.6-3-13-8.8-13-21-2.2-38-8-50.8-17.4s-28.8-30.8-48-64.4l-78.2-143.2 105.2-214.4 155.4 361.4c5.4 13.2 8 25.4 8 36.4 0 26.4-18 40.4-54.2 42.2-3.2 0-4.8 3.8-4.8 11.2 0 7.6 2.4 11.4 7.2 11.4 13.2 0 28.8-0.8 47-2.4 16.8-1.6 30.8-2.4 42-2.4 12 0 25.6 0.8 41.2 2.4 16.2 1.6 30.8 2.4 43.8 2.4 4 0 6-3.2 6-9.6z" />
<glyph unicode="&#xe93c;" glyph-name="tasks" d="M585.143 146.286h365.714v73.143h-365.714v-73.143zM365.714 438.857h585.143v73.143h-585.143v-73.143zM731.429 731.428h219.429v73.143h-219.429v-73.143zM1024 256v-146.286c0-20-16.571-36.571-36.571-36.571h-950.857c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h950.857c20 0 36.571-16.571 36.571-36.571zM1024 548.571v-146.286c0-20-16.571-36.571-36.571-36.571h-950.857c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h950.857c20 0 36.571-16.571 36.571-36.571zM1024 841.143v-146.286c0-20-16.571-36.571-36.571-36.571h-950.857c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h950.857c20 0 36.571-16.571 36.571-36.571z" /> <glyph unicode="&#xe93c;" glyph-name="tasks" d="M585.143 146.286h365.714v73.143h-365.714v-73.143zM365.714 438.857h585.143v73.143h-585.143v-73.143zM731.429 731.428h219.429v73.143h-219.429v-73.143zM1024 256v-146.286c0-20-16.571-36.571-36.571-36.571h-950.857c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h950.857c20 0 36.571-16.571 36.571-36.571zM1024 548.571v-146.286c0-20-16.571-36.571-36.571-36.571h-950.857c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h950.857c20 0 36.571-16.571 36.571-36.571zM1024 841.143v-146.286c0-20-16.571-36.571-36.571-36.571h-950.857c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h950.857c20 0 36.571-16.571 36.571-36.571z" />
<glyph unicode="&#xe93d;" glyph-name="thumbs-down" horiz-adv-x="914" d="M146.286 621.714c0-20-16.571-36.571-36.571-36.571-20.571 0-36.571 16.571-36.571 36.571 0 20.571 16 36.571 36.571 36.571 20 0 36.571-16 36.571-36.571zM237.714 329.143v365.714c0 20-16.571 36.571-36.571 36.571h-164.571c-20 0-36.571-16.571-36.571-36.571v-365.714c0-20 16.571-36.571 36.571-36.571h164.571c20 0 36.571 16.571 36.571 36.571zM882.857 414.286c19.429-21.714 31.429-54.857 31.429-85.143-0.571-59.429-50.286-109.714-109.714-109.714h-158.286c4.571-18.286 10.286-24 16.571-36.571 14.857-29.714 32-62.857 32-109.714 0-44 0-146.286-128-146.286-9.714 0-18.857 4-25.714 10.857-24.571 24-31.429 59.429-37.714 93.143-6.857 33.143-13.143 67.429-35.429 89.714-17.714 17.714-37.143 42.286-57.714 68.571-25.143 33.143-80 101.143-101.143 102.857-18.857 1.714-34.857 17.714-34.857 36.571v366.286c0 20 17.143 36 36.571 36.571 20 0.571 54.286 12.571 90.286 25.143 61.714 21.143 138.857 48 220.571 48h73.714c50.286-0.571 88-15.429 112.571-44.571 21.714-25.714 31.429-60.571 28-103.429 14.286-13.714 25.143-32.571 30.857-53.714 6.286-22.857 6.286-45.714 0-66.857 17.143-22.857 25.714-49.714 24.571-78.286 0-8-2.286-25.143-8.571-43.429z" />
<glyph unicode="&#xe93e;" glyph-name="thumbs-up" horiz-adv-x="914" d="M146.286 182.857c0 20-16.571 36.571-36.571 36.571-20.571 0-36.571-16.571-36.571-36.571 0-20.571 16-36.571 36.571-36.571 20 0 36.571 16 36.571 36.571zM237.714 475.428v-365.714c0-20-16.571-36.571-36.571-36.571h-164.571c-20 0-36.571 16.571-36.571 36.571v365.714c0 20 16.571 36.571 36.571 36.571h164.571c20 0 36.571-16.571 36.571-36.571zM914.286 475.428c0-30.286-12-62.857-31.429-85.143 6.286-18.286 8.571-35.429 8.571-43.429 1.143-28.571-7.429-55.429-24.571-78.286 6.286-21.143 6.286-44 0-66.857-5.714-21.143-16.571-40-30.857-53.714 3.429-42.857-6.286-77.714-28-103.429-24.571-29.143-62.286-44-112.571-44.571h-73.714c-81.714 0-158.857 26.857-220.571 48-36 12.571-70.286 24.571-90.286 25.143-19.429 0.571-36.571 16.571-36.571 36.571v366.286c0 18.857 16 34.857 34.857 36.571 21.143 1.714 76 69.714 101.143 102.857 20.571 26.286 40 50.857 57.714 68.571 22.286 22.286 28.571 56.571 35.429 89.714 6.286 33.714 13.143 69.143 37.714 93.143 6.857 6.857 16 10.857 25.714 10.857 128 0 128-102.286 128-146.286 0-46.857-16.571-80-32-109.714-6.286-12.571-12-18.286-16.571-36.571h158.286c59.429 0 109.714-50.286 109.714-109.714z" />
</font></defs></svg> </font></defs></svg>
\ No newline at end of file
source/icons/fonts/pirati-ui.ttf
+ 0
− 0
View file @ 8e3ec973
No preview for this file type
source/icons/fonts/pirati-ui.woff
+ 0
− 0
View file @ 8e3ec973
No preview for this file type
source/icons/selection.json
+ 1
− 1
View file @ 8e3ec973
This diff is collapsed.
source/icons/style.css
+ 11
− 5
View file @ 8e3ec973
@font-face { @font-face {
font-family: 'pirati-ui'; font-family: 'pirati-ui';
src: url('fonts/pirati-ui.eot?6flaiz'); src: url('fonts/pirati-ui.eot?fpla8g');
src: url('fonts/pirati-ui.eot?6flaiz#iefix') format('embedded-opentype'), src: url('fonts/pirati-ui.eot?fpla8g#iefix') format('embedded-opentype'),
url('fonts/pirati-ui.ttf?6flaiz') format('truetype'), url('fonts/pirati-ui.ttf?fpla8g') format('truetype'),
url('fonts/pirati-ui.woff?6flaiz') format('woff'), url('fonts/pirati-ui.woff?fpla8g') format('woff'),
url('fonts/pirati-ui.svg?6flaiz#pirati-ui') format('svg'); url('fonts/pirati-ui.svg?fpla8g#pirati-ui') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
...@@ -220,6 +220,12 @@ ...@@ -220,6 +220,12 @@
.ico--at:before { .ico--at:before {
content: "\e905"; content: "\e905";
} }
.ico--thumbs-down:before {
content: "\e93d";
}
.ico--thumbs-up:before {
content: "\e93e";
}
.ico--tasks:before { .ico--tasks:before {
content: "\e93c"; content: "\e93c";
} }
......
source/icons/style.scss
+ 15
− 5
View file @ 8e3ec973
...@@ -2,11 +2,11 @@ ...@@ -2,11 +2,11 @@
@font-face { @font-face {
font-family: '#{$icomoon-font-family}'; font-family: '#{$icomoon-font-family}';
src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?6flaiz'); src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?fpla8g');
src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?6flaiz#iefix') format('embedded-opentype'), src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?fpla8g#iefix') format('embedded-opentype'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?6flaiz') format('truetype'), url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?fpla8g') format('truetype'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?6flaiz') format('woff'), url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?fpla8g') format('woff'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?6flaiz##{$icomoon-font-family}') format('svg'); url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?fpla8g##{$icomoon-font-family}') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
...@@ -352,6 +352,16 @@ ...@@ -352,6 +352,16 @@
content: $ico--at; content: $ico--at;
} }
} }
.ico--thumbs-down {
&:before {
content: $ico--thumbs-down;
}
}
.ico--thumbs-up {
&:before {
content: $ico--thumbs-up;
}
}
.ico--tasks { .ico--tasks {
&:before { &:before {
content: $ico--tasks; content: $ico--tasks;
......
source/icons/variables.scss
+ 2
− 0
View file @ 8e3ec973
...@@ -66,6 +66,8 @@ $ico--city: "\e908"; ...@@ -66,6 +66,8 @@ $ico--city: "\e908";
$ico--beer: "\e909"; $ico--beer: "\e909";
$ico--edit-pencil: "\e929"; $ico--edit-pencil: "\e929";
$ico--at: "\e905"; $ico--at: "\e905";
$ico--thumbs-down: "\e93d";
$ico--thumbs-up: "\e93e";
$ico--tasks: "\e93c"; $ico--tasks: "\e93c";
$ico--calculator: "\e931"; $ico--calculator: "\e931";
$ico--bank: "\e92a"; $ico--bank: "\e92a";
......
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