@@ -24,7 +24,6 @@ ol,ul,menu,dir{list-style:none;}
2424.\37 00{font-weight : 700 ;}
2525@media (hover : hover){.\>\>a\:hover\:c\(--primary\) a : hover , .\>\>a\:hover\:c\(--primary\) a .\:hover {color : var (--primary );}}
2626.\>\>a\.active\:c\(--primary\) a .active {color : var (--primary );}
27- .c\(red\) {color : red;}
2827.c\(\#555\) {color : # 555 ;}
2928.c\(\#ccc\) {color : # ccc ;}
3029.group : hover .group-hover\:c\(--primary\) , html .group .\:hover .group-hover\:c\(--primary\) {color : var (--primary );}
@@ -35,15 +34,15 @@ ol,ul,menu,dir{list-style:none;}
3534.\.selected\:c\(\#fff\) .selected , .selected .\.selected\:c\(\#fff\) {color : # fff ;}
3635.\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;}
3736@media only screen and (min-width : 320px ){html .\@w\(320\~\)\:c\(red\) {color : red;}}
37+ .c\(red\) {color : red;}
38+ .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
39+ .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
3840.c\(\#000\) {color : # 000 ;}
3941@media (hover : hover){.hover\:c\(--primary\) : hover , .hover\:c\(--primary\) .\:hover {color : var (--primary );}}
4042.c\(\#999\) {color : # 999 ;}
4143.\.selected\:c\(\#000\) .selected , .selected .\.selected\:c\(\#000\) {color : # 000 ;}
42- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
43- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
4444html .active\:color\(--primary\) : active , html .active\:color\(--primary\) .\:active {color : var (--primary );}
4545.font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em ;}
46- .font\(100\) {font-size : 100px ;}
4746.font\(3em\/- \/-1\.5\%\) {font-size : 3em ;letter-spacing : -0.015em ;}
4847@media (max-width : 767.98px ){html .\~md\:font\(1\.6em\) {font-size : 1.6em ;}}
4948.font\(1\.2em\/- \/-1\.5\%\) {font-size : 1.2em ;letter-spacing : -0.015em ;}
@@ -57,8 +56,9 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
5756.font\(24\) {font-size : 24px ;}
5857.font\(13\) {font-size : 13px ;}
5958.font\(14\/1\.5\/-1\%\) {font-size : 14px ;line-height : 1.5 ;letter-spacing : -0.01em ;}
60- .font\(12 \) {font-size : 12 px ;}
59+ .font\(100 \) {font-size : 100 px ;}
6160.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {font-size : 19px ;line-height : 42px ;}
61+ .font\(12\) {font-size : 12px ;}
6262.word-spacing\(20\) {word-spacing : 20px ;}
6363.AppleSD {font-family : "Apple SD Gothic Neo" ;}
6464.monospace {font-family : monospace;font-family : var (--monospace , monospace);}
@@ -71,9 +71,9 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
7171.block {display : block;}
7272.w\(\~800\) {max-width : 800px ;}
7373.w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
74+ .w\(800\) {width : 800px ;}
7475.w\(200\) {width : 200px ;}
7576.w\(100\%\) {width : 100% ;}
76- .w\(800\) {width : 800px ;}
7777.h\(60\) {height : 60px ;}
7878.h\(100\%\) {height : 100% ;}
7979.max-h\(60vh\) {max-height : 60vh ;}
@@ -83,19 +83,19 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
8383.m\(auto\) {margin : auto;}
8484.mt\(40\) {margin-top : 40px ;}
8585.p\(10\/20\) {padding : 10px 20px ;}
86- .p\(10\) {padding : 10px ;}
8786.p\(200\/32\) {padding : 200px 32px ;}
8887.p\(10\/10\) {padding : 10px 10px ;}
8988.p\(20\) {padding : 20px ;}
9089.p\(8\/12\) {padding : 8px 12px ;}
90+ .p\(10\) {padding : 10px ;}
9191.p\(6\/8\) {padding : 6px 8px ;}
9292.pt\(12\) {padding-top : 12px ;}
9393.b\(\#000\.2\) {border : solid 1px rgba (0 , 0 , 0 , .2 );}
9494html .active\:b\(\#000\.2\) : active , html .active\:b\(\#000\.2\) .\:active {border : solid 1px rgba (0 , 0 , 0 , .2 );}
9595.b\(- \) {border : none;}
9696.bb\(\#000\.1\) {border-bottom : solid 1px rgba (0 , 0 , 0 , .1 );}
97- .bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
9897.bb\(\#000\) {border-bottom : solid 1px # 000 ;}
98+ .bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
9999.\.selected\:bbc\(--primary\) .selected , .selected .\.selected\:bbc\(--primary\) {border-bottom-color : var (--primary );}
100100.outline\(- \) {outline : none;}
101101.r\(8\) {border-radius : 8px ;}
@@ -112,20 +112,20 @@ html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-c
112112.bg\(\#f9f9f9\) {background-color : # f9f9f9 ;}
113113.\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );}
114114.bg\(transparent\) {background-color : transparent;}
115- .clip {& { overflow : hidden;}& : has (.nowrap\.\.\. ){flex-shrink : 1 ;} }
115+ .clip {overflow : hidden;}. clip : has (.nowrap\.\.\. ){flex-shrink : 1 ;}
116116.scroll-x {overflow-x : auto;overflow-y : hidden;}
117117.scroll-y {overflow-x : hidden;overflow-y : auto;}
118118.overscroll\(none\) {overscroll-behavior : none;}
119119.pre {white-space : pre-wrap;}
120120.nowrap\.\.\. {white-space : nowrap;text-overflow : ellipsis;overflow : hidden;flex-shrink : 1 ;max-width : 100% ;}
121121.line-clamp\(3\) {display : -webkit-box;-webkit-line-clamp : 3 ;-webkit-box-orient : vertical;overflow : hidden;}
122- .hbox {& { display : flex;flex-flow : row;align-items : center;}: where (& > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;} }
123- .hbox\(top\+center\) {& { display : flex;flex-flow : row;align-items : flex-start;justify-content : center;}: where (& > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;} }
124- .hbox\(bottom\+right\) {& { display : flex;flex-flow : row;align-items : flex-end;justify-content : flex-end;}: where (& > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;} }
125- .hbox\(fill\) {& { display : flex;flex-flow : row;align-items : stretch;}: where (& > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;} }
126- .vbox {& { display : flex;flex-flow : column;align-items : stretch;}: where (& > * ){flex-shrink : 0 ;--w-grow : initial;--w-align : stretch;--h-grow : 1 ;--h-align : initial;} }
127- .vbox\(center\) {& { display : flex;flex-flow : column;align-items : center;}: where (& > * ){flex-shrink : 0 ;--w-grow : initial;--w-align : stretch;--h-grow : 1 ;--h-align : initial;} }
128- .pack {& { display : flex;align-items : center;justify-content : center;}: where (& > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;} }
122+ .hbox {display : flex;flex-flow : row;align-items : center;}: where (. hbox > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}
123+ .hbox\(top\+center\) {display : flex;flex-flow : row;align-items : flex-start;justify-content : center;}: where (. hbox\(top\+center\) > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}
124+ .hbox\(bottom\+right\) {display : flex;flex-flow : row;align-items : flex-end;justify-content : flex-end;}: where (. hbox\(bottom\+right\) > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}
125+ .hbox\(fill\) {display : flex;flex-flow : row;align-items : stretch;}: where (. hbox\(fill\) > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}
126+ .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;}
127+ .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;}
128+ .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;}
129129.gap\(20\) {gap : 20px ;grid-gap : 20px ;}
130130.gap\(40\) {gap : 40px ;grid-gap : 40px ;}
131131.gap\(60\) {gap : 60px ;grid-gap : 60px ;}
@@ -134,8 +134,8 @@ html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-c
134134.flex {flex : 1 ;}
135135.flex\(4\) {flex : 4 ;}
136136.flex\(3\) {flex : 3 ;}
137- . space\(2em\) { [class *= "hbox" ]> & {width : 2em ;}[class *= "vbox" ]> & {height : 2em ;} }
138- .flex-wrap {& { flex-wrap : wrap;}: where (& > * ){max-width : 100% ;max-height : 100% ;} }
137+ [class *= "hbox" ]> . space\(2em\) {width : 2em ;}[class *= "vbox" ]> . space\(2em\) {height : 2em ;}
138+ .flex-wrap {flex-wrap : wrap;}: where (. flex-wrap > * ){max-width : 100% ;max-height : 100% ;}
139139.layer\(right\) {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;}
140140.layer {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;left : 0 ;}
141141.layer\(bottom\+right\) {position : absolute;right : 0 ;bottom : 0 ;}
0 commit comments