11* {margin : 0 ;padding : 0 ;font : inherit;color : inherit;}
22* , : after , : before {box-sizing : border-box;flex-shrink : 0 ;}
3- : 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 }
3+ : 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;}
@@ -9,6 +9,13 @@ 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 );} {}
14+ .c\(red\) {color : red;}
15+ .c\(\#000\) {color : # 000 ;}
16+ @media (hover : hover){.hover\:c\(--primary\) : hover , .hover\:c\(--primary\) .\:hover {color : var (--primary );} {}}
17+ .c\(\#999\) {color : # 999 ;}
18+ .\.selected\:c\(\#000\) .selected , .selected .\.selected\:c\(\#000\) {color : # 000 ;} {}
1219.c\(\#555\) {color : # 555 ;}
1320.c\(\#ccc\) {color : # ccc ;}
1421.group : hover .group-hover\:c\(--primary\) , html .group .\:hover .group-hover\:c\(--primary\) {color : var (--primary );} {}
@@ -19,16 +26,12 @@ ol,ul,menu,dir{list-style:none;}
1926.\.selected\:c\(\#fff\) .selected , .selected .\.selected\:c\(\#fff\) {color : # fff ;} {}
2027.\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;} {}
2128@media only screen and (min-width : 320px ){html .\@w\(320\~\)\:c\(red\) {color : red;} {}}
22- .c\(red\) {color : red;}
23- .c\(\#000\) {color : # 000 ;}
24- @media (hover : hover){.hover\:c\(--primary\) : hover , .hover\:c\(--primary\) .\:hover {color : var (--primary );} {}}
25- .c\(\#999\) {color : # 999 ;}
26- .\.selected\:c\(\#000\) .selected , .selected .\.selected\:c\(\#000\) {color : # 000 ;} {}
2729.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
2830.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
29- @media (hover : hover){.\>\>a\:hover\:c\(--primary\) a : hover , .\>\>a\:hover\:c\(--primary\) a .\:hover {color : var (--primary );} {}}
30- .\>\>a\.active\:c\(--primary\) a .active {color : var (--primary );} {}
3131html .active\:color\(--primary\) : active , html .active\:color\(--primary\) .\:active {color : var (--primary );} {}
32+ .font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em ;}
33+ .font\(100\) {font-size : 100px ;}
34+ .font\(12\) {font-size : 12px ;}
3235.font\(3em\/- \/-1\.5\%\) {font-size : 3em ;letter-spacing : -0.015em ;}
3336@media (max-width : 767.98px ){html .\~md\:font\(1\.6em\) {font-size : 1.6em ;} {}}
3437.font\(1\.2em\/- \/-1\.5\%\) {font-size : 1.2em ;letter-spacing : -0.015em ;}
@@ -42,13 +45,10 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
4245.font\(24\) {font-size : 24px ;}
4346.font\(13\) {font-size : 13px ;}
4447.font\(14\/1\.5\/-1\%\) {font-size : 14px ;line-height : 1.5 ;letter-spacing : -0.01em ;}
45- .font\(100\) {font-size : 100px ;}
46- .font\(12\) {font-size : 12px ;}
4748.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {font-size : 19px ;line-height : 42px ;}
48- .font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em ;}
4949.word-spacing\(20\) {word-spacing : 20px ;}
50- .monospace {font-family : monospace;font-family : var (--monospace , monospace);}
5150.monospace\(number\) {font-variant-numeric : tabular-nums;}
51+ .monospace {font-family : monospace;font-family : var (--monospace , monospace);}
5252.AppleSD {font-family : "Apple SD Gothic Neo" ;}
5353.bold {font-weight : bold;}
5454@media (hover : hover){.hover\:underline : hover , .hover\:underline .\:hover {text-decoration : underline;} {}}
@@ -57,26 +57,26 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
5757.vertical-top {vertical-align : top;}
5858.block {display : block;}
5959.hbox {display : flex;flex-flow : row;align-items : center;}
60+ .hbox\(fill\) {display : flex;flex-flow : row;align-items : stretch;}
6061.hbox\(top\+center\) {display : flex;flex-flow : row;align-items : flex-start;justify-content : center;}
6162.hbox\(bottom\+right\) {display : flex;flex-flow : row;align-items : flex-end;justify-content : flex-end;}
62- .hbox\(fill\) {display : flex;flex-flow : row;align-items : stretch;}
6363.vbox {display : flex;flex-flow : column;align-items : stretch;}
6464.vbox\(center\) {display : flex;flex-flow : column;align-items : center;}
6565.pack {display : flex;align-items : center;justify-content : center;}
66+ .gap\(20\) {gap : 20px ;grid-gap : 20px ;}
6667.gap\(40\) {gap : 40px ;grid-gap : 40px ;}
6768.gap\(60\) {gap : 60px ;grid-gap : 60px ;}
6869.gap\(6\) {gap : 6px ;grid-gap : 6px ;}
69- .gap\(20\) {gap : 20px ;grid-gap : 20px ;}
7070.space-between {justify-content : space-between;}
7171.flex {flex : 1 ;}
7272.flex\(4\) {flex : 4 ;}
7373.flex\(3\) {flex : 3 ;}
7474[class *= "hbox" ]> .space\(2em\) {width : 2em ;} [class *= "vbox" ]> .space\(2em\) {height : 2em ;}
7575.flex-wrap {flex-wrap : wrap;}.flex-wrap > * {max-width : 100% ;max-height : 100% ;}
76- .w\(\~800\) {max-width : 800px ;}
77- .w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
7876.w\(240\) {width : 240px ;}
7977.w\(100\%\) {width : 100% ;}
78+ .w\(\~800\) {max-width : 800px ;}
79+ .w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
8080.w\(800\) {width : 800px ;}
8181.h\(60\) {height : 60px ;}
8282.h\(100\%\) {height : 100% ;}
@@ -85,44 +85,44 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
8585.\>h1\:m\(20\) > h1 {margin : 20px ;} {}
8686.m\(auto\) {margin : auto;}
8787.mt\(40\) {margin-top : 40px ;}
88- .p\(200\/32\) {padding : 200px 32px ;}
89- .p\(10\/10\) {padding : 10px 10px ;}
88+ .p\(10\/20\) {padding : 10px 20px ;}
9089.p\(20\) {padding : 20px ;}
91- .p\(8\/12\) {padding : 8px 12px ;}
9290.p\(10\) {padding : 10px ;}
93- .p\(10\/20\) {padding : 10px 20px ;}
91+ .p\(8\/12\) {padding : 8px 12px ;}
92+ .p\(200\/32\) {padding : 200px 32px ;}
93+ .p\(10\/10\) {padding : 10px 10px ;}
9494.pt\(12\) {padding-top : 12px ;}
9595.b\(\#000\.2\) {border : solid 1px rgba (0 , 0 , 0 , .2 );}
9696html .active\:b\(\#000\.2\) : active , html .active\:b\(\#000\.2\) .\:active {border : solid 1px rgba (0 , 0 , 0 , .2 );} {}
9797.b\(- \) {border : none;}
98+ .bb\(\#000\.1\) {border-bottom : solid 1px rgba (0 , 0 , 0 , .1 );}
9899.bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
99100.bb\(\#000\) {border-bottom : solid 1px # 000 ;}
100- .bb\(\#000\.1\) {border-bottom : solid 1px rgba (0 , 0 , 0 , .1 );}
101101.\.selected\:bbc\(--primary\) .selected , .selected .\.selected\:bbc\(--primary\) {border-bottom-color : var (--primary );} {}
102102.outline\(- \) {outline : none;}
103+ .r\(10\) {border-radius : 10px ;}
103104.r\(8\) {border-radius : 8px ;}
104105.r\(6\) {border-radius : 6px ;}
105- .r\(10\) {border-radius : 10px ;}
106+ .bg\(\#fff\) {background-color : # fff ;}
107+ .bg\(\#f9f9f9\) {background-color : # f9f9f9 ;}
108+ .\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );} {}
109+ .bg\(transparent\) {background-color : transparent;}
106110.odd\:bg\(\#f9f9f9\) : nth-child (2n+1){background-color : # f9f9f9 ;} {}
107111.bg\(\#f1f1f1\) {background-color : # f1f1f1 ;}
108112.bg\(\#333\) {background-color : # 333 ;}
109113@media (hover : hover){.hover\:bg\(\#555\) : hover , .hover\:bg\(\#555\) .\:hover {background-color : # 555 ;} {}}
110114html .active\:bg\(\#000\) : active , html .active\:bg\(\#000\) .\:active {background-color : # 000 ;} {}
111115.nth-child\(3n\+1\)\:bg\(orange\) : nth-child (3n+1){background-color : orange;} {}
112116.\.selected\:bg\(\#000\) .selected , .selected .\.selected\:bg\(\#000\) {background-color : # 000 ;} {}
113- .bg\(\#f9f9f9\) {background-color : # f9f9f9 ;}
114- .\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );} {}
115- .bg\(\#fff\) {background-color : # fff ;}
116- .bg\(transparent\) {background-color : transparent;}
117117.clip {overflow : hidden;}
118118.scroll-x {overflow-x : auto;overflow-y : hidden;}
119119.scroll-y {overflow-x : hidden;overflow-y : auto;}
120120.overscroll\(none\) {overscroll-behavior : none;}
121121.pre {white-space : pre-wrap;}
122122.nowrap\.\.\. {white-space : nowrap;text-overflow : ellipsis;overflow : hidden;flex-shrink : 1 ;}
123123.line-clamp\(3\) {display : -webkit-box;-webkit-line-clamp : 3 ;-webkit-box-orient : vertical;overflow : hidden;}
124- .layer\(right\) {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;}
125124.layer {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;left : 0 ;}
125+ .layer\(right\) {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;}
126126.layer\(bottom\+right\) {position : absolute;right : 0 ;bottom : 0 ;}
127127.relative {position : relative;}
128128.sticky-top {position : sticky;top : 0 ;}
@@ -132,7 +132,7 @@ html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-c
132132.none {display : none;}
133133.opacity\(0\.7\) {opacity : 0.7 ;}
134134@media (hover : hover){.hover\:opacity\(1\) : hover , .hover\:opacity\(1\) .\:hover {opacity : 1 ;} {}}
135- .pointer {cursor : pointer;}
135+ .pointer {cursor : pointer;}
136136.transition\(\.4s\) {transition : all .4s ;}
137137.transition\(\.2s\) {transition : all .2s ;}
138138.group : hover .group-hover\:rotate\(-10deg\) , html .group .\:hover .group-hover\:rotate\(-10deg\) {transform : rotate (-10deg );} {}
@@ -141,6 +141,6 @@ html .group:active .group-active\:rotate\(10deg\),html .group.\:active .group-ac
141141html .group : active .group-active\:rotate\(-10deg\) , html .group .\:active .group-active\:rotate\(-10deg\) {transform : rotate (-10deg );} {}
142142html .active\:rotate\(5deg\) : active , html .active\:rotate\(5deg\) .\:active {transform : rotate (5deg );} {}
143143@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 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 }}
144+ .after\:content\(--my-content\) ::after {content : var (--my-content ); } {}
145+ . \.selected\:c \(\#fff \)\!. selected , . selected . \.selected\:c \(\#fff \)\!{ color : # fff !important ;} {}
146+ html .active\:bg\(\#000\)\! : active , html .active\:bg\(\#000\)\! .\:active {background-color : # 000!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