@jrgermain/stylesheet 0.1.0 → 0.1.2

package/dist/index.css

@@ -779,7 +779,6 @@
 }
 
 .app-header-section{
-  gap:var(--space-3xs);
   margin:0;
 }
 .app-header-section:only-child{
@@ -789,11 +788,19 @@
 .app-header-section:first-child{
   margin-right:auto;
 }
+.app-header-section:first-child .app-header-item:first-child{
+  margin-left:calc(var(--space-xs)*-1);
+}
+.app-header-section:last-child .app-header-item:last-child{
+  margin-right:calc(var(--space-xs)*-1);
+}
 .app-header-section:nth-child(n+3):before{
-  background-color:orange;
+  background-color:var(--color-outline);
   content:"";
   height:2rem;
-  width:2px;
+  position:relative;
+  right:calc(var(--space-s)/2);
+  width:var(--border-s);
 }
 
 .app-header-item{
@@ -803,6 +810,8 @@
   display:flex;
   font-weight:var(--font-weight-semibold);
   height:100%;
+  padding-left:var(--space-xs);
+  padding-right:var(--space-xs);
   position:relative;
   -webkit-text-decoration:none;
   text-decoration:none;
@@ -1788,16 +1797,14 @@ input.close.focus[type=reset]:not(.chip):not(.card):not(.chip .delete):not(.inpu
 }
 
 .mark,mark{
-  background-color:var(--color-yellow-9);
-  border-radius:var(--radius-s);
-  color:#000;
-  padding:.1em .25em;
+  background-color:var(--color-yellow-8);
+  color:var(--color-yellow-1);
   -webkit-print-color-adjust:exact;
           print-color-adjust:exact;
 }
 @media (prefers-color-scheme:dark){
   .mark,mark{
-    background-color:var(--color-yellow-2);
+    background-color:var(--color-yellow-7);
   }
 }
 
@@ -1846,6 +1853,13 @@ input.close.focus[type=reset]:not(.chip):not(.card):not(.chip .delete):not(.inpu
 .sup,sup{
   top:-.5em;
 }
+
+::target-text{
+  background-color:var(--color-brand-8);
+  color:var(--color-brand-1);
+  -webkit-print-color-adjust:exact;
+          print-color-adjust:exact;
+}
 .alert:not(.alert-title):not(.accordion details)+.alert:not(.alert-title):not(.accordion details),.alert:not(.alert-title):not(.accordion details)+.blockquote:not(.alert-title):not(.accordion details),.alert:not(.alert-title):not(.accordion details)+.p:not(.alert-title):not(.accordion details),.alert:not(.alert-title):not(.accordion details)+.pre:not(.alert-title):not(.accordion details),.alert:not(.alert-title):not(.accordion details)+.samp:not(.alert-title):not(.accordion details),.alert:not(.alert-title):not(.accordion details)+blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details),.alert:not(.alert-title):not(.accordion details)+details:not(.does-not-exist):not(.alert-title):not(.accordion details),.alert:not(.alert-title):not(.accordion details)+p:not(.does-not-exist):not(.alert-title):not(.accordion details),.alert:not(.alert-title):not(.accordion details)+pre:not(.does-not-exist):not(.alert-title):not(.accordion details),.alert:not(.alert-title):not(.accordion details)+samp:not(.does-not-exist):not(.alert-title):not(.accordion details),.blockquote:not(.alert-title):not(.accordion details)+.alert:not(.alert-title):not(.accordion details),.blockquote:not(.alert-title):not(.accordion details)+.blockquote:not(.alert-title):not(.accordion details),.blockquote:not(.alert-title):not(.accordion details)+.p:not(.alert-title):not(.accordion details),.blockquote:not(.alert-title):not(.accordion details)+.pre:not(.alert-title):not(.accordion details),.blockquote:not(.alert-title):not(.accordion details)+.samp:not(.alert-title):not(.accordion details),.blockquote:not(.alert-title):not(.accordion details)+blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details),.blockquote:not(.alert-title):not(.accordion details)+details:not(.does-not-exist):not(.alert-title):not(.accordion details),.blockquote:not(.alert-title):not(.accordion details)+p:not(.does-not-exist):not(.alert-title):not(.accordion details),.blockquote:not(.alert-title):not(.accordion details)+pre:not(.does-not-exist):not(.alert-title):not(.accordion details),.blockquote:not(.alert-title):not(.accordion details)+samp:not(.does-not-exist):not(.alert-title):not(.accordion details),.p:not(.alert-title):not(.accordion details)+.alert:not(.alert-title):not(.accordion details),.p:not(.alert-title):not(.accordion details)+.blockquote:not(.alert-title):not(.accordion details),.p:not(.alert-title):not(.accordion details)+.p:not(.alert-title):not(.accordion details),.p:not(.alert-title):not(.accordion details)+.pre:not(.alert-title):not(.accordion details),.p:not(.alert-title):not(.accordion details)+.samp:not(.alert-title):not(.accordion details),.p:not(.alert-title):not(.accordion details)+blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details),.p:not(.alert-title):not(.accordion details)+details:not(.does-not-exist):not(.alert-title):not(.accordion details),.p:not(.alert-title):not(.accordion details)+p:not(.does-not-exist):not(.alert-title):not(.accordion details),.p:not(.alert-title):not(.accordion details)+pre:not(.does-not-exist):not(.alert-title):not(.accordion details),.p:not(.alert-title):not(.accordion details)+samp:not(.does-not-exist):not(.alert-title):not(.accordion details),.pre:not(.alert-title):not(.accordion details)+.alert:not(.alert-title):not(.accordion details),.pre:not(.alert-title):not(.accordion details)+.blockquote:not(.alert-title):not(.accordion details),.pre:not(.alert-title):not(.accordion details)+.p:not(.alert-title):not(.accordion details),.pre:not(.alert-title):not(.accordion details)+.pre:not(.alert-title):not(.accordion details),.pre:not(.alert-title):not(.accordion details)+.samp:not(.alert-title):not(.accordion details),.pre:not(.alert-title):not(.accordion details)+blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details),.pre:not(.alert-title):not(.accordion details)+details:not(.does-not-exist):not(.alert-title):not(.accordion details),.pre:not(.alert-title):not(.accordion details)+p:not(.does-not-exist):not(.alert-title):not(.accordion details),.pre:not(.alert-title):not(.accordion details)+pre:not(.does-not-exist):not(.alert-title):not(.accordion details),.pre:not(.alert-title):not(.accordion details)+samp:not(.does-not-exist):not(.alert-title):not(.accordion details),.samp:not(.alert-title):not(.accordion details)+.alert:not(.alert-title):not(.accordion details),.samp:not(.alert-title):not(.accordion details)+.blockquote:not(.alert-title):not(.accordion details),.samp:not(.alert-title):not(.accordion details)+.p:not(.alert-title):not(.accordion details),.samp:not(.alert-title):not(.accordion details)+.pre:not(.alert-title):not(.accordion details),.samp:not(.alert-title):not(.accordion details)+.samp:not(.alert-title):not(.accordion details),.samp:not(.alert-title):not(.accordion details)+blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details),.samp:not(.alert-title):not(.accordion details)+details:not(.does-not-exist):not(.alert-title):not(.accordion details),.samp:not(.alert-title):not(.accordion details)+p:not(.does-not-exist):not(.alert-title):not(.accordion details),.samp:not(.alert-title):not(.accordion details)+pre:not(.does-not-exist):not(.alert-title):not(.accordion details),.samp:not(.alert-title):not(.accordion details)+samp:not(.does-not-exist):not(.alert-title):not(.accordion details),blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details)+.alert:not(.alert-title):not(.accordion details),blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details)+.blockquote:not(.alert-title):not(.accordion details),blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details)+.p:not(.alert-title):not(.accordion details),blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details)+.pre:not(.alert-title):not(.accordion details),blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details)+.samp:not(.alert-title):not(.accordion details),blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details)+blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details),blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details)+details:not(.does-not-exist):not(.alert-title):not(.accordion details),blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details)+p:not(.does-not-exist):not(.alert-title):not(.accordion details),blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details)+pre:not(.does-not-exist):not(.alert-title):not(.accordion details),blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details)+samp:not(.does-not-exist):not(.alert-title):not(.accordion details),details:not(.does-not-exist):not(.alert-title):not(.accordion details)+.alert:not(.alert-title):not(.accordion details),details:not(.does-not-exist):not(.alert-title):not(.accordion details)+.blockquote:not(.alert-title):not(.accordion details),details:not(.does-not-exist):not(.alert-title):not(.accordion details)+.p:not(.alert-title):not(.accordion details),details:not(.does-not-exist):not(.alert-title):not(.accordion details)+.pre:not(.alert-title):not(.accordion details),details:not(.does-not-exist):not(.alert-title):not(.accordion details)+.samp:not(.alert-title):not(.accordion details),details:not(.does-not-exist):not(.alert-title):not(.accordion details)+blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details),details:not(.does-not-exist):not(.alert-title):not(.accordion details)+details:not(.does-not-exist):not(.alert-title):not(.accordion details),details:not(.does-not-exist):not(.alert-title):not(.accordion details)+p:not(.does-not-exist):not(.alert-title):not(.accordion details),details:not(.does-not-exist):not(.alert-title):not(.accordion details)+pre:not(.does-not-exist):not(.alert-title):not(.accordion details),details:not(.does-not-exist):not(.alert-title):not(.accordion details)+samp:not(.does-not-exist):not(.alert-title):not(.accordion details),p:not(.does-not-exist):not(.alert-title):not(.accordion details)+.alert:not(.alert-title):not(.accordion details),p:not(.does-not-exist):not(.alert-title):not(.accordion details)+.blockquote:not(.alert-title):not(.accordion details),p:not(.does-not-exist):not(.alert-title):not(.accordion details)+.p:not(.alert-title):not(.accordion details),p:not(.does-not-exist):not(.alert-title):not(.accordion details)+.pre:not(.alert-title):not(.accordion details),p:not(.does-not-exist):not(.alert-title):not(.accordion details)+.samp:not(.alert-title):not(.accordion details),p:not(.does-not-exist):not(.alert-title):not(.accordion details)+blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details),p:not(.does-not-exist):not(.alert-title):not(.accordion details)+details:not(.does-not-exist):not(.alert-title):not(.accordion details),p:not(.does-not-exist):not(.alert-title):not(.accordion details)+p:not(.does-not-exist):not(.alert-title):not(.accordion details),p:not(.does-not-exist):not(.alert-title):not(.accordion details)+pre:not(.does-not-exist):not(.alert-title):not(.accordion details),p:not(.does-not-exist):not(.alert-title):not(.accordion details)+samp:not(.does-not-exist):not(.alert-title):not(.accordion details),pre:not(.does-not-exist):not(.alert-title):not(.accordion details)+.alert:not(.alert-title):not(.accordion details),pre:not(.does-not-exist):not(.alert-title):not(.accordion details)+.blockquote:not(.alert-title):not(.accordion details),pre:not(.does-not-exist):not(.alert-title):not(.accordion details)+.p:not(.alert-title):not(.accordion details),pre:not(.does-not-exist):not(.alert-title):not(.accordion details)+.pre:not(.alert-title):not(.accordion details),pre:not(.does-not-exist):not(.alert-title):not(.accordion details)+.samp:not(.alert-title):not(.accordion details),pre:not(.does-not-exist):not(.alert-title):not(.accordion details)+blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details),pre:not(.does-not-exist):not(.alert-title):not(.accordion details)+details:not(.does-not-exist):not(.alert-title):not(.accordion details),pre:not(.does-not-exist):not(.alert-title):not(.accordion details)+p:not(.does-not-exist):not(.alert-title):not(.accordion details),pre:not(.does-not-exist):not(.alert-title):not(.accordion details)+pre:not(.does-not-exist):not(.alert-title):not(.accordion details),pre:not(.does-not-exist):not(.alert-title):not(.accordion details)+samp:not(.does-not-exist):not(.alert-title):not(.accordion details),samp:not(.does-not-exist):not(.alert-title):not(.accordion details)+.alert:not(.alert-title):not(.accordion details),samp:not(.does-not-exist):not(.alert-title):not(.accordion details)+.blockquote:not(.alert-title):not(.accordion details),samp:not(.does-not-exist):not(.alert-title):not(.accordion details)+.p:not(.alert-title):not(.accordion details),samp:not(.does-not-exist):not(.alert-title):not(.accordion details)+.pre:not(.alert-title):not(.accordion details),samp:not(.does-not-exist):not(.alert-title):not(.accordion details)+.samp:not(.alert-title):not(.accordion details),samp:not(.does-not-exist):not(.alert-title):not(.accordion details)+blockquote:not(.does-not-exist):not(.alert-title):not(.accordion details),samp:not(.does-not-exist):not(.alert-title):not(.accordion details)+details:not(.does-not-exist):not(.alert-title):not(.accordion details),samp:not(.does-not-exist):not(.alert-title):not(.accordion details)+p:not(.does-not-exist):not(.alert-title):not(.accordion details),samp:not(.does-not-exist):not(.alert-title):not(.accordion details)+pre:not(.does-not-exist):not(.alert-title):not(.accordion details),samp:not(.does-not-exist):not(.alert-title):not(.accordion details)+samp:not(.does-not-exist):not(.alert-title):not(.accordion details){
   margin-top:.75em;
 }
