|
8 | 8 | <title>CoCreateCSS - A utility first, atomic CSS framework</title>
|
9 | 9 | <meta name="description" content="A Low-code JavaScript framework for building collaborative No-code platforms, apps and UI">
|
10 | 10 | <link rel="icon" type="image/png" sizes="32x32" href="https://cocreate.app/images/favicon.ico">
|
11 |
| - |
| 11 | + <style type="text/css" media="screen"> |
| 12 | + /*Sidenav Search Field */ |
| 13 | + |
| 14 | + .floating-label_field { |
| 15 | + margin-top: 0px; |
| 16 | + } |
| 17 | + |
| 18 | + .hide-nav+#menuL { |
| 19 | + margin-top: 0px; |
| 20 | + max-height: -moz-available; |
| 21 | + max-height: -webkit-fill-available; |
| 22 | + max-height: fill-available; |
| 23 | + will-change: transform; |
| 24 | + transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); |
| 25 | + transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s; |
| 26 | + transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); |
| 27 | + transform: translateY(0); |
| 28 | + -webkit-transform: translateY(0); |
| 29 | + } |
| 30 | + |
| 31 | + @media (prefers-color-scheme: dark) { |
| 32 | + html:not([theme="light"]) *.background\:black\:dark { |
| 33 | + background: red; |
| 34 | + } |
| 35 | + html:not([theme="light"]) *.color\:white\:dark { |
| 36 | + color: white; |
| 37 | + } |
| 38 | + } |
| 39 | + </style> |
12 | 40 | <!-- CoCreate CSS -->
|
13 | 41 | <link rel="stylesheet" href="https://server.cocreate.app/CoCreateJS/dist/CoCreate.css" type="text/css" />
|
14 | 42 | <!--<link rel="stylesheet" href="https://ws.cocreate.app/docs/index.css" type="text/css" data-save="true" data-collection="files" data-document_id="60888216117c640e7596303f" name="src" />-->
|
15 | 43 | <!--<link rel="stylesheet" href="https://server.cocreate.app/CoCreateCSS/src/test.css" data-collection="files" data-document_id="60888216117c640e7596303f" name="src" type="text/css" data-save="true" />-->
|
16 | 44 | <link rel="stylesheet" href="../src/test.css" data-collection="files" data-document_id="60888216117c640e7596303f" name="src" type="text/css" data-parse="true" data-save="true" />
|
17 | 45 | </head>
|
18 |
| -<style type="text/css" media="screen"> |
19 |
| - /*Sidenav Search Field */ |
20 |
| - |
21 |
| - .floating-label_field { |
22 |
| - margin-top: 0px; |
23 |
| - } |
24 |
| - |
25 |
| - .hide-nav+#menuL { |
26 |
| - margin-top: 0px; |
27 |
| - max-height: -moz-available; |
28 |
| - max-height: -webkit-fill-available; |
29 |
| - max-height: fill-available; |
30 |
| - will-change: transform; |
31 |
| - transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); |
32 |
| - transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s; |
33 |
| - transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); |
34 |
| - transform: translateY(0); |
35 |
| - -webkit-transform: translateY(0); |
36 |
| - } |
37 |
| - |
38 |
| - @media (prefers-color-scheme: dark) { |
39 |
| - html:not([theme="light"]) *.background\:black\:dark { |
40 |
| - background: red; |
41 |
| - } |
42 |
| - html:not([theme="light"]) *.color\:white\:dark { |
43 |
| - color: white; |
44 |
| - } |
45 |
| - } |
46 |
| -</style> |
| 46 | + |
47 | 47 |
|
48 | 48 | <body theme="dark">
|
49 | 49 | <div class="width:50%@300px-500px">
|
|
0 commit comments