1- * { margin : 0 ; padding : 0 ; font : inherit; color : inherit;}
2- * , : after , : before {box-sizing : border-box; flex-shrink : 0 ;}
1+
2+ * , : after , : before {margin : 0 ; padding : 0 ; font : inherit; color : inherit; box-sizing : border-box;}
33: root {-webkit-tap-highlight-color : transparent;text-size-adjust : 100% ;-webkit-text-size-adjust : 100% ;line-height : 1.5 ;overflow-wrap : break-word;word-break : break-word;tab-size : 2 ;font-synthesis : none;text-rendering : optimizeLegibility;-webkit-font-smoothing : antialiased;-moz-osx-font-smoothing : grayscale;}
44html , body {height : 100% ;}
55img , picture , video , canvas {display : block;max-width : 100% ;}
66button {background : none;border : 0 ;cursor : pointer;}
77a {text-decoration : none;}
88table {border-collapse : collapse;border-spacing : 0 ;}
99ol , ul , menu , dir {list-style : none;}
10- * {--w-grow : initial;--w-align : initial;--h-grow : initial;--h-align : initial;}
10+ * , : after , : before {--w-grow : initial;--w-align : initial;--h-grow : initial;--h-align : initial;}
11+ * , : after , : before {
12+ --a-translate-x : 0 ;
13+ --a-translate-y : 0 ;
14+ --a-rotate : 0 ;
15+ --a-skew-x : 0 ;
16+ --a-skew-y : 0 ;
17+ --a-scale-x : 1 ;
18+ --a-scale-y : 1 ;
19+ --a-transform : translate (var (--a-translate-x )), var (--a-translate-y )) rotate(var(--a-rotate )) skewX(var(--a-skew-x )) skewY(var(--a-skew-y )) scaleX(var(--a-scale-x )) scaleY(var(--a-scale-y ));
20+ --a-transform3d : translate3d (var (--a-translate-x ), var (--a-translate-y ), 0 ) rotate (var (--a-rotate )) skewX (var (--a-skew-x )) skewY (var (--a-skew-y )) scaleX (var (--a-scale-x )) scaleY (var (--a-scale-y ));
1121.\32 00{font-weight : 200 ;}
1222.\37 00{font-weight : 700 ;}
1323@media (hover : hover){.\>\>a\:hover\:c\(--primary\) a : hover , .\>\>a\:hover\:c\(--primary\) a .\:hover {color : var (--primary );}}
@@ -23,12 +33,12 @@ ol,ul,menu,dir{list-style:none;}
2333.\.selected\:c\(\#fff\) .selected , .selected .\.selected\:c\(\#fff\) {color : # fff ;}
2434.\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;}
2535@media only screen and (min-width : 320px ){html .\@w\(320\~\)\:c\(red\) {color : red;}}
26- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
27- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
2836.c\(\#000\) {color : # 000 ;}
2937@media (hover : hover){.hover\:c\(--primary\) : hover , .hover\:c\(--primary\) .\:hover {color : var (--primary );}}
3038.c\(\#999\) {color : # 999 ;}
3139.\.selected\:c\(\#000\) .selected , .selected .\.selected\:c\(\#000\) {color : # 000 ;}
40+ .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
41+ .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
3242html .active\:color\(--primary\) : active , html .active\:color\(--primary\) .\:active {color : var (--primary );}
3343.font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em ;}
3444.font\(100\) {font-size : 100px ;}
@@ -45,8 +55,8 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
4555.font\(24\) {font-size : 24px ;}
4656.font\(13\) {font-size : 13px ;}
4757.font\(14\/1\.5\/-1\%\) {font-size : 14px ;line-height : 1.5 ;letter-spacing : -0.01em ;}
48- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {font-size : 19px ;line-height : 42px ;}
4958.font\(12\) {font-size : 12px ;}
59+ .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {font-size : 19px ;line-height : 42px ;}
5060.word-spacing\(20\) {word-spacing : 20px ;}
5161.AppleSD {font-family : "Apple SD Gothic Neo" ;}
5262.monospace {font-family : monospace;font-family : var (--monospace , monospace);}
@@ -59,9 +69,9 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
5969.block {display : block;}
6070.w\(\~800\) {max-width : 800px ;}
6171.w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
62- .w\(800\) {width : 800px ;}
6372.w\(240\) {width : 240px ;}
6473.w\(100\%\) {width : 100% ;}
74+ .w\(800\) {width : 800px ;}
6575.h\(60\) {height : 60px ;}
6676.h\(100\%\) {height : 100% ;}
6777.m\(20\) {margin : 20px ;}
@@ -80,8 +90,8 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
8090html .active\:b\(\#000\.2\) : active , html .active\:b\(\#000\.2\) .\:active {border : solid 1px rgba (0 , 0 , 0 , .2 );}
8191.b\(- \) {border : none;}
8292.bb\(\#000\.1\) {border-bottom : solid 1px rgba (0 , 0 , 0 , .1 );}
83- .bb\(\#000\) {border-bottom : solid 1px # 000 ;}
8493.bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
94+ .bb\(\#000\) {border-bottom : solid 1px # 000 ;}
8595.\.selected\:bbc\(--primary\) .selected , .selected .\.selected\:bbc\(--primary\) {border-bottom-color : var (--primary );}
8696.outline\(- \) {outline : none;}
8797.r\(8\) {border-radius : 8px ;}
@@ -105,13 +115,13 @@ html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-c
105115.pre {white-space : pre-wrap;}
106116.nowrap\.\.\. {white-space : nowrap;text-overflow : ellipsis;overflow : hidden;flex-shrink : 1 ;max-width : 100% ;}
107117.line-clamp\(3\) {display : -webkit-box;-webkit-line-clamp : 3 ;-webkit-box-orient : vertical;overflow : hidden;}
108- .hbox {display : flex;flex-flow : row;align-items : center;}.hbox > * { --w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}
109- .hbox\(top\+center\) {display : flex;flex-flow : row;align-items : flex-start;justify-content : center;}.hbox\(top\+center\) > * { --w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}
110- .hbox\(bottom\+right\) {display : flex;flex-flow : row;align-items : flex-end;justify-content : flex-end;}.hbox\(bottom\+right\) > * { --w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}
111- .hbox\(fill\) {display : flex;flex-flow : row;align-items : stretch;}.hbox\(fill\) > * { --w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}
112- .vbox {display : flex;flex-flow : column;align-items : stretch;}.vbox > * { --w-grow : initial;--w-align : stretch;--h-grow : 1 ;--h-align : initial;}
113- .vbox\(center\) {display : flex;flex-flow : column;align-items : center;}.vbox\(center\) > * { --w-grow : initial;--w-align : stretch;--h-grow : 1 ;--h-align : initial;}
114- .pack {display : flex;align-items : center;justify-content : center;}.pack > * { --w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}
118+ .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;}
119+ .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;}
120+ .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;}
121+ .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;}
122+ .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;}
123+ .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;}
124+ .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;}
115125.gap\(20\) {gap : 20px ;grid-gap : 20px ;}
116126.gap\(40\) {gap : 40px ;grid-gap : 40px ;}
117127.gap\(60\) {gap : 60px ;grid-gap : 60px ;}
@@ -136,12 +146,12 @@ html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-c
136146.pointer {cursor : pointer;}
137147.transition\(\.4s\) {transition : all .4s ;}
138148.transition\(\.2s\) {transition : all .2s ;}
139- .group : hover .group-hover\:rotate\(-10deg\) , html .group .\:hover .group-hover\:rotate\(-10deg\) {transform : rotate ( -10 deg );}
140- html .group : active .group-active\:rotate\(10deg\) , html .group .\:active .group-active\:rotate\(10deg\) {transform : rotate ( 10 deg );}
141- .group : hover .group-hover\:rotate\(10deg\) , html .group .\:hover .group-hover\:rotate\(10deg\) {transform : rotate ( 10 deg );}
142- html .group : active .group-active\:rotate\(-10deg\) , html .group .\:active .group-active\:rotate\(-10deg\) {transform : rotate ( -10 deg );}
143- html .active\:rotate\(5deg\) : active , html .active\:rotate\(5deg\) .\:active {transform : rotate ( 5 deg );}
144- @media (hover : hover){.hover\:scale\(1\.05\) : hover , .hover\:scale\(1\.05\) .\:hover {transform : scale ( 1.05 );}}
149+ .group : hover .group-hover\:rotate\(-10deg\) , html .group .\:hover .group-hover\:rotate\(-10deg\) {--a-rotate-x : - ; - - a - rotate-y : 1 ; --a-rotate-z : 0 ; transform : var ( --a-transform );}
150+ html .group : active .group-active\:rotate\(10deg\) , html .group .\:active .group-active\:rotate\(10deg\) {--a-rotate-x : 1 ; --a- rotate-y : 0 ; --a-rotate-z : d; transform : var ( --a-transform );}
151+ .group : hover .group-hover\:rotate\(10deg\) , html .group .\:hover .group-hover\:rotate\(10deg\) {--a-rotate-x : 1 ; --a- rotate-y : 0 ; --a-rotate-z : d; transform : var ( --a-transform );}
152+ html .group : active .group-active\:rotate\(-10deg\) , html .group .\:active .group-active\:rotate\(-10deg\) {--a-rotate-x : - ; - - a - rotate-y : 1 ; --a-rotate-z : 0 ; transform : var ( --a-transform );}
153+ html .active\:rotate\(5deg\) : active , html .active\:rotate\(5deg\) .\:active {--a-rotate-x : 5 ; --a- rotate-y : d; --a-rotate-z : e; transform : var ( --a-transform );}
154+ @media (hover : hover){.hover\:scale\(1\.05\) : hover , .hover\:scale\(1\.05\) .\:hover {--a- scale-x : 1 ; --a-scale-y : .; - - a - scale-z : 0 ; transform : var ( --a-transform );}}
145155.after\:content\(--my-content\) ::after {content : var (--my-content );}
146156html .active\:bg\(\#000\)\! : active , html .active\:bg\(\#000\)\! .\:active {background-color : # 000!important ;}
147157.\.selected\:c\(\#fff\)\! .selected , .selected .\.selected\:c\(\#fff\)\! {color : # fff!important ;}: root {font-family : Pretendard, system-ui, sans-serif;color : # 222 ;--primary : # fb3958 ;--primary-bg : rgba (251 , 57 , 88 , .02 )}.markdown {width : 768px ;max-width : 100% ;margin : auto;line-height : 1.6 ;font-size : 16px ;letter-spacing : -.01em ;word-wrap : break-all;color : # 333 }.markdown hr {margin : 2em 0 ;border-top : 1px solid rgba (0 , 0 , 0 , .1 )}.markdown a {color : var (--primary )}.markdown a : hover {text-decoration : underline}.markdown h1 , .markdown h2 , .markdown h3 , .markdown h4 {font-size : 2em ;font-weight : 700 ;margin-top : 2.4em ;margin-bottom : .6em }.markdown h2 {font-size : 1.4em }.markdown h3 {font-size : 1.2em }.markdown h4 {font-size : 1em }.markdown p {margin : 1.4em 0 }.markdown ul , .markdown ol {list-style : disc;padding : 0 1.6em ;margin : 1em 0 }.markdown ol {list-style : number}.markdown li {margin : .2em 0 }.markdown pre {background : # f9f9f9 ;margin : 1em 0 ;padding : 1em ;border-radius : .6em ;white-space : pre-wrap;font-family : monospace;font-size : .9em ;text-align : left}.markdown code {background : # f6f8fa ;padding : 2px .4em ;border-radius : .4em ;font-family : monospace;font-size : .9em }.markdown pre code {background : none;padding : 0 }.markdown .attr-value , .markdown .string , .markdown .string-property {color : var (--primary )}.markdown .comment {color : # 999 }.markdown blockquote {background : var (--primary-bg );margin : 1.4em 0 ;padding : 1.4em ;border-left : 4px solid var (--primary )}.markdown blockquote > : first-child {margin-top : 0 }.markdown blockquote > : last-child {margin-bottom : 0 }.markdown strong {font-weight : 700 }@media (max-width : 768px ){.markdown {font-size : 14px }}
0 commit comments