Saeid 4 years ago
commit 39f7261828

Binary file not shown.

@ -860,6 +860,12 @@
<glyph glyph-name="tag-1" unicode="&#xf5e7;" d="M724 850h-533c-10 0-19-8-19-18v-874c0-10 9-19 19-19 4 0 8 2 11 4l38 30v794c0 7 6 13 14 13h488v52c0 10-8 18-18 18z m90-97c-1 0-1 0-1 0h-546v-808c0-2 0-3-1-5v-76c0-8 6-14 14-14 3 0 6 1 9 3l260 206 256-206c6-5 15-4 20 2 2 3 3 6 3 9v875c-1 8-7 14-14 14z m-267-296c-46-1-83 36-83 81-1 45 36 82 81 83 45 0 82-36 83-81 0-1 0-1 0-1 0-45-36-82-81-82z" horiz-adv-x="1000" />
<glyph glyph-name="electronic" unicode="&#xf5e9;" d="M154 499v10c0 16 13 30 30 30h507c49 0 88 39 88 87v163c0 16-13 29-29 29s-29-13-29-29v-163c0-16-13-29-30-29h-507c-49 0-88-39-88-88v-10z m758-58h-824c-49 0-88-40-88-88v-383c0-48 39-88 88-88h824c49 0 88 40 88 88v383c0 48-39 88-88 88z m-256-250c16 0 30-13 30-29s-14-30-30-30h-15c-17 0-30 13-30 30s13 29 30 29z m-93 125h46c17 0 30-13 30-29s-13-30-30-30h-46c-17 0-30 13-30 30s13 29 30 29z m-47-125c16 0 29-13 29-29s-13-30-29-30h-32c-16 0-29 13-29 30s13 29 29 29z m-360 125h47c16 0 29-13 29-29s-13-30-29-30h-47c-16 0-29 13-29 30s13 29 29 29z m32-309h-32c-16 0-29 13-29 30s13 29 29 29h32c16 0 29-13 29-29s-13-30-29-30z m31 125h-63c-16 0-29 13-29 30s13 29 29 29h63c16 0 29-13 29-29s-13-30-29-30z m125-125h-31c-17 0-30 13-30 30s13 29 30 29h31c16 0 29-13 29-29s-13-30-29-30z m15 125h-15c-16 0-29 13-29 30s13 29 29 29h15c17 0 30-13 30-29s-13-30-30-30z m32 125c-17 0-30 13-30 30s13 29 30 29h47c16 0 29-13 29-29s-13-30-29-30z m312-250h-234c-16 0-29 13-29 30s13 29 29 29h234c16 0 29-13 29-29s-13-30-29-30z m141 0h-16c-16 0-29 13-29 30s13 29 29 29h16c16 0 29-13 29-29s-13-30-29-30z m0 125h-63c-16 0-29 13-29 30s13 29 29 29h63c16 0 29-13 29-29s-13-30-29-30z m0 125h-47c-16 0-29 13-29 30s13 29 29 29h47c16 0 29-13 29-29s-13-30-29-30z" horiz-adv-x="1000" />
<glyph glyph-name="ladder" unicode="&#xf5ea;" d="M722 849c-16 0-29-13-29-29v-90h-386v91c0 16-13 29-29 29s-30-13-30-29v-941c0-16 14-29 30-29s29 13 29 29v90h386v-91c0-16 13-29 29-29s30 13 30 29v941c0 16-13 29-30 29z m-29-470h-386v117h386z m-386-59h386v-116h-386z m386 351v-117h-386v117z m-386-643v117h386v-117z" horiz-adv-x="1000" />
<glyph glyph-name="list-1" unicode="&#xf5ec;" d="M965 650h-521c-20 0-35 16-35 35s15 35 35 35h521c19 0 35-16 35-35s-16-35-35-35z m0-347h-521c-20 0-35 15-35 34s15 35 35 35h521c19 0 35-15 35-35s-16-34-35-34z m-835 278c-10 0-20 4-26 12l-87 105c-13 15-11 37 4 49s37 10 49-5l60-71 113 140c12 15 34 17 49 4 14-12 16-32 5-47l-139-174c-7-8-17-13-28-13z m-8-357c-67 0-122 55-122 122s55 122 122 122 122-55 122-122-55-122-122-122z m0 174c-29 0-52-23-52-52 0-29 23-52 52-52s52 23 52 52c0 29-23 52-52 52z m843-443h-521c-20 0-35 15-35 35s15 34 35 34h521c19 0 35-15 35-34s-16-35-35-35z m-843-79c-67 0-122 55-122 122s55 122 122 122 122-54 122-122-55-122-122-122l0 0z m0 174c-29 0-52-23-52-52s23-52 52-52 52 23 52 52-23 52-52 52z" horiz-adv-x="1000" />
<glyph glyph-name="oil-can" unicode="&#xf613;" d="M1230 537c10 3 20-5 20-15v-35c0-5-2-9-5-11l-414-420c-12-12-28-18-45-18h-536c-34 0-62 28-62 62v91l-137 25c-29 5-51 31-51 61v186c0 35 29 62 62 62 4 0 9 0 12-1l270-49h109v94h-109c-17 0-31 14-31 31v31c0 18 14 32 31 32h312c18 0 32-14 32-32v-31c0-17-14-31-32-31h-109v-94h111c16 0 41-6 56-13l99-49z m-1042-251v122l-94 17v-122z m885-165c0 46 83 167 83 167s84-121 84-167-38-83-84-83-83 37-83 83z" horiz-adv-x="1250" />
<glyph glyph-name="truck-monster" unicode="&#xf63b;" d="M1219 413c17 0 31-14 31-32v-62c0-17-14-31-31-31h-33c-57 75-147 125-248 125-102 0-192-50-249-125h-128c-57 75-147 125-248 125s-192-50-249-125h-33c-17 0-31 14-31 31v62c0 18 14 32 31 32h32v156c0 17 14 31 31 31h344v188c0 34 28 62 62 62h221c33 0 77-21 98-47l162-203h144c35 0 63-28 63-62v-125h31z m-656 187h258l-100 125h-158v-125z m593-437c18 0 32-14 32-32v-62c0-17-14-31-32-31h-10c-3-12-11-30-17-41l7-8c13-12 13-32 0-44l-44-44c-12-12-32-12-44 0l-7 7c-13-7-27-12-41-17v-10c0-17-14-31-31-31h-63c-17 0-31 14-31 31v10c-14 5-28 10-41 17l-7-7c-12-12-32-12-44 0l-44 44c-13 12-13 32 0 44l7 8c-7 13-13 26-17 41h-10c-17 0-31 14-31 31v62c0 18 14 32 31 32h10c3 11 11 30 17 40l-7 8c-13 12-13 32 0 44l44 44c12 12 32 12 44 0l7-7c13 7 27 12 41 17v10c0 17 14 31 31 31h63c17 0 31-14 31-31v-10c12-4 30-11 41-17l7 7c12 12 32 12 44 0l44-44c13-12 13-32 0-44l-7-8c7-13 13-26 17-40h10z m-218-157c51 0 93 42 93 94s-42 94-93 94-94-42-94-94 42-94 94-94z m-407 157c18 0 32-14 32-32v-62c0-17-14-31-32-31h-10c-3-12-11-30-17-41l7-7c13-13 13-32 0-45l-44-44c-12-12-32-12-44 0l-7 7c-13-7-27-12-41-17v-10c0-17-14-31-31-31h-63c-17 0-31 14-31 31v10c-14 5-28 10-41 17l-7-7c-12-12-32-12-44 0l-44 44c-13 13-13 32 0 45l7 7c-7 13-13 26-17 41h-10c-17 0-31 14-31 31v62c0 18 14 32 31 32h10c3 11 11 30 17 40l-7 8c-13 12-13 32 0 44l44 44c12 12 32 12 44 0l7-7c13 7 27 12 41 17v10c0 17 14 31 31 31h63c17 0 31-14 31-31v-10c12-4 30-11 41-17l7 7c12 12 32 12 44 0l44-44c13-12 13-32 0-44l-7-8c7-13 13-26 17-40h10z m-218-157c51 0 93 42 93 94s-42 94-93 94-94-42-94-94 42-94 94-94z" horiz-adv-x="1250" />
@ -894,6 +900,8 @@
<glyph glyph-name="hamburger" unicode="&#xf805;" d="M906 350c52 0 94-42 94-94s-42-93-94-93h-812c-52 0-94 42-94 93s42 94 94 94h812z m32-250c17 0 31-14 31-31v-31c0-70-56-126-125-126h-688c-69 0-125 56-125 126v31c0 17 14 31 32 31h875z m-823 313c-68 0-107 85-68 148 78 127 251 226 453 227 202-1 375-100 454-227 38-63-1-148-68-148h-771z m635 218c-17 0-31-14-31-31s14-31 31-31 31 14 31 31-14 31-31 31z m-250 63c-17 0-31-14-31-31s14-32 31-32 31 14 31 32-14 31-31 31z m-250-63c-17 0-31-14-31-31s14-31 31-31 31 14 31 31-14 31-31 31z" horiz-adv-x="1000" />
<glyph glyph-name="ice-cream" unicode="&#xf810;" d="M719 538c52 0 94-42 94-94s-42-94-94-94h-563c-51 0-93 42-93 94s42 94 93 94h2c-1 8-2 23-2 32 0 155 126 281 282 281s281-126 281-281c0-9-1-24-2-32h2z m-337-652l-194 402h500l-195-402c-9-20-34-36-55-36s-47 16-56 36z" horiz-adv-x="875" />
<glyph glyph-name="pepper-hot" unicode="&#xf816;" d="M646 336h210l72-75c-95-171-403-411-819-411-60 0-109 49-109 109s49 110 109 110c277 0 320 354 434 490l103-48v-175z m256 251c54-50 98-149 98-222v-1c0-26-4-52-11-76l-107 111h-174v152l-145 67c43 28 94 45 149 45 32 0 82-11 111-24 36 73 16 121 3 141-2 3-3 7-3 9 0 4 2 9 5 11l44 45c3 3 8 5 12 5 4 0 9-3 12-6 36-46 69-140 6-257z" horiz-adv-x="1000" />
<glyph glyph-name="pizza-slice" unicode="&#xf818;" d="M310 850c356-34 649-322 690-675 3-32-16-62-47-71l-111-30c-15 364-263 608-630 619l29 110c8 30 38 50 69 47z m-114-219c344-4 576-233 584-574l-740-206c-2 0-6-1-8-1-18 0-32 14-32 32 0 2 1 6 1 8z m54-593c35 0 63 28 63 62s-28 63-63 63-62-28-62-63 28-62 62-62z m94 296c34 0 62 28 62 63s-28 62-62 62-63-28-63-62 28-63 63-63z m203-203c34 0 62 28 62 63s-28 62-62 62-63-28-63-62 28-63 63-63z" horiz-adv-x="1000" />

