Skip to content

Commit bf86ad2

Browse files
mr150mr150
committed
build: fix the path to css in index.html
1 parent 36c38dd commit bf86ad2

1 file changed

Lines changed: 96 additions & 96 deletions

File tree

‎index.html‎

Lines changed: 96 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -1,109 +1,109 @@
11
<!doctype html>
22
<html lang="en" class="Fnf-mUss -HeaderH16u">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<link rel="icon" href="src/assets/img/favicon.png" type="image/x-icon">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>mlut playground</title>
8-
<link rel="stylesheet" href="/src/assets/style/style.css" />
9-
<script type="module" src="/src/components/style-tab.js"></script>
10-
</head>
11-
<body class="P0 M0 H100vh">
12-
<header class="W100p H-$headerH Ps-a T0 L0 Mxh18u D-g Gtc1fr;1fr P2u;5u Bgc-$core700">
13-
<!-- Logo part-->
14-
<div class="W50p D-f Ai-c">
15-
<div class=" D-f Ai-fe Gap3u W100p">
16-
<img class="D H7u" alt="mlut logo" src="src/assets/img/mlut.png">
17-
<span class="D-ib Fns5u C-$accent700">Playground</span>
18-
</div>
19-
</div>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" href="src/assets/img/favicon.png" type="image/x-icon">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>mlut playground</title>
8+
<link href="assets/style.css" rel="stylesheet">
9+
<script type="module" src="/src/components/style-tab.js"></script>
10+
</head>
11+
<body class="P0 M0 H100vh">
12+
<header class="W100p H-$headerH Ps-a T0 L0 Mxh18u D-g Gtc1fr;1fr P2u;5u Bgc-$core700">
13+
<!-- Logo part-->
14+
<div class="W50p D-f Ai-c">
15+
<div class=" D-f Ai-fe Gap3u W100p">
16+
<img class="D H7u" alt="mlut logo" src="src/assets/img/mlut.png">
17+
<span class="D-ib Fns5u C-$accent700">Playground</span>
18+
</div>
19+
</div>
2020

21-
<!-- Navbar-->
21+
<!-- Navbar-->
2222

23-
<nav class=" D-f Ai-c Jc-fe P1u;3u">
24-
<ul class="Lsst-n D-f Jc-c Gap4u Ai-c P0 Fns5u M0">
25-
<li class="M0">
26-
<a href="https://mlut.style/" class="Txd-n C-$accent800 C-$brand_h -Ts Fnw600"> Main</a>
27-
</li>
28-
<li class="M0">
29-
<a href="https://mlutcss.github.io/mlut/" class="Txd-n C-$accent800 C-$brand_h -Ts Fnw600"> Docs</a>
30-
</li>
31-
</ul>
32-
</nav>
23+
<nav class=" D-f Ai-c Jc-fe P1u;3u">
24+
<ul class="Lsst-n D-f Jc-c Gap4u Ai-c P0 Fns5u M0">
25+
<li class="M0">
26+
<a href="https://mlut.style/" class="Txd-n C-$accent800 C-$brand_h -Ts Fnw600"> Main</a>
27+
</li>
28+
<li class="M0">
29+
<a href="https://mlutcss.github.io/mlut/" class="Txd-n C-$accent800 C-$brand_h -Ts Fnw600"> Docs</a>
30+
</li>
31+
</ul>
32+
</nav>
3333

34-
</header>
34+
</header>
3535

36-
<main class="D-f Ai-str H100vh Pt-$headerH ">
36+
<main class="D-f Ai-str H100vh Pt-$headerH ">
3737

38-
<!-- Left part-->
39-
<div class="W50p D-f Fld-c ">
38+
<!-- Left part-->
39+
<div class="W50p D-f Fld-c ">
4040

41-
<!-- HTML sample's wrapper-->
42-
<div class="H50p D-f Fld-c">
43-
<!-- Header-->
44-
<div class="H12u P0;5u Bgc-$core800 Bdt1;s;$accent700 Bdb1;s;$accent700 D-f Jc-sb Ai-c">
45-
<span class="C-$brand Fnw600"> HTML</span>
46-
<button class="D-ib -Sz8u Bd-n Bdrd2u Bgc-tp Bgc-$brand_h -Ts -Ctx">
47-
<svg class="-Sz100p St-$accent800 Tsd-ih ^:h:_St-$core800">
48-
<use href="src/assets/img/icons.svg#copy"></use>
49-
</svg>
50-
</button>
51-
</div>
52-
<!-- HTML part's body-->
53-
<div class="Flg1">
54-
<textarea id="markup" placeholder="Enter HTML markup"
55-
class="D -Sz100p Bd-n Ol-n_f P4u Rs Bgc-$core700 C-$accent800"></textarea>
56-
</div>
57-
</div>
58-
59-
<!-- CSS sample's wrapper-->
60-
<div class="H50p D-f Fld-c -Ctx-wrapper">
61-
<!-- Header-->
62-
<div class="H12u P0;5u Bgc-$core800 Bdt1;s;$accent700 Bdb1;s;$accent700 D-f Jc-sb Ai-c">
63-
<div class="D-f Jc-sb Gap5u C-$accent800">
64-
<style-tab checked="checked" radioId="CSS" name="Style" text="CSS"> </style-tab>
65-
<style-tab radioId="SCSS" name="Style" text="SCSS"> </style-tab>
66-
</div>
67-
<button class="D-ib -Sz8u Bd-n Bdrd2u Bgc-tp Bgc-$brand_h -Ts -Ctx-button">
68-
<svg class="-Sz100p St-$accent800 Tsd-ih ^button:h:_St-$core800">
69-
<use href="src/assets/img/icons.svg#copy"></use>
70-
</svg>
71-
</button>
72-
</div>
41+
<!-- HTML sample's wrapper-->
42+
<div class="H50p D-f Fld-c">
43+
<!-- Header-->
44+
<div class="H12u P0;5u Bgc-$core800 Bdt1;s;$accent700 Bdb1;s;$accent700 D-f Jc-sb Ai-c">
45+
<span class="C-$brand Fnw600"> HTML</span>
46+
<button class="D-ib -Sz8u Bd-n Bdrd2u Bgc-tp Bgc-$brand_h -Ts -Ctx">
47+
<svg class="-Sz100p St-$accent800 Tsd-ih ^:h:_St-$core800">
48+
<use href="src/assets/img/icons.svg#copy"></use>
49+
</svg>
50+
</button>
51+
</div>
52+
<!-- HTML part's body-->
53+
<div class="Flg1">
54+
<textarea id="markup" placeholder="Enter HTML markup"
55+
class="D -Sz100p Bd-n Ol-n_f P4u Rs Bgc-$core700 C-$accent800"></textarea>
56+
</div>
57+
</div>
7358

