@@ -24,13 +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;}
28- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
29- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
30- .c\(\#000\) {color : # 000 ;}
31- @media (hover : hover){.hover\:c\(--primary\) : hover , .hover\:c\(--primary\) .\:hover {color : var (--primary );}}
32- .c\(\#999\) {color : # 999 ;}
33- .\.selected\:c\(\#000\) .selected , .selected .\.selected\:c\(\#000\) {color : # 000 ;}
3427.c\(\#555\) {color : # 555 ;}
3528.c\(\#ccc\) {color : # ccc ;}
3629.group : hover .group-hover\:c\(--primary\) , html .group .\:hover .group-hover\:c\(--primary\) {color : var (--primary );}
@@ -41,77 +34,84 @@ ol,ul,menu,dir{list-style:none;}
4134.\.selected\:c\(\#fff\) .selected , .selected .\.selected\:c\(\#fff\) {color : # fff ;}
4235.\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;}
4336@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 ;}
40+ .c\(\#000\) {color : # 000 ;}
41+ @media (hover : hover){.hover\:c\(--primary\) : hover , .hover\:c\(--primary\) .\:hover {color : var (--primary );}}
42+ .c\(\#999\) {color : # 999 ;}
43+ .\.selected\:c\(\#000\) .selected , .selected .\.selected\:c\(\#000\) {color : # 000 ;}
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 ;}
47- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {font-size : 19px ;line-height : 42px ;}
48- .font\(10\) {font-size : 10px ;}
49- .font\(13\) {font-size : 13px ;}
50- .font\(12\) {font-size : 12px ;}
5146.font\(3em\/- \/-1\.5\%\) {font-size : 3em ;letter-spacing : -0.015em ;}
5247@media (max-width : 767.98px ){html .\~md\:font\(1\.6em\) {font-size : 1.6em ;}}
5348.font\(1\.2em\/- \/-1\.5\%\) {font-size : 1.2em ;letter-spacing : -0.015em ;}
5449@media (max-width : 767.98px ){html .\~md\:font\(1\.4em\) {font-size : 1.4em ;}}
5550.font\(80\/- \/-15\%\) {font-size : 80px ;letter-spacing : -0.15em ;}
5651.font\(20\) {font-size : 20px ;}
5752.font\(30\) {font-size : 30px ;}
53+ .font\(10\) {font-size : 10px ;}
5854.font\(30\/- \/-1\.5\%\) {font-size : 30px ;letter-spacing : -0.015em ;}
5955.font\(14\/16\/-1\%\) {font-size : 14px ;line-height : 16px ;letter-spacing : -0.01em ;}
6056.font\(24\) {font-size : 24px ;}
57+ .font\(13\) {font-size : 13px ;}
6158.font\(14\/1\.5\/-1\%\) {font-size : 14px ;line-height : 1.5 ;letter-spacing : -0.01em ;}
59+ .font\(100\) {font-size : 100px ;}
60+ .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" ;}
64- .monospace\(number\) {font-variant-numeric : tabular-nums;}
6564.monospace {font-family : monospace;font-family : var (--monospace , monospace);}
65+ .monospace\(number\) {font-variant-numeric : tabular-nums;}
6666.bold {font-weight : bold;}
6767@media (hover : hover){.hover\:underline : hover , .hover\:underline .\:hover {text-decoration : underline;}}
6868.text-center {text-align : center;}
6969.text-left {text-align : left;}
7070.vertical-top {vertical-align : top;}
7171.block {display : block;}
72+ .w\(\~800\) {max-width : 800px ;}
73+ .w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
7274.w\(800\) {width : 800px ;}
7375.w\(200\) {width : 200px ;}
7476.w\(100\%\) {width : 100% ;}
75- .w\(\~800\) {max-width : 800px ;}
76- .w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
7777.h\(60\) {height : 60px ;}
7878.h\(100\%\) {height : 100% ;}
7979.max-h\(60vh\) {max-height : 60vh ;}
80- .m\(auto\) {margin : auto;}
8180.m\(20\) {margin : 20px ;}
8281.m\(10\/0\) {margin : 10px 0 ;}
8382.\>h1\:m\(20\) > h1 {margin : 20px ;}
83+ .m\(auto\) {margin : auto;}
8484.mt\(40\) {margin-top : 40px ;}
8585.p\(10\/20\) {padding : 10px 20px ;}
86+ .p\(200\/32\) {padding : 200px 32px ;}
87+ .p\(10\/10\) {padding : 10px 10px ;}
8688.p\(20\) {padding : 20px ;}
89+ .p\(8\/12\) {padding : 8px 12px ;}
8790.p\(10\) {padding : 10px ;}
8891.p\(6\/8\) {padding : 6px 8px ;}
89- .p\(8\/12\) {padding : 8px 12px ;}
90- .p\(200\/32\) {padding : 200px 32px ;}
91- .p\(10\/10\) {padding : 10px 10px ;}
9292.pt\(12\) {padding-top : 12px ;}
93- .b\(- \) {border : none;}
9493.b\(\#000\.2\) {border : solid 1px rgba (0 , 0 , 0 , .2 );}
9594html .active\:b\(\#000\.2\) : active , html .active\:b\(\#000\.2\) .\:active {border : solid 1px rgba (0 , 0 , 0 , .2 );}
95+ .b\(- \) {border : none;}
9696.bb\(\#000\.1\) {border-bottom : solid 1px rgba (0 , 0 , 0 , .1 );}
9797.bb\(\#000\) {border-bottom : solid 1px # 000 ;}
9898.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;}
101- .r\(4\) {border-radius : 4px ;}
102101.r\(8\) {border-radius : 8px ;}
103102.r\(6\) {border-radius : 6px ;}
103+ .r\(4\) {border-radius : 4px ;}
104104.bg\(\#fff\) {background-color : # fff ;}
105- .bg\(\#f9f9f9\) {background-color : # f9f9f9 ;}
106- .\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );}
107- .bg\(transparent\) {background-color : transparent;}
108105.odd\:bg\(\#f9f9f9\) : nth-child (2n+1){background-color : # f9f9f9 ;}
109106.bg\(\#f1f1f1\) {background-color : # f1f1f1 ;}
110107.bg\(\#333\) {background-color : # 333 ;}
111108@media (hover : hover){.hover\:bg\(\#555\) : hover , .hover\:bg\(\#555\) .\:hover {background-color : # 555 ;}}
112109html .active\:bg\(\#000\) : active , html .active\:bg\(\#000\) .\:active {background-color : # 000 ;}
113110.nth-child\(3n\+1\)\:bg\(orange\) : nth-child (3n+1){background-color : orange;}
114111.\.selected\:bg\(\#000\) .selected , .selected .\.selected\:bg\(\#000\) {background-color : # 000 ;}
112+ .bg\(\#f9f9f9\) {background-color : # f9f9f9 ;}
113+ .\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );}
114+ .bg\(transparent\) {background-color : transparent;}
115115.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;}
@@ -120,9 +120,9 @@ html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-c
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;}
122122.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\(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;}
124123.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;}
125124.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;}
126126.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;}
127127.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;}
128128.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;}
@@ -136,8 +136,8 @@ html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-c
136136.flex\(3\) {flex : 3 ;}
137137[class *= "hbox" ]> .space\(2em\) {width : 2em ;}[class *= "vbox" ]> .space\(2em\) {height : 2em ;}
138138.flex-wrap {flex-wrap : wrap;}: where (.flex-wrap > * ){max-width : 100% ;max-height : 100% ;}
139- .layer {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;left : 0 ;}
140139.layer\(right\) {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;}
140+ .layer {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;left : 0 ;}
141141.layer\(bottom\+right\) {position : absolute;right : 0 ;bottom : 0 ;}
142142.absolute {position : absolute;}
143143.relative {position : relative;}
@@ -158,5 +158,5 @@ html .group:active .group-active\:rotate\(-10deg\),html .group.\:active .group-a
158158html .active\:rotate\(5deg\) : active , html .active\:rotate\(5deg\) .\:active {--a-rotate : 5deg ;--a-rotate-x : 5deg ;--a-rotate-y : 5deg ;--a-rotate-z : 5deg ;transform : var (--a-transform );}
159159@media (hover : hover){.hover\:scale\(1\.05\) : hover , .hover\:scale\(1\.05\) .\:hover {--a-scale-x : 1.05 ;--a-scale-y : 1.05 ;--a-scale-z : 1.05 ;transform : var (--a-transform );}}
160160.after\:content\(--my-content\) ::after {content : var (--my-content );}
161- . \.selected\:c \(\#fff \)\!. selected , . selected . \.selected\:c \(\#fff \)\!{ color : # fff !important ;}
162- html .active\:bg\(\#000\)\! : active , html .active\:bg\(\#000\)\! .\:active {background-color : # 000!important ;}: root {font-family : Pretendard, system-ui, sans-serif;color : # 222 ;font-size : 14px ;--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 }}
161+ html . active\:bg \(\#000 \)\!: active , html . active\:bg \(\#000 \)\!. \:active { background- color: # 000 !important ;}
162+ .\.selected\:c\(\#fff\)\! .selected , .selected .\.selected\:c\(\#fff\)\! {color : # fff!important ;}: root {font-family : Pretendard, system-ui, sans-serif;color : # 222 ;font-size : 14px ;--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