Before

Width:  |  Height:  |  Size: 206 KiB

After

Width:  |  Height:  |  Size: 208 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

@ -1,6 +1,6 @@
<template>
<div class="info-block" :class='direction'>
<div class="Label"><v-icon>WMi-{{icon}}</v-icon> {{ label }} </div>
<div class="Label"><v-icon v-if="icon">WMi-{{icon}}</v-icon> {{ label }} </div>
<div class="Value" :class='valueClass' v-html="value"></div>
</div>
</template>
@ -8,7 +8,7 @@
<script>
export default {
props: {
icon: { default: 'check' },
icon: String,
label: { default: " عنوان " },
value: { default: "" },
direction: { default: '' },
@ -26,7 +26,7 @@ export default {
.info-block.LTR {
text-align: left;
direction: ltr;
font-family: "BYekan-Edited",'Montserrat-Regular' !important;
font-family: 'Montserrat-Regular' !important;
border-right: 0px;
border-left: 1px solid #dcdcdc;
}
@ -37,6 +37,7 @@ export default {
.info-block .Value {
color: #000;
font-size: 16px;
font-family: 'iranyekan-regular-en-num';
}
.info-block .v-icon {
margin-top: -5px;

@ -7,6 +7,7 @@
<!------------------------Conditional::Begin----------------------->
<div v-if="name_en" class="En"> {{ name_en }} </div>
<div v-if="date" class="Fa Thin date"> {{ date }} </div>
<div v-if="label" class="Fa Thin label"><v-icon v-if="labelIcon">WMi-{{ labelIcon }}</v-icon> {{ label }} </div>
<div v-if="$slots.customText">
<slot name="customText"></slot>
</div>
@ -23,6 +24,8 @@
name_fa: { default: 'نام فارسی' },
name_en: String,
date: String,
label: String,
labelIcon: String,
colorBox: String,
},
};
@ -58,6 +61,9 @@
.name-block .text .date {
font-size: 12px;
}
.name-block .text .label {
font-size: 14px;
}
.name-block.en-origin .text .En {
font-size: 13px;
@ -75,9 +81,11 @@
}
.name-block.md .Fa {
font-size: 18px;
line-height: 28px;
}
.name-block.md .En {
font-size: 10px;
line-height: 18px;
letter-spacing: 3px;
text-transform: uppercase;
margin-right: -3px;
@ -94,9 +102,11 @@
}
.name-block.sm .Fa {
font-size: 16px;
line-height: 26px;
}
.name-block.sm .En {
font-size: 10px;
line-height: 18px;
letter-spacing: 3px;
text-transform: uppercase;
margin-right: -3px;
@ -106,7 +116,7 @@
}
/*----------------------------------------------------*/
/* Size MD */
/* Size xl */
/*----------------------------------------------------*/
.name-block.xl {
text-align:right;
@ -114,9 +124,11 @@
}
.name-block.xl .Fa {
font-size: 28px;
line-height: 38px;
}
.name-block.xl .En {
font-size: 16px;
line-height: 24px;
letter-spacing: 5px;
text-transform: uppercase;
color: #9a9a9a;

@ -43,7 +43,7 @@
font-size: 14px;
opacity: 0.7;
text-align: right;
line-height: 16px;
line-height: 13px;
margin-right: 3px;
}
@ -60,11 +60,16 @@
font-size: 50px;
line-height: 35px;
}
/*--------------md------------------------------------*/
/*--------------sm------------------------------------*/
.we-number.sm .number {
font-size: 35px;
line-height: 30px;
}
/*--------------xl------------------------------------*/
.we-number.xxl .number {
font-size: 80px;
line-height: 65px;
}
/*----------------------------------------------------*/
/* Colors */

@ -118,6 +118,12 @@
.we-price.bg-#{$color} {
background-color: $value;
}
.we-price.theme-#{$color} .discount .percent {
background-color: $value;
}
.we-price.theme-#{$color} .number-original {
color: $value;
}
}

