@@ -16,9 +16,9 @@ ol,ul,menu,dir{list-style:none;}
1616--a-skew-y : 0 ;
1717--a-scale-x : 1 ;
1818--a-scale-y : 1 ;
19- --a-transform : translate (var (--a-translate-x )), var (--a-translate-y )) rotate(var(--a-rotate )) skewX(var(--a-skew-x )) skewY(var(--a-skew-y )) scaleX(var(--a-scale-x )) scaleY(var(--a-scale-y ));
19+ --a-transform : translateX (var (--a-translate-x )) translateY ( var (--a-translate-y )) rotate (var (--a-rotate )) skewX (var (--a-skew-x )) skewY (var (--a-skew-y )) scaleX (var (--a-scale-x )) scaleY (var (--a-scale-y ));
2020--a-transform3d : translate3d (var (--a-translate-x ), var (--a-translate-y ), 0 ) rotate (var (--a-rotate )) skewX (var (--a-skew-x )) skewY (var (--a-skew-y )) scaleX (var (--a-scale-x )) scaleY (var (--a-scale-y ));
21- .\32 00{font-weight : 200 ;}
21+ } .\32 00{font-weight : 200 ;}
2222.\37 00{font-weight : 700 ;}
2323@media (hover : hover){.\>\>a\:hover\:c\(--primary\) a : hover , .\>\>a\:hover\:c\(--primary\) a .\:hover {color : var (--primary );}}
2424.\>\>a\.active\:c\(--primary\) a .active {color : var (--primary );}
@@ -33,12 +33,12 @@ ol,ul,menu,dir{list-style:none;}
3333.\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;}
3434@media only screen and (min-width : 320px ){html .\@w\(320\~\)\:c\(red\) {color : red;}}
3535.c\(red\) {color : red;}
36+ .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
37+ .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
3638.c\(\#000\) {color : # 000 ;}
3739@media (hover : hover){.hover\:c\(--primary\) : hover , .hover\:c\(--primary\) .\:hover {color : var (--primary );}}
3840.c\(\#999\) {color : # 999 ;}
3941.\.selected\:c\(\#000\) .selected , .selected .\.selected\:c\(\#000\) {color : # 000 ;}
40- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
41- .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
4242html .active\:color\(--primary\) : active , html .active\:color\(--primary\) .\:active {color : var (--primary );}
4343.font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em ;}
4444.font\(3em\/- \/-1\.5\%\) {font-size : 3em ;letter-spacing : -0.015em ;}
@@ -55,8 +55,8 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
5555.font\(13\) {font-size : 13px ;}
5656.font\(14\/1\.5\/-1\%\) {font-size : 14px ;line-height : 1.5 ;letter-spacing : -0.01em ;}
5757.font\(100\) {font-size : 100px ;}
58- .font\(12\) {font-size : 12px ;}
5958.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {font-size : 19px ;line-height : 42px ;}
59+ .font\(12\) {font-size : 12px ;}
6060.word-spacing\(20\) {word-spacing : 20px ;}
6161.AppleSD {font-family : "Apple SD Gothic Neo" ;}
6262.monospace {font-family : monospace;font-family : var (--monospace , monospace);}
@@ -69,9 +69,9 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
6969.block {display : block;}
7070.w\(\~800\) {max-width : 800px ;}
7171.w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
72+ .w\(800\) {width : 800px ;}
7273.w\(240\) {width : 240px ;}
7374.w\(100\%\) {width : 100% ;}
74- .w\(800\) {width : 800px ;}
7575.h\(60\) {height : 60px ;}
7676.h\(100\%\) {height : 100% ;}
7777.m\(20\) {margin : 20px ;}
@@ -90,8 +90,8 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
9090html .active\:b\(\#000\.2\) : active , html .active\:b\(\#000\.2\) .\:active {border : solid 1px rgba (0 , 0 , 0 , .2 );}
9191.b\(- \) {border : none;}
9292.bb\(\#000\.1\) {border-bottom : solid 1px rgba (0 , 0 , 0 , .1 );}
93- .bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
9493.bb\(\#000\) {border-bottom : solid 1px # 000 ;}
94+ .bb\(4\/transparent\) {border-bottom : solid 4px transparent;}
9595.\.selected\:bbc\(--primary\) .selected , .selected .\.selected\:bbc\(--primary\) {border-bottom-color : var (--primary );}
9696.outline\(- \) {outline : none;}
9797.r\(8\) {border-radius : 8px ;}
@@ -146,12 +146,7 @@ html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background-c
146146.pointer {cursor : pointer;}
147147.transition\(\.4s\) {transition : all .4s ;}
148148.transition\(\.2s\) {transition : all .2s ;}
149- .group : hover .group-hover\:rotate\(-10deg\) , html .group .\:hover .group-hover\:rotate\(-10deg\) {--a-rotate-x : - ;- - a- rotate-y: 1 ;--a-rotate-z : 0 ;transform : var (--a-transform );}
150- html .group : active .group-active\:rotate\(10deg\) , html .group .\:active .group-active\:rotate\(10deg\) {--a-rotate-x : 1 ;--a-rotate-y : 0 ;--a-rotate-z : d;transform : var (--a-transform );}
151- .group : hover .group-hover\:rotate\(10deg\) , html .group .\:hover .group-hover\:rotate\(10deg\) {--a-rotate-x : 1 ;--a-rotate-y : 0 ;--a-rotate-z : d;transform : var (--a-transform );}
152- html .group : active .group-active\:rotate\(-10deg\) , html .group .\:active .group-active\:rotate\(-10deg\) {--a-rotate-x : - ;- - a- rotate-y: 1 ;--a-rotate-z : 0 ;transform : var (--a-transform );}
153- html .active\:rotate\(5deg\) : active , html .active\:rotate\(5deg\) .\:active {--a-rotate-x : 5 ;--a-rotate-y : d;--a-rotate-z : e;transform : var (--a-transform );}
154- @media (hover : hover){.hover\:scale\(1\.05\) : hover , .hover\:scale\(1\.05\) .\:hover {--a-scale-x : 1 ;--a-scale-y : .;- - a- scale-z: 0 ;transform : var (--a-transform );}}
149+ @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 );}}
155150.after\:content\(--my-content\) ::after {content : var (--my-content );}
156151html .active\:bg\(\#000\)\! : active , html .active\:bg\(\#000\)\! .\:active {background-color : # 000!important ;}
157152.\.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