Base Elements
Template Elements
Template Elements
E-Commerce
Base Elements
Template Elements
Template Elements
E-Commerce
Gearing up something amazing for you…
Still waiting? Magic takes a moment! ✨
Unimart is a E-commerce Template. Worldwide electronics store since 1978.
Limited Item, checkout within 10m 00s
Subtotal (2 items)
$758.00
Shipping
$10.00
Total
$768.00
Add $248.00 More To Get Free Shipping
For orders over $9.90
For orders over $9.90
To change font globally, visit google font and select which font you
wish, then copy the embeded import link. Now open src/assets/scss/default/_typography.scss and paste it at
the top of the file. For example:
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');
Now open src/assets/scss/default/_variables.scss and
set the value as like following example.
--font-primary: "Cabin", sans-serif;
b1- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique non ipsam reiciendis.
b2- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique non ipsam reiciendis.
b3- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique non ipsam reiciendis.
b4- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique non ipsam reiciendis.
Default- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique non ipsam reiciendis.
<!-- Heading -->
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
<!-- Paragraph -->
<p class="b1">...</p>
<p class="b2">...</p>
<p class="b3">...</p>
<p class="b4">...</p>
<p>...</p>
To change font size, open src/assets/scss/default/_variables.scss and assign your
custom font size following the example below.
/* Font Sizes for normal elements */
--font-size-b1: 16px;
--font-size-b2: 15px;
--font-size-b3: 14px;
--font-size-b4: 12px;
--font-size-xl: 54px;
/* Font Sizes for Headings */
--h1: 36px; /* h1 size */
--h2: 30px; /* h2 size */
--h3: 28px; /* h3 size */
--h4: 24px; /* h4 size */
--h5: 20px; /* h5 size */
--h6: 18px; /* h6 size */