@ -0,0 +1,59 @@
<template>
<div :class="`rates ${theme} LTR`">
<v-icon color="yellow"> WMi-star</v-icon>
<v-icon color="yellow"> WMi-star</v-icon>
<v-icon color="yellow"> WMi-star</v-icon>
<v-icon color="yellow"> WMi-star</v-icon>
<v-icon color="yellow"> WMi-star-half-alt</v-icon>
<div class="number En Bold yellow--text"> {{ rate }}% </div>
<div class="total Fa Thin"> بر اساس <span class="En Bold"> {{ total_rates }} </span> بررسی </div>
</div>
</template>
<script>
export default {
props: {
theme: { default: '' },
rate: { default: '' },
total_rates: { default: 'آیتم' },
},
};
</script>
<style lang="scss" scoped>
.rates {
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 3px;
}
.rates .number {
margin-left: 5px;
margin-top: 3px;
font-size: 18px;
line-height: 26px;
}
.rates .total {
color: #777;
font-size: 14px;
margin-left: 15px;
border-left: 1px solid #000;
padding-left: 15px;
}
/*----------------------------------------------------*/
/* Colors */
/*----------------------------------------------------*/
@import "resources/js/Global/scss/_vars.scss";
@each $color,
$value in $colors {
.we-number.bg-#{$color} {
background-color: $value;
}
}
@each $color,
$value in $colors {
.we-number.theme-#{$color} {
color: $value;
}
}
</style>

