modal-soft
/
numerica
1
0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
Gets the name of a number, even if it's stupidly big. Supersedes TheoryOfNekomata/number-name.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5 Комити
1 Грана
639 KiB
 
 
Дрво: 3f79f6f9fe
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from '3f79f6f9fe'
${ noResults }
numerica/packages/example/index.html

102 lines
2.2 KiB
Датотека Blame Историја 

  1. <!DOCTYPE html>

  2. <html lang="en-PH">

  3.   <head>

  4.     <meta charset="UTF-8" />

  5.     <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  7.     <title>Numerica</title>

  8.     <style>

  9.       :root {

  10.         --color-bg: white;

  11.         --color-fg: black;

  12.       }

  13. 

  14.       :root {

  15.         background-color: var(--color-bg);

  16.         color: var(--color-fg);

  17.       }

  18. 

  19.       body {

  20.         margin: 0;

  21.         font-size: 5vw;

  22.       }

  23. 

  24.       form {

  25.         display: block;

  26.         width: 100vw;

  27.         height: 100vh;

  28.         text-align: center;

  29.       }

  30. 

  31.       .locale {

  32.         width: 100%;

  33.         height: 5%;

  34.         border: 0;

  35.         padding: 0 2rem;

  36.         margin: 0;

  37.         text-align: inherit;

  38.         font: inherit;

  39.         font-size: 0.25em;

  40.         display: grid;

  41.         place-content: center;

  42.         outline: 0;

  43.         appearance: none;

  44.         -webkit-appearance: none;

  45.         -moz-appearance: none;

  46.         background-color: var(--color-bg);

  47.         color: var(--color-fg);

  48.         border-radius: 0;

  49.         box-sizing: border-box;

  50.       }

  51. 

  52.       .input {

  53.         width: 100%;

  54.         height: 45%;

  55.         border: 0;

  56.         padding: 0 2rem;

  57.         margin: 0;

  58.         text-align: inherit;

  59.         font: inherit;

  60.         display: grid;

  61.         place-content: center;

  62.         outline: 0;

  63.         background-color: inherit;

  64.         color: inherit;

  65.         border-radius: 0;

  66.         box-sizing: border-box;

  67.         resize: none;

  68.       }

  69. 

  70.       .output {

  71.         width: 100%;

  72.         height: 50%;

  73.         border: 0;

  74.         padding: 0 2rem;

  75.         margin: 0;

  76.         text-align: inherit;

  77.         font: inherit;

  78.         display: grid;

  79.         place-content: center;

  80.         outline: 0;

  81.         background-color: inherit;

  82.         color: inherit;

  83.         border-radius: 0;

  84.         box-sizing: border-box;

  85.         font-size: 0.5em;

  86.         resize: none;

  87.       }

  88. 

  89.       @media only screen and (prefers-color-scheme: dark) {

  90.         :root {

  91.           --color-bg: black;

  92.           --color-fg: white;

  93.         }

  94.       }

  95.     </style>

  96.   </head>

  97.   <body>

  98.     <div id="root"></div>

  99.     <script type="module" src="/src/main.tsx"></script>

  100.   </body>

  101. </html>