@@ -11,11 +11,6 @@ ol,ul,menu,dir{list-style:none;}
1111.\37 00{font-weight : 700 ;}
1212@media (hover : hover){.\>\>a\:hover\:c\(--primary\) a : hover , .\>\>a\:hover\:c\(--primary\) a .\:hover {color : var (--primary );} {}}
1313.\>\>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 ;} {}
1914.c\(\#555\) {color : # 555 ;}
2015.c\(\#ccc\) {color : # ccc ;}
2116.group : hover .group-hover\:c\(--primary\) , html .group .\:hover .group-hover\:c\(--primary\) {color : var (--primary );} {}
@@ -26,12 +21,15 @@ ol,ul,menu,dir{list-style:none;}
2621.\.selected\:c\(\#fff\) .selected , .selected .\.selected\:c\(\#fff\) {color : # fff ;} {}
2722.\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;} {}
2823@media only screen and (min-width : 320px ){html .\@w\(320\~\)\:c\(red\) {color : red;} {}}
24+ .c\(red\) {color : red;}
2925.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
3026.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
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 ;} {}
3131html .active\:color\(--primary\) : active , html .active\:color\(--primary\) .\:active {color : var (--primary );} {}
3232.font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em ;}
33- .font\(100\) {font-size : 100px ;}
34- .font\(12\) {font-size : 12px ;}
3533.font\(3em\/- \/-1\.5\%\) {font-size : 3em ;letter-spacing : -0.015em ;}
3634@media (max-width : 767.98px ){html .\~md\:font\(1\.6em\) {font-size : 1.6em ;} {}}
3735.font\(1\.2em\/- \/-1\.5\%\) {font-size : 1.2em ;letter-spacing : -0.015em ;}
@@ -45,10 +43,12 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
4543.font\(24\) {font-size : 24px ;}
4644.font\(13\) {font-size : 13px ;}
4745.font\(14\/1\.5\/-1\%\) {font-size : 14px ;line-height : 1.5 ;letter-spacing : -0.01em ;}
46+ .font\(100\) {font-size : 100px ;}
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 ;}
50- .monospace\(number\) {font-variant-numeric : tabular-nums;}
5150.monospace {font-family : monospace;font-family : var (--monospace , monospace);}
51+ .monospace\(number\) {font-variant-numeric : tabular-nums;}
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,9 +57,9 @@ 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;}
6160.hbox\(top\+center\) {display : flex;flex-flow : row;align-items : flex-start;justify-content : center;}
6261.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;}
@@ -73,11 +73,11 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
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\(240\) {width : 240px ;}
77- .w\(100\%\) {width : 100% ;}
7876.w\(\~800\) {max-width : 800px ;}
7977.w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
8078.w\(800\) {width : 800px ;}
79+ .w\(240\) {width : 240px ;}
80+ .w\(100\%\) {width : 100% ;}
8181.h\(60\) {height : 60px ;}
8282.h\(100\%\) {height : 100% ;}
8383.m\(20\) {margin : 20px ;}
@@ -86,43 +86,43 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
8686.m\(auto\) {margin : auto;}
8787.mt\(40\) {margin-top : 40px ;}
8888.p\(10\/20\) {padding : 10px 20px ;}
89- .p\(20\) {padding : 20px ;}
90- .p\(10\) {padding : 10px ;}
91- .p\(8\/12\) {padding : 8px 12px ;}
9289.p\(200\/32\) {padding : 200px 32px ;}
9390.p\(10\/10\) {padding : 10px 10px ;}
91+ .p\(20\) {padding : 20px ;}
92+ .p\(8\/12\) {padding : 8px 12px ;}
93+ .p\(10\) {padding : 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;}
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 ;}
100+ .bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
101101.\.selected\:bbc\(--primary\) .selected , .selected .\.selected\:bbc\(--primary\) {border-bottom-color : var (--primary );} {}
102102.outline\(- \) {outline : none;}
103- .r\(10\) {border-radius : 10px ;}
104103.r\(8\) {border-radius : 8px ;}
105104.r\(6\) {border-radius : 6px ;}
105+ .r\(10\) {border-radius : 10px ;}
106106.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;}
110107.odd\:bg\(\#f9f9f9\) : nth-child (2n+1){background-color : # f9f9f9 ;} {}
111108.bg\(\#f1f1f1\) {background-color : # f1f1f1 ;}
112109.bg\(\#333\) {background-color : # 333 ;}
113110@media (hover : hover){.hover\:bg\(\#555\) : hover , .hover\:bg\(\#555\) .\:hover {background-color : # 555 ;} {}}
114111html .active\:bg\(\#000\) : active , html .active\:bg\(\#000\) .\:active {background-color : # 000 ;} {}
115112.nth-child\(3n\+1\)\:bg\(orange\) : nth-child (3n+1){background-color : orange;} {}
116113.\.selected\:bg\(\#000\) .selected , .selected .\.selected\:bg\(\#000\) {background-color : # 000 ;} {}
114+ .bg\(\#f9f9f9\) {background-color : # f9f9f9 ;}
115+ .\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );} {}
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 {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;left : 0 ;}
125124.layer\(right\) {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;}
125+ .layer {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;left : 0 ;}
126126.layer\(bottom\+right\) {position : absolute;right : 0 ;bottom : 0 ;}
127127.relative {position : relative;}
128128.sticky-top {position : sticky;top : 0 ;}
@@ -142,5 +142,5 @@ html .group:active .group-active\:rotate\(-10deg\),html .group.\:active .group-a
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 );} {}}
144144.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 }}
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 }}
0 commit comments