@@ -11,6 +11,11 @@ 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 ;}
1419.c\(\#555\) {color : # 555 ;}
1520.c\(\#ccc\) {color : # ccc ;}
1621.group : hover .group-hover\:c\(--primary\) , html .group .\:hover .group-hover\:c\(--primary\) {color : var (--primary );}
@@ -21,13 +26,12 @@ ol,ul,menu,dir{list-style:none;}
2126.\.selected\:c\(\#fff\) .selected , .selected .\.selected\:c\(\#fff\) {color : # fff ;}
2227.\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;}
2328@media only screen and (min-width : 320px ){html .\@w\(320\~\)\:c\(red\) {color : red;}}
24- .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 ;}
29+ .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
30+ .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
2931html .active\:color\(--primary\) : active , html .active\:color\(--primary\) .\:active {color : var (--primary );}
3032.font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em ;}
33+ .font\(100\) {font-size : 100px ;}
34+ .font\(12\) {font-size : 12px ;}
3135.font\(3em\/- \/-1\.5\%\) {font-size : 3em ;letter-spacing : -0.015em ;}
3236@media (max-width : 767.98px ){html .\~md\:font\(1\.6em\) {font-size : 1.6em ;}}
3337.font\(1\.2em\/- \/-1\.5\%\) {font-size : 1.2em ;letter-spacing : -0.015em ;}
@@ -41,12 +45,10 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
4145.font\(24\) {font-size : 24px ;}
4246.font\(13\) {font-size : 13px ;}
4347.font\(14\/1\.5\/-1\%\) {font-size : 14px ;line-height : 1.5 ;letter-spacing : -0.01em ;}
44- .font\(100\) {font-size : 100px ;}
45- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;font-size : 19px ;line-height : 42px ;color : # D0D0D0 ;}
46- .font\(12\) {font-size : 12px ;}
48+ .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {font-size : 19px ;line-height : 42px ;}
4749.word-spacing\(20\) {word-spacing : 20px ;}
48- .monospace {font-family : monospace;font-family : var (--monospace , monospace);}
4950.monospace\(number\) {font-variant-numeric : tabular-nums;}
51+ .monospace {font-family : monospace;font-family : var (--monospace , monospace);}
5052.AppleSD {font-family : "Apple SD Gothic Neo" ;}
5153.bold {font-weight : bold;}
5254@media (hover : hover){.hover\:underline : hover , .hover\:underline .\:hover {text-decoration : underline;}}
@@ -55,9 +57,9 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
5557.vertical-top {vertical-align : top;}
5658.block {display : block;}
5759.hbox {display : flex;flex-flow : row;align-items : center;}
60+ .hbox\(fill\) {display : flex;flex-flow : row;align-items : stretch;}
5861.hbox\(top\+center\) {display : flex;flex-flow : row;align-items : flex-start;justify-content : center;}
5962.hbox\(bottom\+right\) {display : flex;flex-flow : row;align-items : flex-end;justify-content : flex-end;}
60- .hbox\(fill\) {display : flex;flex-flow : row;align-items : stretch;}
6163.vbox {display : flex;flex-flow : column;align-items : stretch;}
6264.vbox\(center\) {display : flex;flex-flow : column;align-items : center;}
6365.pack {display : flex;align-items : center;justify-content : center;}
@@ -71,11 +73,11 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
7173.flex\(3\) {flex : 3 ;}
7274[class *= "hbox" ]> .space\(2em\) {width : 2em ;} [class *= "vbox" ]> .space\(2em\) {height : 2em ;}
7375.flex-wrap {flex-wrap : wrap;}.flex-wrap > * {max-width : 100% ;max-height : 100% ;}
76+ .w\(240\) {width : 240px ;}
77+ .w\(100\%\) {width : 100% ;}
7478.w\(\~800\) {max-width : 800px ;}
7579.w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
7680.w\(800\) {width : 800px ;}
77- .w\(240\) {width : 240px ;}
78- .w\(100\%\) {width : 100% ;}
7981.h\(60\) {height : 60px ;}
8082.h\(100\%\) {height : 100% ;}
8183.m\(20\) {margin : 20px ;}
@@ -84,43 +86,43 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
8486.m\(auto\) {margin : auto;}
8587.mt\(40\) {margin-top : 40px ;}
8688.p\(10\/20\) {padding : 10px 20px ;}
87- .p\(200\/32\) {padding : 200px 32px ;}
88- .p\(10\/10\) {padding : 10px 10px ;}
89+ .p\(10\) {padding : 10px ;}
8990.p\(20\) {padding : 20px ;}
9091.p\(8\/12\) {padding : 8px 12px ;}
91- .p\(10\) {padding : 10px ;}
92+ .p\(200\/32\) {padding : 200px 32px ;}
93+ .p\(10\/10\) {padding : 10px 10px ;}
9294.pt\(12\) {padding-top : 12px ;}
9395.b\(\#000\.2\) {border : solid 1px rgba (0 , 0 , 0 , .2 );}
9496html .active\:b\(\#000\.2\) : active , html .active\:b\(\#000\.2\) .\:active {border : solid 1px rgba (0 , 0 , 0 , .2 );}
9597.b\(- \) {border : none;}
9698.bb\(\#000\.1\) {border-bottom : solid 1px rgba (0 , 0 , 0 , .1 );}
97- .bb\(\#000\) {border-bottom : solid 1px # 000 ;}
9899.bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
100+ .bb\(\#000\) {border-bottom : solid 1px # 000 ;}
99101.\.selected\:bbc\(--primary\) .selected , .selected .\.selected\:bbc\(--primary\) {border-bottom-color : var (--primary );}
102+ .r\(10\) {border-radius : 10px ;}
100103.r\(8\) {border-radius : 8px ;}
101104.r\(6\) {border-radius : 6px ;}
102- .r\(10\) {border-radius : 10px ;}
103105.outline\(- \) {outline : none;}
104106.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;}
105110.odd\:bg\(\#f9f9f9\) : nth-child (2n+1){background-color : # f9f9f9 ;}
106111.bg\(\#f1f1f1\) {background-color : # f1f1f1 ;}
107112.bg\(\#333\) {background-color : # 333 ;}
108113@media (hover : hover){.hover\:bg\(\#555\) : hover , .hover\:bg\(\#555\) .\:hover {background-color : # 555 ;}}
109114html .active\:bg\(\#000\) : active , html .active\:bg\(\#000\) .\:active {background-color : # 000 ;}
110115.nth-child\(3n\+1\)\:bg\(orange\) : nth-child (3n+1){background-color : orange;}
111116.\.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;}
115117.clip {overflow : hidden;}
116118.scroll-x {overflow-x : auto;overflow-y : hidden;}
117119.scroll-y {overflow-x : hidden;overflow-y : auto;}
118120.overscroll\(none\) {overscroll-behavior : none;}
119121.pre {white-space : pre-wrap;}
120122.nowrap\.\.\. {white-space : nowrap;text-overflow : ellipsis;overflow : hidden;flex-shrink : 1 ;}
121123.line-clamp\(3\) {display : -webkit-box;-webkit-line-clamp : 3 ;-webkit-box-orient : vertical;overflow : hidden;}
122- .layer\(right\) {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;}
123124.layer {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;left : 0 ;}
125+ .layer\(right\) {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;}
124126.layer\(bottom\+right\) {position : absolute;right : 0 ;bottom : 0 ;}
125127.relative {position : relative;}
126128.sticky-top {position : sticky;top : 0 ;}
@@ -140,5 +142,5 @@ html .group:active .group-active\:rotate\(-10deg\),html .group.\:active .group-a
140142html .active\:rotate\(5deg\) : active , html .active\:rotate\(5deg\) .\:active {transform : rotate (5deg );}
141143@media (hover : hover){.hover\:scale\(1\.05\) : hover , .hover\:scale\(1\.05\) .\:hover {transform : scale (1.05 );}}
142144.after\:content\(--my-content\) ::after {content : var (--my-content )}
143- html . active\:bg \(\#000 \)\!: active , html . active\:bg \(\#000 \)\!. \:active { background- color: # 000 !important ;}
144- .\.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 }}
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 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