오윤석 / maplespec.ga

Go to a project
Toggle navigation Toggle navigation pinning
오윤석
225c9006 1 parent f27b14c2

materialize css 설치

Inline Side-by-side
Showing 3 changed files with 17 additions and 10 deletions
1 -html, body { 1 +html,
2 +body {
2 position: relative; 3 position: relative;
3 width: 100%; 4 width: 100%;
4 height: 100%; 5 height: 100%;
6 + background-color: #ffebee;
5 } 7 }
6 8
7 body { 9 body {
8 color: #333; 10 color: #333;
9 margin: 0; 11 margin: 0;
10 - padding: 8px;
11 box-sizing: border-box; 12 box-sizing: border-box;
12 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 13 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
13 } 14 }
14 15
15 a { 16 a {
16 - color: rgb(0,100,200); 17 + color: rgb(0, 100, 200);
17 text-decoration: none; 18 text-decoration: none;
18 } 19 }
19 20
...@@ -22,14 +23,17 @@ a:hover { ...@@ -22,14 +23,17 @@ a:hover {
22 } 23 }
23 24
24 a:visited { 25 a:visited {
25 - color: rgb(0,80,160); 26 + color: rgb(0, 80, 160);
26 } 27 }
27 28
28 label { 29 label {
29 display: block; 30 display: block;
30 } 31 }
31 32
32 -input, button, select, textarea { 33 +input,
34 +button,
35 +select,
36 +textarea {
33 font-family: inherit; 37 font-family: inherit;
34 font-size: inherit; 38 font-size: inherit;
35 padding: 0.4em; 39 padding: 0.4em;
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 +
3 <head> 4 <head>
4 <meta charset='utf-8'> 5 <meta charset='utf-8'>
5 <meta name='viewport' content='width=device-width,initial-scale=1'> 6 <meta name='viewport' content='width=device-width,initial-scale=1'>
6 7
7 - <title>Svelte app</title> 8 + <title>::메이플스토리 스펙 계산기::</title>
8 9
9 <link rel='icon' type='image/png' href='/favicon.png'> 10 <link rel='icon' type='image/png' href='/favicon.png'>
10 <link rel='stylesheet' href='/global.css'> 11 <link rel='stylesheet' href='/global.css'>
11 <link rel='stylesheet' href='/build/bundle.css'> 12 <link rel='stylesheet' href='/build/bundle.css'>
12 13
14 + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
15 + <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
16 + <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
17 +
13 <script defer src='/build/bundle.js'></script> 18 <script defer src='/build/bundle.js'></script>
14 </head> 19 </head>
15 20
16 <body> 21 <body>
17 </body> 22 </body>
23 +
18 </html> 24 </html>
...\ No newline at end of file ...\ No newline at end of file
......
1 import App from './App.svelte'; 1 import App from './App.svelte';
2 2
3 const app = new App({ 3 const app = new App({
4 - target: document.body, 4 + target: document.body
5 - props: {
6 - name: 'world'
7 - }
8 }); 5 });
9 6
10 export default app; 7 export default app;
...\ No newline at end of file ...\ No newline at end of file
......