Showing
3 changed files
with
51 additions
and
44 deletions
| 1 | -html, body { | 1 | +html, |
| 2 | - position: relative; | 2 | +body { |
| 3 | - width: 100%; | 3 | + position: relative; |
| 4 | - height: 100%; | 4 | + width: 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; | 12 | + box-sizing: border-box; |
| 11 | - box-sizing: border-box; | 13 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 12 | - 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 | ||
| 20 | a:hover { | 21 | a:hover { |
| 21 | - text-decoration: underline; | 22 | + text-decoration: underline; |
| 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, |
| 33 | - font-family: inherit; | 34 | +button, |
| 34 | - font-size: inherit; | 35 | +select, |
| 35 | - padding: 0.4em; | 36 | +textarea { |
| 36 | - margin: 0 0 0.5em 0; | 37 | + font-family: inherit; |
| 37 | - box-sizing: border-box; | 38 | + font-size: inherit; |
| 38 | - border: 1px solid #ccc; | 39 | + padding: 0.4em; |
| 39 | - border-radius: 2px; | 40 | + margin: 0 0 0.5em 0; |
| 41 | + box-sizing: border-box; | ||
| 42 | + border: 1px solid #ccc; | ||
| 43 | + border-radius: 2px; | ||
| 40 | } | 44 | } |
| 41 | 45 | ||
| 42 | input:disabled { | 46 | input:disabled { |
| 43 | - color: #ccc; | 47 | + color: #ccc; |
| 44 | } | 48 | } |
| 45 | 49 | ||
| 46 | input[type="range"] { | 50 | input[type="range"] { |
| 47 | - height: 0; | 51 | + height: 0; |
| 48 | } | 52 | } |
| 49 | 53 | ||
| 50 | button { | 54 | button { |
| 51 | - color: #333; | 55 | + color: #333; |
| 52 | - background-color: #f4f4f4; | 56 | + background-color: #f4f4f4; |
| 53 | - outline: none; | 57 | + outline: none; |
| 54 | } | 58 | } |
| 55 | 59 | ||
| 56 | button:disabled { | 60 | button:disabled { |
| 57 | - color: #999; | 61 | + color: #999; |
| 58 | } | 62 | } |
| 59 | 63 | ||
| 60 | button:not(:disabled):active { | 64 | button:not(:disabled):active { |
| 61 | - background-color: #ddd; | 65 | + background-color: #ddd; |
| 62 | } | 66 | } |
| 63 | 67 | ||
| 64 | button:focus { | 68 | button:focus { |
| 65 | - border-color: #666; | 69 | + border-color: #666; |
| 66 | -} | 70 | +} |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 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'> |
| 7 | + | ||
| 8 | + <title>::메이플스토리 스펙 계산기::</title> | ||
| 6 | 9 | ||
| 7 | - <title>Svelte app</title> | 10 | + <link rel='icon' type='image/png' href='/favicon.png'> |
| 11 | + <link rel='stylesheet' href='/global.css'> | ||
| 12 | + <link rel='stylesheet' href='/build/bundle.css'> | ||
| 8 | 13 | ||
| 9 | - <link rel='icon' type='image/png' href='/favicon.png'> | 14 | + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> |
| 10 | - <link rel='stylesheet' href='/global.css'> | 15 | + <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> |
| 11 | - <link rel='stylesheet' href='/build/bundle.css'> | 16 | + <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> |
| 12 | 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> |
| 18 | -</html> | 23 | + |
| 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 | ... | ... |
-
Please register or login to post a comment