doc_class_panel_autocomplete.html (1685B)
1 <!-- Any copyright is dedicated to the Public Domain. 2 http://creativecommons.org/publicdomain/zero/1.0/ --> 3 <html class="auto-html-class-1 auto-html-class-2 auto-bold"> 4 <head> 5 <title>Class panel autocomplete test</title> 6 7 <link href="./doc_class_panel_autocomplete_stylesheet.css" rel="stylesheet" type="text/css"> 8 <style> 9 .auto-inline-class-1 { 10 padding: 1em; 11 } 12 .auto-inline-class-2 { 13 padding: 2em; 14 } 15 .auto-inline-class-3 { 16 padding: 3em; 17 } 18 19 .auto-inline-class-1, 20 div.auto-inline-class-2, 21 p:first-of-type.auto-inline-class-3, 22 .auto-inline-class-4 { 23 background-color: blue; 24 } 25 26 :root .auto-bold .auto-inline-class-5 { 27 font-size: 1em; 28 29 & .auto-inline-nested-class-1, 30 &:is(.auto-inline-nested-class-2), 31 &:has(.auto-inline-nested-class-3) { 32 font-weight: bold; 33 } 34 } 35 36 @media (min-width: 1000px) { 37 .auto-inline-nested-class-4 { 38 color: black; 39 } 40 41 @media (prefers-color-scheme: dark) { 42 .auto-inline-nested-class-5 { 43 color: white; 44 45 &.auto-inline-nested-class-6 { 46 outline: 1px solid; 47 } 48 } 49 } 50 } 51 </style> 52 <script defer> 53 "use strict"; 54 const x = document.styleSheets[0]; 55 x.insertRule(".auto-cssom-primary-color { color: tomato; }", 1); 56 </script> 57 </head> 58 <body class="auto-body-class-1 auto-body-class-2 auto-bold"> 59 <div id="auto-div-id-1" class="auto-div-class-1 auto-div-class-2 auto-bold"> the ocean </div> 60 <div id="auto-div-id-2" class="auto-div-class-1 auto-div-class-2 auto-bold"> roaring </div> 61 <div id="auto-div-id-3"> ahead </div> 62 </body> 63 </html>