save file

Author: javascript-2020

html-components/html-components.html

@@ -87,6 +87,47 @@
 
             <style>
 
+  html
+    {height:100%;font-family:arial}
+    
+  body
+    {height:calc(100% - 40px);display:flex;flex-direction:column;gap:20px;margin:20px}
+
+  [component]
+    {display:none}
+    
+  input
+    {font-size:16px;padding:5px 10px}
+  input[type=button]
+    {cursor:pointer}
+  input[type=checkbox]
+    {width:15px;height:15px;margin:0}
+
+
+  .description 
+    {text-align:justify;border-left:4px solid #4a90e2;padding:1rem;
+      background-color:#f9f9f9;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.6;color:#333}
+  .description>p
+    {margin:0}
+  .description > p+p
+    {margin:10px 0}
+
+
+
+  a
+    {color:#4a90e2;text-decoration:none;font-weight:500}
+  a:hover 
+    {text-decoration:underline}
+  .link-domain
+    {font-size:0.85rem;color:#777;margin-left:0.25rem}
+  .link-domain::before 
+    {content:'['}
+  .link-domain::after
+    {content:']'}
+  .link-txt
+    {}
+
+
 
   .hr2
     {border-top:1px solid blue;margin:30px}