modal-soft
/
numerica
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
Gets the name of a number, even if it's stupidly big. Supersedes TheoryOfNekomata/number-name.
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
5 提交
1 分支
639 KiB
 
 
目录树: 3f79f6f9fe
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '3f79f6f9fe'
${ noResults }
numerica/packages/example/index.html

102 行
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>