@ -63,6 +63,7 @@ export default {
letter-spacing: 5px;
text-transform: uppercase;
margin-right: -5px;
color: #afafaf;
}
@ -91,5 +92,26 @@ export default {
font-size: 40px;
}
/* --------------------------------------------------------
XS Size :: Begin
-------------------------------------------------------- */
.section-title.xs .step {
font-size: 35px;
line-height: 45px;
}
.section-title.xs .Title .Fa {
font-size: 17px;
line-height: 23px;
}
.section-title.xs .Title .En {
font-size: 9px;
line-height: 12px;
}
.section-title.xs .v-icon {
font-size: 32px;
margin-left: 5px;
}
</style>

@ -1,9 +1,18 @@
<template>
<div :class="`quantity-select ${theme}`">
<div class="controls">
<div class="add">
<v-icon color="cyan">WMi-plus</v-icon>
<div class="value En Bold"> {{ quantity }} <div class="unit Fa Thin"> {{ label }} </div> </div>
</div>
<div class="reduce">
<v-icon color="red">WMi-minus</v-icon>
</div>
</div>
<div class="value En Bold">
<div class="number"> {{ quantity }} </div>
<div class="unit Fa Thin"> {{ label }} </div>
</div>
</div>
</template>
@ -31,25 +40,40 @@
cursor: pointer;
}
.quantity-select .value {
padding: 15px 0px 0px 0px;
margin-top: 5px;
font-size: 40px;
padding: 0px 0px 0px 0px;
margin-top: 0px;
font-size: 35px;
line-height: 30px;
color: var(--color-black);
margin-top: -2px;
}
.quantity-select .value .unit {
font-size: 12px;
margin-top: 8px;
line-height: 16px;
/*margin-top: 8px;*/
}
.quantity-select .v-icon:hover {
opacity: 1;
}
.quantity-select .controls .add {
display: block;
}
.quantity-select .controls .reduce {
display: block;
margin-top: -10px;
margin-right: 1px;
}
/*----------------------------------------------------*/
/* SM Size */
/*----------------------------------------------------*/
.quantity-select.sm .v-icon {
font-size: 25px;
}
.quantity-select.sm .value {
font-size: 30px;
font-size: 40px;
}
.quantity-select.sm .value .unit {
display: none;
@ -58,6 +82,16 @@
padding-top: 0px;
margin-top: 0px;
}
.quantity-select.sm .controls .add {
display: block;
margin-bottom: -10px;
margin-top: 5px;
}
.quantity-select.sm .controls .reduce {
display: block;
margin-top: 3px;
margin-right: 1px;
}

