Updates

_app/immutable/assets/_layout-043fc2e2.css

@@ -22,8 +22,6 @@ ol,ul,menu,dir{list-style:none;}
 }
 .\32 00{font-weight:200;}
 .\37 00{font-weight:700;}
-@media(hover:hover){.\>\>a\:hover\:c\(--primary\) a:hover,.\>\>a\:hover\:c\(--primary\) a.\:hover{color:var(--primary);}}
-.\>\>a\.active\:c\(--primary\) a.active{color:var(--primary);}
 .c\(\#555\){color:#555;}
 .c\(\#ccc\){color:#ccc;}
 .group:hover .group-hover\:c\(--primary\),html .group.\:hover .group-hover\:c\(--primary\){color:var(--primary);}
@@ -34,6 +32,8 @@ ol,ul,menu,dir{list-style:none;}
 .\.selected\:c\(\#fff\).selected,.selected .\.selected\:c\(\#fff\){color:#fff;}
 .\>\>a\:c\(\#4f80ff\) a{color:#4f80ff;}
 @media only screen and (min-width:320px){html .\@w\(320\~\)\:c\(red\){color:red;}}
+@media(hover:hover){.\>\>a\:hover\:c\(--primary\) a:hover,.\>\>a\:hover\:c\(--primary\) a.\:hover{color:var(--primary);}}
+.\>\>a\.active\:c\(--primary\) a.active{color:var(--primary);}
 .c\(red\){color:red;}
 .c\(\#000\){color:#000;}
 @media(hover:hover){.hover\:c\(--primary\):hover,.hover\:c\(--primary\).\:hover{color:var(--primary);}}
@@ -42,7 +42,6 @@ ol,ul,menu,dir{list-style:none;}
 .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\){color:blue;}
 .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\){color:#D0D0D0;}
 html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:active{color:var(--primary);}
-.font\(20\/-\/-10\%\){font-size:20px;letter-spacing:-0.1em;}
 .font\(3em\/-\/-1\.5\%\){font-size:3em;letter-spacing:-0.015em;}
 @media(max-width:767.98px){html .\~md\:font\(1\.6em\){font-size:1.6em;}}
 .font\(1\.2em\/-\/-1\.5\%\){font-size:1.2em;letter-spacing:-0.015em;}
@@ -56,6 +55,7 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
 .font\(24\){font-size:24px;}
 .font\(13\){font-size:13px;}
 .font\(14\/1\.5\/-1\%\){font-size:14px;line-height:1.5;letter-spacing:-0.01em;}
+.font\(20\/-\/-10\%\){font-size:20px;letter-spacing:-0.1em;}
 .font\(100\){font-size:100px;}
 .font\(12\){font-size:12px;}
 .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\){font-size:19px;line-height:42px;}
@@ -82,11 +82,11 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
 .\>h1\:m\(20\)>h1{margin:20px;}
 .m\(auto\){margin:auto;}
 .mt\(40\){margin-top:40px;}
-.p\(10\/20\){padding:10px 20px;}
-.p\(20\){padding:20px;}
 .p\(200\/32\){padding:200px 32px;}
 .p\(10\/10\){padding:10px 10px;}
+.p\(20\){padding:20px;}
 .p\(8\/12\){padding:8px 12px;}
+.p\(10\/20\){padding:10px 20px;}
 .p\(10\){padding:10px;}
 .pt\(12\){padding-top:12px;}
 .b\(\#000\.2\){border:solid 1px rgba(0,0,0,.2);}
@@ -100,14 +100,14 @@ html .active\:b\(\#000\.2\):active,html .active\:b\(\#000\.2\).\:active{border:s
 .r\(8\){border-radius:8px;}
 .r\(6\){border-radius:6px;}
 .r\(10\){border-radius:10px;}
-.bg\(\#fff\){background-color:#fff;}
 .odd\:bg\(\#f9f9f9\):nth-child(2n+1){background-color:#f9f9f9;}
 .bg\(\#f1f1f1\){background-color:#f1f1f1;}
 .bg\(\#333\){background-color:#333;}
 @media(hover:hover){.hover\:bg\(\#555\):hover,.hover\:bg\(\#555\).\:hover{background-color:#555;}}
 html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-color:#000;}
 .nth-child\(3n\+1\)\:bg\(orange\):nth-child(3n+1){background-color:orange;}
 .\.selected\:bg\(\#000\).selected,.selected .\.selected\:bg\(\#000\){background-color:#000;}
+.bg\(\#fff\){background-color:#fff;}
 .bg\(\#f9f9f9\){background-color:#f9f9f9;}
 .\.selected\:bg\(--primary\).selected,.selected .\.selected\:bg\(--primary\){background-color:var(--primary);}
 .bg\(transparent\){background-color:transparent;}
@@ -125,10 +125,10 @@ html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-c
 .vbox{display:flex;flex-flow:column;align-items:stretch;}:where(.vbox>*){flex-shrink:0;--w-grow:initial;--w-align:stretch;--h-grow:1;--h-align:initial;}
 .vbox\(center\){display:flex;flex-flow:column;align-items:center;}:where(.vbox\(center\)>*){flex-shrink:0;--w-grow:initial;--w-align:stretch;--h-grow:1;--h-align:initial;}
 .pack{display:flex;align-items:center;justify-content:center;}:where(.pack>*){flex-shrink:0;--w-grow:1;--w-align:initial;--h-grow:initial;--h-align:stretch;}
-.gap\(20\){gap:20px;grid-gap:20px;}
 .gap\(40\){gap:40px;grid-gap:40px;}
 .gap\(60\){gap:60px;grid-gap:60px;}
 .gap\(6\){gap:6px;grid-gap:6px;}
+.gap\(20\){gap:20px;grid-gap:20px;}
 .space-between{justify-content:space-between;align-content:space-between;}
 .flex{flex:1;}
 .flex\(4\){flex:4;}

_app/immutable/chunks/10-83ba4b33.js → _app/immutable/chunks/10-5d778a5f.js

@@ -1 +1 @@
-import{default as t}from"../components/pages/tutorial/_page.svelte-1422eec4.js";export{t as component};
+import{default as t}from"../components/pages/tutorial/_page.svelte-b0e47962.js";export{t as component};

_app/immutable/chunks/2-82c8b31b.js

@@ -0,0 +1 @@
+import{default as t}from"../components/pages/_page.svelte-4e847e76.js";export{t as component};

_app/immutable/chunks/3-8bb324a1.js → _app/immutable/chunks/3-9e457cc1.js

@@ -1 +1 @@
-import{default as t}from"../components/pages/background/_page.svelte-fdf84cd5.js";export{t as component};
+import{default as t}from"../components/pages/background/_page.svelte-33635414.js";export{t as component};

_app/immutable/chunks/4-a9ea5a04.js

@@ -0,0 +1 @@
+import{default as t}from"../components/pages/cdn/_page.svelte-094fed83.js";export{t as component};

_app/immutable/chunks/9-770e6ad4.js

@@ -0,0 +1 @@
+import{default as t}from"../components/pages/test/_page.svelte-3095fcad.js";export{t as component};

_app/immutable/components/pages/tutorial/_page.svelte-1422eec4.js → _app/immutable/components/pages/tutorial/_page.svelte-b0e47962.js

@@ -1,4 +1,4 @@
-import{S as de,i as ce,s as ne,e as f,c as b,b as w,f as p,o as h,h as J,n as Q,M as ve,Q as G,R as be,a as B,u as ge,t as he,g as V,v as ue,m as oe,d as pe,T,j as n,w as me,r as K,U as we,k as xe,x as ye,y as ke,V as _e,z as Se,G as Te}from"../../../chunks/index-bc0b20f1.js";import{r as Re,g as Ie,p as Oe}from"../../../chunks/atomizer-1eee48ec.js";function se(e){return(e==null?void 0:e.length)!==void 0?e:Array.from(e)}const le=`
+import{S as de,i as ce,s as ne,e as f,c as b,b as w,f as p,o as h,h as J,n as Q,M as ve,Q as G,R as be,a as B,u as ge,t as he,g as V,v as ue,m as oe,d as pe,T,j as n,w as me,r as K,U as we,k as xe,x as ye,y as ke,V as _e,z as Se,G as Te}from"../../../chunks/index-bc0b20f1.js";import{r as Re,g as Ie,p as Oe}from"../../../chunks/atomizer-59956704.js";function se(e){return(e==null?void 0:e.length)!==void 0?e:Array.from(e)}const le=`
 <!--
 ฅ^•ﻌ•^ฅ ♥
 
@@ -440,9 +440,9 @@ overscroll-y(value) { overscroll-behavior-y:<value>}
 
 Overflow + Text
 
-nowrap {white-space:nowrap;flex-shrink:0;}
+nowrap {white-space:nowrap;}
 nowrap... {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:1}
-line-clamp(value) { display:-webkit-box;-webkit-line-clamp:<value>;-webkit-box-orient:vertical;overflow:hidden }
+line-clamp(value) {display:-webkit-box;-webkit-line-clamp:<value>;-webkit-box-orient:vertical;overflow:hidden}
 -->
 
 
@@ -471,7 +471,7 @@ line-clamp(value) { display:-webkit-box;-webkit-line-clamp:<value>;-webkit-box-o
 <div class="vbox gap(20)">
 
   <h2>nowrap</h2>
-  <div class="w(200) bg(#eee) b(red) nowrap">You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.
+  <div class="bg(#eee) b(red) nowrap">You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.
   </div>
 
   <h2>nowrap clip</h2>
@@ -487,9 +487,9 @@ line-clamp(value) { display:-webkit-box;-webkit-line-clamp:<value>;-webkit-box-o
     <div class="line-clamp(2)">You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.</div>
   </div>
 
-  <h2>line-clamp(3)</h2>
+  <h2>max-lines(3)</h2>
   <div class="w(200) bg(#eee) b(red)">
-    <div class="line-clamp(3)">You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.</div>
+    <div class="max-lines(3)">You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.</div>
   </div>
 </div>
 

_app/version.json

@@ -1 +1 @@
-{"version":"1694017585777"}
+{"version":"1694497867393"}