mirror of
https://github.com/penpot/penpot-export.git
synced 2025-03-11 23:11:17 -05:00
chore(demo): update assets and HTML
This commit is contained in:
Roberto Redradix
parent
9a39da7a65
commit
c035375084
5 changed files with 174 additions and 103 deletions
|
|
@ -37,6 +37,9 @@
|
|||
<div>
|
||||
<span class="EasyFest:_Design_System_&_Landing_page--Body_Small">Body Small</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="EasyFest:_Design_System_&_Landing_page--Body_Small_Uppercase">Body Small Uppercase</span>
|
||||
</div>
|
||||
<h2>🖥 Type scale for > 768px devices</h2>
|
||||
<div>
|
||||
<span class="EasyFest:_Design_System_&_Landing_page--🖥_Title_Large">Title Large</span>
|
||||
|
|
@ -56,35 +59,38 @@
|
|||
<div>
|
||||
<span class="EasyFest:_Design_System_&_Landing_page--Body_Small">Body Small</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="EasyFest:_Design_System_&_Landing_page--Body_Small_Uppercase">Body Small Uppercase</span>
|
||||
</div>
|
||||
<h1>Colors</h1>
|
||||
<ul>
|
||||
<li><output class="color-patch" style="background-color: var(--neutral_100);"></output><label>Neutral 100</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--neutral_200);"></output><label>Neutral 200</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--neutral_300);"></output><label>Neutral 300</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--neutral_400);"></output><label>Neutral 400</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--neutral_500);"></output><label>Neutral 500</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--neutral_600);"></output><label>Neutral 600</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--neutral_700);"></output><label>Neutral 700</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--neutral_800);"></output><label>Neutral 800</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--neutral_900);"></output><label>Neutral 900</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--primary_100);"></output><label>Primary 100</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--primary_200);"></output><label>Primary 200</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--primary_300);"></output><label>Primary 300</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--primary_400);"></output><label>Primary 400</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--primary_500);"></output><label>Primary 500</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--primary_600);"></output><label>Primary 600</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--primary_700);"></output><label>Primary 700</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--primary_800);"></output><label>Primary 800</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--primary_900);"></output><label>Primary 900</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--secondary_100);"></output><label>Secondary 100</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--secondary_200);"></output><label>Secondary 200</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--secondary_300);"></output><label>Secondary 300</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--secondary_400);"></output><label>Secondary 400</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--secondary_500);"></output><label>Secondary 500</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--secondary_600);"></output><label>Secondary 600</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--secondary_700);"></output><label>Secondary 700</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--secondary_800);"></output><label>Secondary 800</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--secondary_900);"></output><label>Secondary 900</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Neutral_100);"></output><label>Neutral 100</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Neutral_200);"></output><label>Neutral 200</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Neutral_300);"></output><label>Neutral 300</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Neutral_400);"></output><label>Neutral 400</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Neutral_500);"></output><label>Neutral 500</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Neutral_600);"></output><label>Neutral 600</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Neutral_700);"></output><label>Neutral 700</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Neutral_800);"></output><label>Neutral 800</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Neutral_900);"></output><label>Neutral 900</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Primary_100);"></output><label>Primary 100</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Primary_200);"></output><label>Primary 200</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Primary_300);"></output><label>Primary 300</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Primary_400);"></output><label>Primary 400</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Primary_500);"></output><label>Primary 500</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Primary_600);"></output><label>Primary 600</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Primary_700);"></output><label>Primary 700</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Primary_800);"></output><label>Primary 800</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Primary_900);"></output><label>Primary 900</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Secondary_100);"></output><label>Secondary 100</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Secondary_200);"></output><label>Secondary 200</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Secondary_300);"></output><label>Secondary 300</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Secondary_400);"></output><label>Secondary 400</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Secondary_500);"></output><label>Secondary 500</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Secondary_600);"></output><label>Secondary 600</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Secondary_700);"></output><label>Secondary 700</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Secondary_800);"></output><label>Secondary 800</label></li>
|
||||
<li><output class="color-patch" style="background-color: var(--Secondary_900);"></output><label>Secondary 900</label></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,110 +1,137 @@
|
|||
[
|
||||
{
|
||||
"name": "Primary_900",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Primary 900",
|
||||
"value": "rgba(0, 110, 84, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Secondary_500",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Secondary 500",
|
||||
"value": "rgba(191, 152, 254, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Secondary_400",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Secondary 400",
|
||||
"value": "rgba(207, 179, 255, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Neutral_100",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Neutral 100",
|
||||
"value": "rgba(247, 248, 249, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Neutral_500",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Neutral 500",
|
||||
"value": "rgba(133, 144, 162, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Primary_200",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Primary 200",
|
||||
"value": "rgba(202, 255, 233, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Secondary_800",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Secondary 800",
|
||||
"value": "rgba(105, 31, 209, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Primary_100",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Primary 100",
|
||||
"value": "rgba(233, 255, 247, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Secondary_200",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Secondary 200",
|
||||
"value": "rgba(240, 232, 255, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Neutral_200",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Neutral 200",
|
||||
"value": "rgba(241, 242, 244, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Neutral_300",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Neutral 300",
|
||||
"value": "rgba(220, 223, 228, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Neutral_700",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Neutral 700",
|
||||
"value": "rgba(98, 111, 134, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Neutral_400",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Neutral 400",
|
||||
"value": "rgba(179, 185, 196, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Neutral_600",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Neutral 600",
|
||||
"value": "rgba(117, 129, 149, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Secondary_600",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Secondary 600",
|
||||
"value": "rgba(148, 83, 249, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Primary_300",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Primary 300",
|
||||
"value": "rgba(154, 255, 217, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Primary_400",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Primary 400",
|
||||
"value": "rgba(90, 251, 199, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Secondary_300",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Secondary 300",
|
||||
"value": "rgba(228, 212, 255, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Primary_800",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Primary 800",
|
||||
"value": "rgba(0, 139, 105, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Neutral_900",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Neutral 900",
|
||||
"value": "rgba(23, 43, 77, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Neutral_800",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Neutral 800",
|
||||
"value": "rgba(68, 84, 111, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Secondary_900",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Secondary 900",
|
||||
"value": "rgba(91, 31, 170, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Primary_700",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Primary 700",
|
||||
"value": "rgba(0, 174, 127, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Secondary_700",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Secondary 700",
|
||||
"value": "rgba(125, 48, 237, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Primary_500",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Primary 500",
|
||||
"value": "rgba(49, 239, 184, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Secondary_100",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Secondary 100",
|
||||
"value": "rgba(249, 245, 255, 1)"
|
||||
},
|
||||
{
|
||||
"name": "Primary_600",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Primary 600",
|
||||
"value": "rgba(0, 213, 154, 1)"
|
||||
}
|
||||
]
|
||||
|
|
@ -13,27 +13,37 @@
|
|||
font-style: normal;
|
||||
text-transform: none;
|
||||
font-weight: 700;
|
||||
font-size: 35px;
|
||||
font-size: 37px;
|
||||
letter-spacing: 0px;
|
||||
font-family: "Work Sans";
|
||||
}
|
||||
|
||||
.EasyFest\:_Design_System_\&_Landing_page--Body_Small_Uppercase {
|
||||
line-height: 1.4;
|
||||
font-style: normal;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
letter-spacing: 1px;
|
||||
font-family: "Work Sans";
|
||||
}
|
||||
|
||||
.EasyFest\:_Design_System_\&_Landing_page--🖥_Title_Large {
|
||||
line-height: 1.1;
|
||||
line-height: 1.2;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
font-weight: 700;
|
||||
font-size: 85px;
|
||||
font-size: 77px;
|
||||
letter-spacing: 0px;
|
||||
font-family: "Work Sans";
|
||||
}
|
||||
|
||||
.EasyFest\:_Design_System_\&_Landing_page--Body_Large {
|
||||
line-height: 1.2;
|
||||
line-height: 1.4;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
font-size: 21px;
|
||||
letter-spacing: 0px;
|
||||
font-family: "Work Sans";
|
||||
}
|
||||
|
|
@ -43,43 +53,43 @@
|
|||
font-style: normal;
|
||||
text-transform: none;
|
||||
font-weight: 700;
|
||||
font-size: 28px;
|
||||
font-size: 31px;
|
||||
letter-spacing: 0px;
|
||||
font-family: "Work Sans";
|
||||
}
|
||||
|
||||
.EasyFest\:_Design_System_\&_Landing_page--🖥_Title_Small {
|
||||
line-height: 1.2000000000000002;
|
||||
line-height: 1.2;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
font-weight: 700;
|
||||
font-size: 35px;
|
||||
font-size: 31px;
|
||||
letter-spacing: 0px;
|
||||
font-family: "Work Sans";
|
||||
}
|
||||
|
||||
.EasyFest\:_Design_System_\&_Landing_page--Body_Small {
|
||||
line-height: 1.2;
|
||||
line-height: 1.4;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
font-size: 15px;
|
||||
letter-spacing: 0px;
|
||||
font-family: "Work Sans";
|
||||
}
|
||||
|
||||
.EasyFest\:_Design_System_\&_Landing_page--📱_Title_Large {
|
||||
line-height: 1;
|
||||
line-height: 1.2;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
font-weight: 700;
|
||||
font-size: 44px;
|
||||
font-size: 45px;
|
||||
letter-spacing: 0px;
|
||||
font-family: "Work Sans";
|
||||
}
|
||||
|
||||
.EasyFest\:_Design_System_\&_Landing_page--Body_Medium {
|
||||
line-height: 1.2;
|
||||
line-height: 1.4;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
font-weight: 400;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
[
|
||||
{
|
||||
"selector": ".EasyFest\\:_Design_System_\\&_Landing_page--🖥_Title_Medium",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "🖥 Title Medium",
|
||||
"cssProps": {
|
||||
"lineHeight": "1.2000000000000002",
|
||||
"fontStyle": "normal",
|
||||
|
|
@ -12,93 +13,114 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"selector": ".EasyFest\\:_Design_System_\\&_Landing_page--📱_Title_Medium",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "📱 Title Medium",
|
||||
"cssProps": {
|
||||
"lineHeight": "1.2000000000000002",
|
||||
"fontStyle": "normal",
|
||||
"textTransform": "none",
|
||||
"fontWeight": "700",
|
||||
"fontSize": "35px",
|
||||
"fontSize": "37px",
|
||||
"letterSpacing": "0px",
|
||||
"fontFamily": "\"Work Sans\""
|
||||
}
|
||||
},
|
||||
{
|
||||
"selector": ".EasyFest\\:_Design_System_\\&_Landing_page--🖥_Title_Large",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Body Small Uppercase",
|
||||
"cssProps": {
|
||||
"lineHeight": "1.1",
|
||||
"lineHeight": "1.4",
|
||||
"fontStyle": "normal",
|
||||
"textTransform": "uppercase",
|
||||
"fontWeight": "400",
|
||||
"fontSize": "15px",
|
||||
"letterSpacing": "1px",
|
||||
"fontFamily": "\"Work Sans\""
|
||||
}
|
||||
},
|
||||
{
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "🖥 Title Large",
|
||||
"cssProps": {
|
||||
"lineHeight": "1.2",
|
||||
"fontStyle": "normal",
|
||||
"textTransform": "none",
|
||||
"fontWeight": "700",
|
||||
"fontSize": "85px",
|
||||
"fontSize": "77px",
|
||||
"letterSpacing": "0px",
|
||||
"fontFamily": "\"Work Sans\""
|
||||
}
|
||||
},
|
||||
{
|
||||
"selector": ".EasyFest\\:_Design_System_\\&_Landing_page--Body_Large",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Body Large",
|
||||
"cssProps": {
|
||||
"lineHeight": "1.2",
|
||||
"lineHeight": "1.4",
|
||||
"fontStyle": "normal",
|
||||
"textTransform": "none",
|
||||
"fontWeight": "400",
|
||||
"fontSize": "22px",
|
||||
"fontSize": "21px",
|
||||
"letterSpacing": "0px",
|
||||
"fontFamily": "\"Work Sans\""
|
||||
}
|
||||
},
|
||||
{
|
||||
"selector": ".EasyFest\\:_Design_System_\\&_Landing_page--📱_Title_Small",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "📱 Title Small",
|
||||
"cssProps": {
|
||||
"lineHeight": "1.2000000000000002",
|
||||
"fontStyle": "normal",
|
||||
"textTransform": "none",
|
||||
"fontWeight": "700",
|
||||
"fontSize": "28px",
|
||||
"fontSize": "31px",
|
||||
"letterSpacing": "0px",
|
||||
"fontFamily": "\"Work Sans\""
|
||||
}
|
||||
},
|
||||
{
|
||||
"selector": ".EasyFest\\:_Design_System_\\&_Landing_page--🖥_Title_Small",
|
||||
"cssProps": {
|
||||
"lineHeight": "1.2000000000000002",
|
||||
"fontStyle": "normal",
|
||||
"textTransform": "none",
|
||||
"fontWeight": "700",
|
||||
"fontSize": "35px",
|
||||
"letterSpacing": "0px",
|
||||
"fontFamily": "\"Work Sans\""
|
||||
}
|
||||
},
|
||||
{
|
||||
"selector": ".EasyFest\\:_Design_System_\\&_Landing_page--Body_Small",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "🖥 Title Small",
|
||||
"cssProps": {
|
||||
"lineHeight": "1.2",
|
||||
"fontStyle": "normal",
|
||||
"textTransform": "none",
|
||||
"fontWeight": "700",
|
||||
"fontSize": "31px",
|
||||
"letterSpacing": "0px",
|
||||
"fontFamily": "\"Work Sans\""
|
||||
}
|
||||
},
|
||||
{
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Body Small",
|
||||
"cssProps": {
|
||||
"lineHeight": "1.4",
|
||||
"fontStyle": "normal",
|
||||
"textTransform": "none",
|
||||
"fontWeight": "400",
|
||||
"fontSize": "14px",
|
||||
"fontSize": "15px",
|
||||
"letterSpacing": "0px",
|
||||
"fontFamily": "\"Work Sans\""
|
||||
}
|
||||
},
|
||||
{
|
||||
"selector": ".EasyFest\\:_Design_System_\\&_Landing_page--📱_Title_Large",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "📱 Title Large",
|
||||
"cssProps": {
|
||||
"lineHeight": "1",
|
||||
"lineHeight": "1.2",
|
||||
"fontStyle": "normal",
|
||||
"textTransform": "none",
|
||||
"fontWeight": "700",
|
||||
"fontSize": "44px",
|
||||
"fontSize": "45px",
|
||||
"letterSpacing": "0px",
|
||||
"fontFamily": "\"Work Sans\""
|
||||
}
|
||||
},
|
||||
{
|
||||
"selector": ".EasyFest\\:_Design_System_\\&_Landing_page--Body_Medium",
|
||||
"scope": "EasyFest: Design System & Landing page",
|
||||
"name": "Body Medium",
|
||||
"cssProps": {
|
||||
"lineHeight": "1.2",
|
||||
"lineHeight": "1.4",
|
||||
"fontStyle": "normal",
|
||||
"textTransform": "none",
|
||||
"fontWeight": "400",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
[
|
||||
{
|
||||
"selector": ".Variables--H5",
|
||||
"scope": "Variables",
|
||||
"name": "H5",
|
||||
"cssProps": {
|
||||
"fontStyle": "normal",
|
||||
"fontSize": "18px",
|
||||
|
|
@ -10,7 +11,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"selector": ".Variables--H4",
|
||||
"scope": "Variables",
|
||||
"name": "H4",
|
||||
"cssProps": {
|
||||
"fontStyle": "normal",
|
||||
"fontSize": "24px",
|
||||
|
|
@ -20,7 +22,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"selector": ".Variables--H1",
|
||||
"scope": "Variables",
|
||||
"name": "H1",
|
||||
"cssProps": {
|
||||
"fontStyle": "normal",
|
||||
"fontSize": "72px",
|
||||
|
|
@ -30,7 +33,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"selector": ".Variables--H5",
|
||||
"scope": "Variables",
|
||||
"name": "H5",
|
||||
"cssProps": {
|
||||
"fontStyle": "normal",
|
||||
"fontSize": "48px",
|
||||
|
|
@ -40,7 +44,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"selector": ".Variables--Body",
|
||||
"scope": "Variables",
|
||||
"name": "Body",
|
||||
"cssProps": {
|
||||
"fontStyle": "normal",
|
||||
"fontSize": "14px",
|
||||
|
|
@ -50,7 +55,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"selector": ".Variables--H4",
|
||||
"scope": "Variables",
|
||||
"name": "H4",
|
||||
"cssProps": {
|
||||
"fontStyle": "normal",
|
||||
"fontSize": "36px",
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue