@@ -12,10 +12,6 @@ ol,ul,menu,dir{list-style:none;}
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 );}
1414.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 ;}
1915.c\(\#555\) {color : # 555 ;}
2016.c\(\#ccc\) {color : # ccc ;}
2117.group : hover .group-hover\:c\(--primary\) , html .group .\:hover .group-hover\:c\(--primary\) {color : var (--primary );}
@@ -26,10 +22,13 @@ ol,ul,menu,dir{list-style:none;}
2622.\.selected\:c\(\#fff\) .selected , .selected .\.selected\:c\(\#fff\) {color : # fff ;}
2723.\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;}
2824@media only screen and (min-width : 320px ){html .\@w\(320\~\)\: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 ;}
2929html .active\:color\(--primary\) : active , html .active\:color\(--primary\) .\:active {color : var (--primary );}
3030.font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em }
3131.font\(100\) {font-size : 100px }
32- .font\(12\) {font-size : 12px }
3332.font\(3em\/- \/-1\.5\%\) {font-size : 3em ;letter-spacing : -0.015em }
3433.\~md\:font\(2em\) ~ md {font-size : 2em }
3534.font\(1\.2em\/- \/-1\.5\%\) {font-size : 1.2em ;letter-spacing : -0.015em }
@@ -42,8 +41,9 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
4241.font\(24\) {font-size : 24px }
4342.font\(13\) {font-size : 13px }
4443.font\(14\/1\.5\/-1\%\) {font-size : 14px ;line-height : 1.5 ;letter-spacing : -0.01em }
45- .monospace\(number \) {font-variant-numeric : tabular-nums; }
44+ .font\(12 \) {font-size : 12 px }
4645.monospace {font-family : monospace;font-family : var (--monospace , monospace);}
46+ .monospace\(number\) {font-variant-numeric : tabular-nums;}
4747.AppleSD {font-family : "Apple SD Gothic Neo" ;}
4848.bold {font-weight : bold;}
4949@media (hover : hover){.hover\:underline : hover , .hover\:underline .\:hover {text-decoration : underline;}}
@@ -52,9 +52,9 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
5252.vertical-top {vertical-align : top;}
5353.block {display : block;}
5454.hbox {display : flex;flex-flow : row;align-items : center;}
55- .hbox\(fill\) {display : flex;flex-flow : row;align-items : stretch;}
5655.hbox\(top\+center\) {display : flex;flex-flow : row;align-items : flex-start;justify-content : center;}
5756.hbox\(bottom\+right\) {display : flex;flex-flow : row;align-items : flex-end;justify-content : flex-end;}
57+ .hbox\(fill\) {display : flex;flex-flow : row;align-items : stretch;}
5858.vbox {display : flex;flex-flow : column;align-items : stretch;}
5959.vbox\(center\) {display : flex;flex-flow : column;align-items : center;}
6060.pack {display : flex;align-items : center;justify-content : center;}
@@ -68,51 +68,51 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
6868.flex\(3\) {flex : 3 ;}
6969[class *= "hbox" ]> .space\(2em\) {width : 2em ;} [class *= "vbox" ]> .space\(2em\) {height : 2em ;}
7070.flex-wrap {flex-wrap : wrap;}.flex-wrap > * {max-width : 100% ;max-height : 100% ;}
71- .w\(240\) {width : 240px ;}
72- .w\(100\%\) {width : 100% ;}
7371.w\(\~800\) {max-width : 800px ;}
7472.w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
73+ .w\(240\) {width : 240px ;}
74+ .w\(100\%\) {width : 100% ;}
7575.h\(60\) {height : 60px ;}
7676.h\(100\%\) {height : 100% ;}
7777.m\(20\) {margin : 20px ;}
7878.m\(10\/0\) {margin : 10px 0 ;}
7979.\>h1\:m\(20\) > h1 {margin : 20px ;}
8080.mt\(40\) {margin-top : 40px ;}
8181.p\(10\/20\) {padding : 10px 20px ;}
82- .p\(10\) {padding : 10px ;}
8382.p\(20\) {padding : 20px ;}
84- .p\(8\/12\ ) {padding : 8 px 12 px ;}
83+ .p\(10\ ) {padding : 10 px ;}
8584.p\(200\/32\) {padding : 200px 32px ;}
8685.p\(10\/10\) {padding : 10px 10px ;}
86+ .p\(8\/12\) {padding : 8px 12px ;}
8787.pt\(12\) {padding-top : 12px ;}
8888.b\(\#000\.2\) {border : solid 1px rgba (0 , 0 , 0 , .2 );}
8989html .active\:b\(\#000\.2\) : active , html .active\:b\(\#000\.2\) .\:active {border : solid 1px rgba (0 , 0 , 0 , .2 );}
9090.bb\(\#000\.1\) {border-bottom : solid 1px rgba (0 , 0 , 0 , .1 );}
9191.bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
9292.\.selected\:bbc\(--primary\) .selected , .selected .\.selected\:bbc\(--primary\) {border-bottom-color : var (--primary );}
93- .r\(10\) {border-radius : 10px ;}
9493.r\(8\) {border-radius : 8px ;}
9594.r\(6\) {border-radius : 6px ;}
95+ .r\(10\) {border-radius : 10px ;}
9696.bg\(\#fff\) {background-color : # fff ;}
97- .bg\(\#f9f9f9\) {background-color : # f9f9f9 ;}
98- .\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );}
99- .bg\(transparent\) {background-color : transparent;}
10097.odd\:bg\(\#f9f9f9\) : nth-child (2n+1){background-color : # f9f9f9 ;}
10198.bg\(\#f1f1f1\) {background-color : # f1f1f1 ;}
10299.bg\(\#333\) {background-color : # 333 ;}
103100@media (hover : hover){.hover\:bg\(\#555\) : hover , .hover\:bg\(\#555\) .\:hover {background-color : # 555 ;}}
104101html .active\:bg\(\#000\) : active , html .active\:bg\(\#000\) .\:active {background-color : # 000 ;}
105102.nth-child\(3n\+1\)\:bg\(orange\) : nth-child (3n+1){background-color : orange;}
106103.\.selected\:bg\(\#000\) .selected , .selected .\.selected\:bg\(\#000\) {background-color : # 000 ;}
104+ .bg\(\#f9f9f9\) {background-color : # f9f9f9 ;}
105+ .\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );}
106+ .bg\(transparent\) {background-color : transparent;}
107107.clip {overflow : hidden;}
108108.scroll-x {overflow-x : auto;overflow-y : hidden;}
109109.scroll-y {overflow-x : hidden;overflow-y : auto;}
110110.overscroll\(none\) {overscroll-behavior : none;}
111111.pre {white-space : pre-wrap;}
112112.nowrap\.\.\. {white-space : nowrap;text-overflow : ellipsis;overflow : hidden;flex-shrink : 1 ;}
113113.line-clamp\(3\) {display : -webkit-box;-webkit-line-clamp : 3 ;-webkit-box-orient : vertical;overflow : hidden;}
114- .layer {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;left : 0 ;}
115114.layer\(right\) {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;}
115+ .layer {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;left : 0 ;}
116116.layer\(bottom\+right\) {position : absolute;right : 0 ;bottom : 0 ;}
117117.relative {position : relative;}
118118.sticky-top {position : sticky;top : 0 ;}
@@ -132,5 +132,5 @@ html .group:active .group-active\:rotate\(-10deg\),html .group.\:active .group-a
132132html .active\:rotate\(5deg\) : active , html .active\:rotate\(5deg\) .\:active {transform : rotate (5deg );}
133133@media (hover : hover){.hover\:scale\(1\.05\) : hover , .hover\:scale\(1\.05\) .\:hover {transform : scale (1.05 );}}
134134.after\:content\(--my-content\) ::after {content : var (--my-content )}
135- . \.selected\:c \(\#fff \)\!. selected , . selected . \.selected\:c \(\#fff \)\!{ color : # fff !important ;}
136- 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 : 2.4em ;font-weight : 700 ;margin-top : 1.4em }.markdown h2 {margin-top : 1em ;font-size : 2em }.markdown h3 {font-size : 1.4em }.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 : 16px }}
135+ html . active\:bg \(\#000 \)\!: active , html . active\:bg \(\#000 \)\!. \:active { background- color: # 000 !important ;}
136+ .\.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 : 2.4em ;font-weight : 700 ;margin-top : 1.4em }.markdown h2 {margin-top : 1em ;font-size : 2em }.markdown h3 {font-size : 1.4em }.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 : 16px }}
0 commit comments