@@ -9,31 +9,31 @@ table{border-collapse:collapse;border-spacing:0;}
99ol , ul , menu , dir {list-style : none;}
1010.\32 00{font-weight : 200 ;}
1111.\37 00{font-weight : 700 ;}
12- @media (hover : hover){.\>\>a\:hover\:c\(--primary\) a : hover , .\>\>a\:hover\:c\(--primary\) a .\:hover {color : var (--primary );}}
13- .\>\>a\.active\:c\(--primary\) a .active {color : var (--primary );}
12+ @media (hover : hover){.\>\>a\:hover\:c\(--primary\) a : hover , .\>\>a\:hover\:c\(--primary\) a .\:hover {color : var (--primary );}{} }
13+ .\>\>a\.active\:c\(--primary\) a .active {color : var (--primary );}{}
1414.c\(\#555\) {color : # 555 ;}
1515.c\(\#ccc\) {color : # ccc ;}
16- .group : hover .group-hover\:c\(--primary\) , html .group .\:hover .group-hover\:c\(--primary\) {color : var (--primary );}
16+ .group : hover .group-hover\:c\(--primary\) , html .group .\:hover .group-hover\:c\(--primary\) {color : var (--primary );}{}
1717.c\(\#666\) {color : # 666 ;}
1818.c\(\#ff0\) {color : # ff0 ;}
1919.c\(\#fff\) {color : # fff ;}
20- .placeholder\:c\(\#ccc\) ::placeholder {color : # ccc ;}
21- .\.selected\:c\(\#fff\) .selected , .selected .\.selected\:c\(\#fff\) {color : # fff ;}
22- .\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;}
23- @media only screen and (min-width : 320px ){html .\@w\(320\~\)\:c\(red\) {color : red;}}
20+ .placeholder\:c\(\#ccc\) ::placeholder {color : # ccc ;}{}
21+ .\.selected\:c\(\#fff\) .selected , .selected .\.selected\:c\(\#fff\) {color : # fff ;}{}
22+ .\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;}{}
23+ @media only screen and (min-width : 320px ){html .\@w\(320\~\)\:c\(red\) {color : red;}{} }
2424.c\(red\) {color : red;}
25- .c\(\#000\) {color : # 000 ;}
26- @media (hover : hover){.hover\:c\(--primary\) : hover , .hover\:c\(--primary\) .\:hover {color : var (--primary );}}
27- .c\(\#999\) {color : # 999 ;}
28- .\.selected\:c\(\#000\) .selected , .selected .\.selected\:c\(\#000\) {color : # 000 ;}
2925.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
3026.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
31- html .active\:color\(--primary\) : active , html .active\:color\(--primary\) .\:active {color : var (--primary );}
27+ .c\(\#000\) {color : # 000 ;}
28+ @media (hover : hover){.hover\:c\(--primary\) : hover , .hover\:c\(--primary\) .\:hover {color : var (--primary );} {}}
29+ .c\(\#999\) {color : # 999 ;}
30+ .\.selected\:c\(\#000\) .selected , .selected .\.selected\:c\(\#000\) {color : # 000 ;} {}
31+ html .active\:color\(--primary\) : active , html .active\:color\(--primary\) .\:active {color : var (--primary );} {}
3232.font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em ;}
3333.font\(3em\/- \/-1\.5\%\) {font-size : 3em ;letter-spacing : -0.015em ;}
34- @media (max-width : 767.98px ){html .\~md\:font\(1\.6em\) {font-size : 1.6em ;}}
34+ @media (max-width : 767.98px ){html .\~md\:font\(1\.6em\) {font-size : 1.6em ;}{} }
3535.font\(1\.2em\/- \/-1\.5\%\) {font-size : 1.2em ;letter-spacing : -0.015em ;}
36- @media (max-width : 767.98px ){html .\~md\:font\(1\.4em\) {font-size : 1.4em ;}}
36+ @media (max-width : 767.98px ){html .\~md\:font\(1\.4em\) {font-size : 1.4em ;}{} }
3737.font\(80\/- \/-15\%\) {font-size : 80px ;letter-spacing : -0.15em ;}
3838.font\(20\) {font-size : 20px ;}
3939.font\(30\) {font-size : 30px ;}
@@ -44,14 +44,14 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
4444.font\(13\) {font-size : 13px ;}
4545.font\(14\/1\.5\/-1\%\) {font-size : 14px ;line-height : 1.5 ;letter-spacing : -0.01em ;}
4646.font\(100\) {font-size : 100px ;}
47- .font\(12\) {font-size : 12px ;}
4847.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {font-size : 19px ;line-height : 42px ;}
48+ .font\(12\) {font-size : 12px ;}
4949.word-spacing\(20\) {word-spacing : 20px ;}
5050.monospace {font-family : monospace;font-family : var (--monospace , monospace);}
5151.monospace\(number\) {font-variant-numeric : tabular-nums;}
5252.AppleSD {font-family : "Apple SD Gothic Neo" ;}
5353.bold {font-weight : bold;}
54- @media (hover : hover){.hover\:underline : hover , .hover\:underline .\:hover {text-decoration : underline;}}
54+ @media (hover : hover){.hover\:underline : hover , .hover\:underline .\:hover {text-decoration : underline;}{} }
5555.text-center {text-align : center;}
5656.text-left {text-align : left;}
5757.vertical-top {vertical-align : top;}
@@ -75,14 +75,14 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
7575.flex-wrap {flex-wrap : wrap;}.flex-wrap > * {max-width : 100% ;max-height : 100% ;}
7676.w\(\~800\) {max-width : 800px ;}
7777.w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
78+ .w\(800\) {width : 800px ;}
7879.w\(240\) {width : 240px ;}
7980.w\(100\%\) {width : 100% ;}
80- .w\(800\) {width : 800px ;}
8181.h\(60\) {height : 60px ;}
8282.h\(100\%\) {height : 100% ;}
8383.m\(20\) {margin : 20px ;}
8484.m\(10\/0\) {margin : 10px 0 ;}
85- .\>h1\:m\(20\) > h1 {margin : 20px ;}
85+ .\>h1\:m\(20\) > h1 {margin : 20px ;}{}
8686.m\(auto\) {margin : auto;}
8787.mt\(40\) {margin-top : 40px ;}
8888.p\(10\/20\) {padding : 10px 20px ;}
@@ -93,26 +93,26 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
9393.p\(10\) {padding : 10px ;}
9494.pt\(12\) {padding-top : 12px ;}
9595.b\(\#000\.2\) {border : solid 1px rgba (0 , 0 , 0 , .2 );}
96- html .active\:b\(\#000\.2\) : active , html .active\:b\(\#000\.2\) .\:active {border : solid 1px rgba (0 , 0 , 0 , .2 );}
96+ html .active\:b\(\#000\.2\) : active , html .active\:b\(\#000\.2\) .\:active {border : solid 1px rgba (0 , 0 , 0 , .2 );}{}
9797.b\(- \) {border : none;}
9898.bb\(\#000\.1\) {border-bottom : solid 1px rgba (0 , 0 , 0 , .1 );}
99- .bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
10099.bb\(\#000\) {border-bottom : solid 1px # 000 ;}
101- .\.selected\:bbc\(--primary\) .selected , .selected .\.selected\:bbc\(--primary\) {border-bottom-color : var (--primary );}
100+ .bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
101+ .\.selected\:bbc\(--primary\) .selected , .selected .\.selected\:bbc\(--primary\) {border-bottom-color : var (--primary );} {}
102102.r\(8\) {border-radius : 8px ;}
103103.r\(6\) {border-radius : 6px ;}
104104.r\(10\) {border-radius : 10px ;}
105105.outline\(- \) {outline : none;}
106106.bg\(\#fff\) {background-color : # fff ;}
107- .odd\:bg\(\#f9f9f9\) : nth-child (2n+1){background-color : # f9f9f9 ;}
107+ .odd\:bg\(\#f9f9f9\) : nth-child (2n+1){background-color : # f9f9f9 ;}{}
108108.bg\(\#f1f1f1\) {background-color : # f1f1f1 ;}
109109.bg\(\#333\) {background-color : # 333 ;}
110- @media (hover : hover){.hover\:bg\(\#555\) : hover , .hover\:bg\(\#555\) .\:hover {background-color : # 555 ;}}
111- html .active\:bg\(\#000\) : active , html .active\:bg\(\#000\) .\:active {background-color : # 000 ;}
112- .nth-child\(3n\+1\)\:bg\(orange\) : nth-child (3n+1){background-color : orange;}
113- .\.selected\:bg\(\#000\) .selected , .selected .\.selected\:bg\(\#000\) {background-color : # 000 ;}
110+ @media (hover : hover){.hover\:bg\(\#555\) : hover , .hover\:bg\(\#555\) .\:hover {background-color : # 555 ;}{} }
111+ html .active\:bg\(\#000\) : active , html .active\:bg\(\#000\) .\:active {background-color : # 000 ;}{}
112+ .nth-child\(3n\+1\)\:bg\(orange\) : nth-child (3n+1){background-color : orange;}{}
113+ .\.selected\:bg\(\#000\) .selected , .selected .\.selected\:bg\(\#000\) {background-color : # 000 ;}{}
114114.bg\(\#f9f9f9\) {background-color : # f9f9f9 ;}
115- .\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );}
115+ .\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );}{}
116116.bg\(transparent\) {background-color : transparent;}
117117.clip {overflow : hidden;}
118118.scroll-x {overflow-x : auto;overflow-y : hidden;}
@@ -131,16 +131,16 @@ html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-c
131131.z\(9999\) {z-index : 9999 ;}
132132.none {display : none;}
133133.opacity\(0\.7\) {opacity : 0.7 ;}
134- @media (hover : hover){.hover\:opacity\(1\) : hover , .hover\:opacity\(1\) .\:hover {opacity : 1 ;}}
134+ @media (hover : hover){.hover\:opacity\(1\) : hover , .hover\:opacity\(1\) .\:hover {opacity : 1 ;}{} }
135135.pointer {cursor : pointer;}
136136.transition\(\.4s\) {transition : all .4s ;}
137137.transition\(\.2s\) {transition : all .2s ;}
138- .group : hover .group-hover\:rotate\(-10deg\) , html .group .\:hover .group-hover\:rotate\(-10deg\) {transform : rotate (-10deg );}
139- html .group : active .group-active\:rotate\(10deg\) , html .group .\:active .group-active\:rotate\(10deg\) {transform : rotate (10deg );}
140- .group : hover .group-hover\:rotate\(10deg\) , html .group .\:hover .group-hover\:rotate\(10deg\) {transform : rotate (10deg );}
141- html .group : active .group-active\:rotate\(-10deg\) , html .group .\:active .group-active\:rotate\(-10deg\) {transform : rotate (-10deg );}
142- html .active\:rotate\(5deg\) : active , html .active\:rotate\(5deg\) .\:active {transform : rotate (5deg );}
143- @media (hover : hover){.hover\:scale\(1\.05\) : hover , .hover\:scale\(1\.05\) .\:hover {transform : scale (1.05 );}}
144- .after\:content\(--my-content\) ::after {content : var (--my-content )}
145- html .active\:bg\(\#000\)\! : active , html .active\:bg\(\#000\)\! .\:active {background-color : # 000!important ;}
146- .\.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 blockquote {background : var (--primary-bg );margin : 1em 0 ;padding : .2em 1.4em ;border-left : 4px solid var (--primary )}.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 : 1.6em }.markdown h2 {margin-top : 1em ;font-size : 1.4em }.markdown h3 {font-size : 1.2em }.markdown h4 {font-size : 1em }.markdown p {margin : 1em 0 }.markdown ul , .markdown ol {list-style : disc;padding : 0 1em ;margin : 1em 0 }.markdown ol {list-style : number}.markdown pre {background : # f9f9f9 ;margin : 1em 0 ;padding : 1em ;border-radius : .6em ;white-space : pre-wrap;font-family : monospace;font-size : .8em ;text-align : left}.markdown code {background : # f6f8fa ;padding : 2px .4em ;border-radius : .4em ;font-family : monospace}.markdown pre code {background : none;padding : 0 }.markdown .attr-value , .markdown .string , .markdown .string-property {color : var (--primary )}.markdown .comment {color : # 999 }@media (max-width : 768px ){.markdown {font-size : 14px }}
138+ .group : hover .group-hover\:rotate\(-10deg\) , html .group .\:hover .group-hover\:rotate\(-10deg\) {transform : rotate (-10deg );}{}
139+ html .group : active .group-active\:rotate\(10deg\) , html .group .\:active .group-active\:rotate\(10deg\) {transform : rotate (10deg );}{}
140+ .group : hover .group-hover\:rotate\(10deg\) , html .group .\:hover .group-hover\:rotate\(10deg\) {transform : rotate (10deg );}{}
141+ html .group : active .group-active\:rotate\(-10deg\) , html .group .\:active .group-active\:rotate\(-10deg\) {transform : rotate (-10deg );}{}
142+ html .active\:rotate\(5deg\) : active , html .active\:rotate\(5deg\) .\:active {transform : rotate (5deg );}{}
143+ @media (hover : hover){.hover\:scale\(1\.05\) : hover , .hover\:scale\(1\.05\) .\:hover {transform : scale (1.05 );}{} }
144+ .after\:content\(--my-content\) ::after {content : var (--my-content )}{}
145+ html .active\:bg\(\#000\)\! : active , html .active\:bg\(\#000\)\! .\:active {background-color : # 000!important ;}{}
146+ .\.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 blockquote {background : var (--primary-bg );margin : 1em 0 ;padding : .2em 1.4em ;border-left : 4px solid var (--primary )}.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 : 1.6em }.markdown h2 {margin-top : 1em ;font-size : 1.4em }.markdown h3 {font-size : 1.2em }.markdown h4 {font-size : 1em }.markdown p {margin : 1em 0 }.markdown ul , .markdown ol {list-style : disc;padding : 0 1em ;margin : 1em 0 }.markdown ol {list-style : number}.markdown pre {background : # f9f9f9 ;margin : 1em 0 ;padding : 1em ;border-radius : .6em ;white-space : pre-wrap;font-family : monospace;font-size : .8em ;text-align : left}.markdown code {background : # f6f8fa ;padding : 2px .4em ;border-radius : .4em ;font-family : monospace}.markdown pre code {background : none;padding : 0 }.markdown .attr-value , .markdown .string , .markdown .string-property {color : var (--primary )}.markdown .comment {color : # 999 }@media (max-width : 768px ){.markdown {font-size : 14px }}
0 commit comments