74-
<!-- CSS part's body-->
59+
<!-- CSS sample's wrapper-->
60+
<div class="H50p D-f Fld-c -Ctx-wrapper">
61+
<!-- Header-->
62+
<div class="H12u P0;5u Bgc-$core800 Bdt1;s;$accent700 Bdb1;s;$accent700 D-f Jc-sb Ai-c">
63+
<div class="D-f Jc-sb Gap5u C-$accent800">
64+
<style-tab checked="checked" radioId="CSS" name="Style" text="CSS"></style-tab>
65+
<style-tab radioId="SCSS" name="Style" text="SCSS"></style-tab>
66+
</div>
67+
<button class="D-ib -Sz8u Bd-n Bdrd2u Bgc-tp Bgc-$brand_h -Ts -Ctx-button">
68+
<svg class="-Sz100p St-$accent800 Tsd-ih ^button:h:_St-$core800">
69+
<use href="src/assets/img/icons.svg#copy"></use>
70+
</svg>
71+
</button>
72+
</div>
7573

76-
<div class="Flg1 C-$accent800">
77-
<textarea id="css-area" placeholder="Enter CSS styles" data-type="style"
78-
class="D-n -Sz100p Bd-n Ol-n_f P4u Rs-n Bgc-$core700 C-$accent800"></textarea>
79-
<textarea id="scss-area" placeholder="Enter SCSS styles" data-type="style"
80-
class="D-n -Sz100p Bd-n Ol-n_f P4u Rs-n Bgc-$core700 C-$accent800"></textarea>
81-
</div>
82-
</div>
74+
<!-- CSS part's body-->
8375

84-
</div>
76+
<div class="Flg1 C-$accent800">
77+
<textarea id="css-area" placeholder="Enter CSS styles" data-type="style"
78+
class="D-n -Sz100p Bd-n Ol-n_f P4u Rs-n Bgc-$core700 C-$accent800"></textarea>
79+
<textarea id="scss-area" placeholder="Enter SCSS styles" data-type="style"
80+
class="D-n -Sz100p Bd-n Ol-n_f P4u Rs-n Bgc-$core700 C-$accent800"></textarea>
81+
</div>
82+
</div>
8583

86-
<!-- The right part-->
87-
<div class="W50p D-f Fld-c ">
88-
<!-- Preview part-->
89-
<div class="Flg1 Bdl1;s;$accent700 D-f Fld-c">
90-
<!-- Header-->
91-
<div class="H12u Flg0 P0;5u Bgc-$core800 Bdt1;s;$accent700 Bdb1;s;$accent700 D-f Jc-sb Ai-c">
92-
<span class="C-$brand Fnw600"> Preview</span>
93-
<div>
94-
<button class="D-ib -Sz8u Bd-n Bdrd2u Bgc-tp Bgc-$brand_h -Ts -Ctx">
95-
<svg class="-Sz100p St-$accent800 Tsd-ih ^:h:_St-$core800">
96-
<use href="src/assets/img/icons.svg#refresh"></use>
97-
</svg>
98-
</button>
99-
</div>
100-
</div>
101-
102-
<!-- Preview's Body -->
103-
<iframe src="https://mlut.style/" class="W100p Flg1 Bd-n">
104-
</iframe>
105-
</div>
106-
</div>
107-
</main>
108-
</body>
84+
</div>
85+
86+
<!-- The right part-->
87+
<div class="W50p D-f Fld-c ">
88+
<!-- Preview part-->
89+
<div class="Flg1 Bdl1;s;$accent700 D-f Fld-c">
90+
<!-- Header-->
91+
<div class="H12u Flg0 P0;5u Bgc-$core800 Bdt1;s;$accent700 Bdb1;s;$accent700 D-f Jc-sb Ai-c">
92+
<span class="C-$brand Fnw600"> Preview</span>
93+
<div>
94+
<button class="D-ib -Sz8u Bd-n Bdrd2u Bgc-tp Bgc-$brand_h -Ts -Ctx">
95+
<svg class="-Sz100p St-$accent800 Tsd-ih ^:h:_St-$core800">
96+
<use href="src/assets/img/icons.svg#refresh"></use>
97+
</svg>
98+
</button>
99+
</div>
100+
</div>
101+
102+
<!-- Preview's Body -->
103+
<iframe src="https://mlut.style/" class="W100p Flg1 Bd-n">
104+
</iframe>
105+
</div>
106+
</div>
107+
</main>
108+
</body>
109109
</html>

0 commit comments

Comments
 (0)