@ -426,6 +426,9 @@
.WMi-car-side:before { content: '\f5e4'; } /* '' */
.WMi-pos-terminal:before { content: '\f5e5'; } /* '' */
.WMi-tag-1:before { content: '\f5e7'; } /* '' */
.WMi-electronic:before { content: '\f5e9'; } /* '' */
.WMi-ladder:before { content: '\f5ea'; } /* '' */
.WMi-list-1:before { content: '\f5ec'; } /* '' */
.WMi-oil-can:before { content: '\f613'; } /* '' */
.WMi-truck-monster:before { content: '\f63b'; } /* '' */
.WMi-shape-rectangle-plus:before { content: '\f65f'; } /* '' */
@ -443,6 +446,7 @@
.WMi-fire-alt:before { content: '\f7e4'; } /* '' */
.WMi-cheese:before { content: '\f7ef'; } /* '' */
.WMi-hamburger:before { content: '\f805'; } /* '' */
.WMi-ice-cream:before { content: '\f810'; } /* '' */
.WMi-pepper-hot:before { content: '\f816'; } /* '' */
.WMi-pizza-slice:before { content: '\f818'; } /* '' */
.WMi-user-nurse:before { content: '\f82f'; } /* '' */

File diff suppressed because one or more lines are too long

@ -426,6 +426,9 @@
.WMi-car-side { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5e4;&nbsp;'); }
.WMi-pos-terminal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5e5;&nbsp;'); }
.WMi-tag-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5e7;&nbsp;'); }
.WMi-electronic { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5e9;&nbsp;'); }
.WMi-ladder { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5ea;&nbsp;'); }
.WMi-list-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5ec;&nbsp;'); }
.WMi-oil-can { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf613;&nbsp;'); }
.WMi-truck-monster { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf63b;&nbsp;'); }
.WMi-shape-rectangle-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf65f;&nbsp;'); }
@ -443,6 +446,7 @@
.WMi-fire-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf7e4;&nbsp;'); }
.WMi-cheese { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf7ef;&nbsp;'); }
.WMi-hamburger { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf805;&nbsp;'); }
.WMi-ice-cream { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf810;&nbsp;'); }
.WMi-pepper-hot { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf816;&nbsp;'); }
.WMi-pizza-slice { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf818;&nbsp;'); }
.WMi-user-nurse { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf82f;&nbsp;'); }

@ -437,6 +437,9 @@
.WMi-car-side { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5e4;&nbsp;'); }
.WMi-pos-terminal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5e5;&nbsp;'); }
.WMi-tag-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5e7;&nbsp;'); }
.WMi-electronic { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5e9;&nbsp;'); }
.WMi-ladder { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5ea;&nbsp;'); }
.WMi-list-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf5ec;&nbsp;'); }
.WMi-oil-can { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf613;&nbsp;'); }
.WMi-truck-monster { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf63b;&nbsp;'); }
.WMi-shape-rectangle-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf65f;&nbsp;'); }
@ -454,6 +457,7 @@
.WMi-fire-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf7e4;&nbsp;'); }
.WMi-cheese { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf7ef;&nbsp;'); }
.WMi-hamburger { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf805;&nbsp;'); }
.WMi-ice-cream { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf810;&nbsp;'); }
.WMi-pepper-hot { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf816;&nbsp;'); }
.WMi-pizza-slice { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf818;&nbsp;'); }
.WMi-user-nurse { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf82f;&nbsp;'); }

@ -1,11 +1,11 @@
@font-face {
font-family: 'fontello';
src: url('../font/fontello.eot?56911868');
src: url('../font/fontello.eot?56911868#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?56911868') format('woff2'),
url('../font/fontello.woff?56911868') format('woff'),
url('../font/fontello.ttf?56911868') format('truetype'),
url('../font/fontello.svg?56911868#fontello') format('svg');
src: url('../font/fontello.eot?85183092');
src: url('../font/fontello.eot?85183092#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?85183092') format('woff2'),
url('../font/fontello.woff?85183092') format('woff'),
url('../font/fontello.ttf?85183092') format('truetype'),
url('../font/fontello.svg?85183092#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
@ -15,7 +15,7 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?56911868#fontello') format('svg');
src: url('../font/fontello.svg?85183092#fontello') format('svg');
}
}
*/
@ -482,6 +482,9 @@
.WMi-car-side:before { content: '\f5e4'; } /* '' */
.WMi-pos-terminal:before { content: '\f5e5'; } /* '' */
.WMi-tag-1:before { content: '\f5e7'; } /* '' */
.WMi-electronic:before { content: '\f5e9'; } /* '' */
.WMi-ladder:before { content: '\f5ea'; } /* '' */
.WMi-list-1:before { content: '\f5ec'; } /* '' */
.WMi-oil-can:before { content: '\f613'; } /* '' */
.WMi-truck-monster:before { content: '\f63b'; } /* '' */
.WMi-shape-rectangle-plus:before { content: '\f65f'; } /* '' */
@ -499,6 +502,7 @@
.WMi-fire-alt:before { content: '\f7e4'; } /* '' */
.WMi-cheese:before { content: '\f7ef'; } /* '' */
.WMi-hamburger:before { content: '\f805'; } /* '' */
.WMi-ice-cream:before { content: '\f810'; } /* '' */
.WMi-pepper-hot:before { content: '\f816'; } /* '' */
.WMi-pizza-slice:before { content: '\f818'; } /* '' */
.WMi-user-nurse:before { content: '\f82f'; } /* '' */

@ -860,6 +860,12 @@
<glyph glyph-name="tag-1" unicode="&#xf5e7;" d="M724 850h-533c-10 0-19-8-19-18v-874c0-10 9-19 19-19 4 0 8 2 11 4l38 30v794c0 7 6 13 14 13h488v52c0 10-8 18-18 18z m90-97c-1 0-1 0-1 0h-546v-808c0-2 0-3-1-5v-76c0-8 6-14 14-14 3 0 6 1 9 3l260 206 256-206c6-5 15-4 20 2 2 3 3 6 3 9v875c-1 8-7 14-14 14z m-267-296c-46-1-83 36-83 81-1 45 36 82 81 83 45 0 82-36 83-81 0-1 0-1 0-1 0-45-36-82-81-82z" horiz-adv-x="1000" />
<glyph glyph-name="electronic" unicode="&#xf5e9;" d="M154 499v10c0 16 13 30 30 30h507c49 0 88 39 88 87v163c0 16-13 29-29 29s-29-13-29-29v-163c0-16-13-29-30-29h-507c-49 0-88-39-88-88v-10z m758-58h-824c-49 0-88-40-88-88v-383c0-48 39-88 88-88h824c49 0 88 40 88 88v383c0 48-39 88-88 88z m-256-250c16 0 30-13 30-29s-14-30-30-30h-15c-17 0-30 13-30 30s13 29 30 29z m-93 125h46c17 0 30-13 30-29s-13-30-30-30h-46c-17 0-30 13-30 30s13 29 30 29z m-47-125c16 0 29-13 29-29s-13-30-29-30h-32c-16 0-29 13-29 30s13 29 29 29z m-360 125h47c16 0 29-13 29-29s-13-30-29-30h-47c-16 0-29 13-29 30s13 29 29 29z m32-309h-32c-16 0-29 13-29 30s13 29 29 29h32c16 0 29-13 29-29s-13-30-29-30z m31 125h-63c-16 0-29 13-29 30s13 29 29 29h63c16 0 29-13 29-29s-13-30-29-30z m125-125h-31c-17 0-30 13-30 30s13 29 30 29h31c16 0 29-13 29-29s-13-30-29-30z m15 125h-15c-16 0-29 13-29 30s13 29 29 29h15c17 0 30-13 30-29s-13-30-30-30z m32 125c-17 0-30 13-30 30s13 29 30 29h47c16 0 29-13 29-29s-13-30-29-30z m312-250h-234c-16 0-29 13-29 30s13 29 29 29h234c16 0 29-13 29-29s-13-30-29-30z m141 0h-16c-16 0-29 13-29 30s13 29 29 29h16c16 0 29-13 29-29s-13-30-29-30z m0 125h-63c-16 0-29 13-29 30s13 29 29 29h63c16 0 29-13 29-29s-13-30-29-30z m0 125h-47c-16 0-29 13-29 30s13 29 29 29h47c16 0 29-13 29-29s-13-30-29-30z" horiz-adv-x="1000" />
<glyph glyph-name="ladder" unicode="&#xf5ea;" d="M722 849c-16 0-29-13-29-29v-90h-386v91c0 16-13 29-29 29s-30-13-30-29v-941c0-16 14-29 30-29s29 13 29 29v90h386v-91c0-16 13-29 29-29s30 13 30 29v941c0 16-13 29-30 29z m-29-470h-386v117h386z m-386-59h386v-116h-386z m386 351v-117h-386v117z m-386-643v117h386v-117z" horiz-adv-x="1000" />
<glyph glyph-name="list-1" unicode="&#xf5ec;" d="M965 650h-521c-20 0-35 16-35 35s15 35 35 35h521c19 0 35-16 35-35s-16-35-35-35z m0-347h-521c-20 0-35 15-35 34s15 35 35 35h521c19 0 35-15 35-35s-16-34-35-34z m-835 278c-10 0-20 4-26 12l-87 105c-13 15-11 37 4 49s37 10 49-5l60-71 113 140c12 15 34 17 49 4 14-12 16-32 5-47l-139-174c-7-8-17-13-28-13z m-8-357c-67 0-122 55-122 122s55 122 122 122 122-55 122-122-55-122-122-122z m0 174c-29 0-52-23-52-52 0-29 23-52 52-52s52 23 52 52c0 29-23 52-52 52z m843-443h-521c-20 0-35 15-35 35s15 34 35 34h521c19 0 35-15 35-34s-16-35-35-35z m-843-79c-67 0-122 55-122 122s55 122 122 122 122-54 122-122-55-122-122-122l0 0z m0 174c-29 0-52-23-52-52s23-52 52-52 52 23 52 52-23 52-52 52z" horiz-adv-x="1000" />
<glyph glyph-name="oil-can" unicode="&#xf613;" d="M1230 537c10 3 20-5 20-15v-35c0-5-2-9-5-11l-414-420c-12-12-28-18-45-18h-536c-34 0-62 28-62 62v91l-137 25c-29 5-51 31-51 61v186c0 35 29 62 62 62 4 0 9 0 12-1l270-49h109v94h-109c-17 0-31 14-31 31v31c0 18 14 32 31 32h312c18 0 32-14 32-32v-31c0-17-14-31-32-31h-109v-94h111c16 0 41-6 56-13l99-49z m-1042-251v122l-94 17v-122z m885-165c0 46 83 167 83 167s84-121 84-167-38-83-84-83-83 37-83 83z" horiz-adv-x="1250" />
<glyph glyph-name="truck-monster" unicode="&#xf63b;" d="M1219 413c17 0 31-14 31-32v-62c0-17-14-31-31-31h-33c-57 75-147 125-248 125-102 0-192-50-249-125h-128c-57 75-147 125-248 125s-192-50-249-125h-33c-17 0-31 14-31 31v62c0 18 14 32 31 32h32v156c0 17 14 31 31 31h344v188c0 34 28 62 62 62h221c33 0 77-21 98-47l162-203h144c35 0 63-28 63-62v-125h31z m-656 187h258l-100 125h-158v-125z m593-437c18 0 32-14 32-32v-62c0-17-14-31-32-31h-10c-3-12-11-30-17-41l7-8c13-12 13-32 0-44l-44-44c-12-12-32-12-44 0l-7 7c-13-7-27-12-41-17v-10c0-17-14-31-31-31h-63c-17 0-31 14-31 31v10c-14 5-28 10-41 17l-7-7c-12-12-32-12-44 0l-44 44c-13 12-13 32 0 44l7 8c-7 13-13 26-17 41h-10c-17 0-31 14-31 31v62c0 18 14 32 31 32h10c3 11 11 30 17 40l-7 8c-13 12-13 32 0 44l44 44c12 12 32 12 44 0l7-7c13 7 27 12 41 17v10c0 17 14 31 31 31h63c17 0 31-14 31-31v-10c12-4 30-11 41-17l7 7c12 12 32 12 44 0l44-44c13-12 13-32 0-44l-7-8c7-13 13-26 17-40h10z m-218-157c51 0 93 42 93 94s-42 94-93 94-94-42-94-94 42-94 94-94z m-407 157c18 0 32-14 32-32v-62c0-17-14-31-32-31h-10c-3-12-11-30-17-41l7-7c13-13 13-32 0-45l-44-44c-12-12-32-12-44 0l-7 7c-13-7-27-12-41-17v-10c0-17-14-31-31-31h-63c-17 0-31 14-31 31v10c-14 5-28 10-41 17l-7-7c-12-12-32-12-44 0l-44 44c-13 13-13 32 0 45l7 7c-7 13-13 26-17 41h-10c-17 0-31 14-31 31v62c0 18 14 32 31 32h10c3 11 11 30 17 40l-7 8c-13 12-13 32 0 44l44 44c12 12 32 12 44 0l7-7c13 7 27 12 41 17v10c0 17 14 31 31 31h63c17 0 31-14 31-31v-10c12-4 30-11 41-17l7 7c12 12 32 12 44 0l44-44c13-12 13-32 0-44l-7-8c7-13 13-26 17-40h10z m-218-157c51 0 93 42 93 94s-42 94-93 94-94-42-94-94 42-94 94-94z" horiz-adv-x="1250" />
@ -894,6 +900,8 @@
<glyph glyph-name="hamburger" unicode="&#xf805;" d="M906 350c52 0 94-42 94-94s-42-93-94-93h-812c-52 0-94 42-94 93s42 94 94 94h812z m32-250c17 0 31-14 31-31v-31c0-70-56-126-125-126h-688c-69 0-125 56-125 126v31c0 17 14 31 32 31h875z m-823 313c-68 0-107 85-68 148 78 127 251 226 453 227 202-1 375-100 454-227 38-63-1-148-68-148h-771z m635 218c-17 0-31-14-31-31s14-31 31-31 31 14 31 31-14 31-31 31z m-250 63c-17 0-31-14-31-31s14-32 31-32 31 14 31 32-14 31-31 31z m-250-63c-17 0-31-14-31-31s14-31 31-31 31 14 31 31-14 31-31 31z" horiz-adv-x="1000" />
<glyph glyph-name="ice-cream" unicode="&#xf810;" d="M719 538c52 0 94-42 94-94s-42-94-94-94h-563c-51 0-93 42-93 94s42 94 93 94h2c-1 8-2 23-2 32 0 155 126 281 282 281s281-126 281-281c0-9-1-24-2-32h2z m-337-652l-194 402h500l-195-402c-9-20-34-36-55-36s-47 16-56 36z" horiz-adv-x="875" />
<glyph glyph-name="pepper-hot" unicode="&#xf816;" d="M646 336h210l72-75c-95-171-403-411-819-411-60 0-109 49-109 109s49 110 109 110c277 0 320 354 434 490l103-48v-175z m256 251c54-50 98-149 98-222v-1c0-26-4-52-11-76l-107 111h-174v152l-145 67c43 28 94 45 149 45 32 0 82-11 111-24 36 73 16 121 3 141-2 3-3 7-3 9 0 4 2 9 5 11l44 45c3 3 8 5 12 5 4 0 9-3 12-6 36-46 69-140 6-257z" horiz-adv-x="1000" />
<glyph glyph-name="pizza-slice" unicode="&#xf818;" d="M310 850c356-34 649-322 690-675 3-32-16-62-47-71l-111-30c-15 364-263 608-630 619l29 110c8 30 38 50 69 47z m-114-219c344-4 576-233 584-574l-740-206c-2 0-6-1-8-1-18 0-32 14-32 32 0 2 1 6 1 8z m54-593c35 0 63 28 63 62s-28 63-63 63-62-28-62-63 28-62 62-62z m94 296c34 0 62 28 62 63s-28 62-62 62-63-28-63-62 28-63 63-63z m203-203c34 0 62 28 62 63s-28 62-62 62-63-28-63-62 28-63 63-63z" horiz-adv-x="1000" />

Before

Width:  |  Height:  |  Size: 206 KiB

After

Width:  |  Height:  |  Size: 208 KiB

@ -8,35 +8,49 @@
margin-bottom: 10px;
position: relative;
}
.opacity-03 {
opacity: 0.3;
}
.opacity-05 {
opacity: 0.5;
}
.opacity-07 {
opacity: 0.7;
}
/* --------------------------------------------------------
Borders :: Begin
-------------------------------------------------------- */
.WM-Border, .border-1x {
.border {
border: 1px solid;
}
.WM-Border-2x {
border: 2px solid;
.border-bottom {
border-bottom: 1px solid;
}
.WM-Border-R {
.border-top {
border-top: 1px solid;
}
.border-right {
border-right: 1px solid;
}
.WM-Border-L {
.border-left {
border-left: 1px solid;
}
.WM-Border-T {
border-top: 1px solid;
[class^="border-"] {
transition: 0.2s;
}
.WM-Border-B {
border-bottom: 1px solid;
[class^="border-"].x2 {
border-width: 2px;
}
@each $Color,
$Value in $colors {
.border-#{$Color} {
border-color: $Value;
}
}
/* --------------------------------------------------------
Labels :: Begin
@ -649,3 +663,29 @@ $value in $colors {
.v-btn--fab.v-size--x-small .v-icon, .v-btn--icon.v-size--x-small .v-icon {
font-size: 16px;
}
/*---------------------------------------------------------------*/
/* active states :: Begin
/*---------------------------------------------------------------*/
@each $background,
$value in $backgrounds {
.theme-#{$background}.active-bg {
background-color: $value;
}
}
/*---------------------------------------------------------------*/
/* hidden states :: Begin
/*---------------------------------------------------------------*/
.hidden-by-height {
max-height: 0px;
opacity: 0;
overflow: hidden;
transition: opacity 0.3s, max-height 0.3s cubic-bezier(1,0,.2,1);
}
.hidden-by-height.active {
max-height: 1000px;
opacity: 1;
}

@ -1,12 +1,12 @@
//--------------------------------------------Red
$Red: #ee3552;
$RedShadow: rgba(255, 75, 90, 0.5);
$RedBackground: #fff6f7;
$RedBackground: #fff8f9;
//--------------------------------------------Orange
$Orange: #FF6B57;
$OrangeShadow:rgba(255, 130, 46, 0.5);
$OrangeBackground: #fff6f5;
$OrangeBackground: #fff9f8;
//--------------------------------------------Yellow
$Yellow: #ffc107;
@ -21,7 +21,7 @@ $GoldBackground: #ffe5e9;
//--------------------------------------------Purple
$Purple:#ac3773;
$PurpleShadow:rgba(172, 55, 115, 0.5);
$PurpleBackground: #fff4f6;
$PurpleBackground: #fff5fa;
//--------------------------------------------Blue
$Blue: #3498DB;

@ -17,7 +17,7 @@ export default {
// Basic Service
// --------------------------
sms:"orange",
authorize:"green",
authorize:"blue",
// --------------------------
// CRM

Loading…
Cancel
Save