@@ -1970,6 +1984,7 @@ details[open] summary:before{
   rotate:0deg;
 }
 .accordion.subtle>details,details.subtle{
+  background-color:transparent;
   border:0;
   box-shadow:none;
   padding-left:var(--space-2xs);
@@ -2212,7 +2227,7 @@ dialog:not(.drawer).large{
 }
 .field{
   --field-gap:var(--space-2xs);
-  --field-padding:var(--space-2xs);
+  --field-padding:0.5em;
   --field-radius:var(--radius-m);
   color:var(--color-body-text);
   display:inline-flex;
@@ -2227,7 +2242,7 @@ dialog:not(.drawer).large{
 }
 .field.compact,.form.compact .field,fieldset.compact:not(.does-not-exist) .field,form.compact:not(.does-not-exist) .field{
   --field-gap:calc(var(--space-2xs)*0.9);
-  --field-padding:calc(var(--space-2xs)*0.75);
+  --field-padding:0.33em;
   --field-radius:var(--radius-s);
   font-size:calc(var(--font-size-m)*.9);
 }
@@ -2397,7 +2412,7 @@ dialog:not(.drawer).large{
   font-size:.9em;
   font-weight:var(--font-weight-normal);
   justify-content:center;
-  padding:var(--space-3xs) var(--space-xs);
+  padding:var(--field-padding) calc(var(--field-padding)*2);
 }
 .field .input-group>.action img,.field .input-group>.action svg,.field .input-group>.prefix img,.field .input-group>.prefix svg,.field .input-group>.suffix img,.field .input-group>.suffix svg{
   height:1.15em;