@@ -22,6 +22,9 @@ ol,ul,menu,dir{list-style:none;}
2222}
2323.\32 00{font-weight : 200 ;}
2424.\37 00{font-weight : 700 ;}
25+ @media (hover : hover){.\>\>a\:hover\:c\(--primary\) a : hover , .\>\>a\:hover\:c\(--primary\) a .\:hover {color : var (--primary );}}
26+ .\>\>a\.active\:c\(--primary\) a .active {color : var (--primary );}
27+ .c\(red\) {color : red;}
2528.c\(\#555\) {color : # 555 ;}
2629.c\(\#ccc\) {color : # ccc ;}
2730.group : hover .group-hover\:c\(--primary\) , html .group .\:hover .group-hover\:c\(--primary\) {color : var (--primary );}
@@ -32,16 +35,15 @@ ol,ul,menu,dir{list-style:none;}
3235.\.selected\:c\(\#fff\) .selected , .selected .\.selected\:c\(\#fff\) {color : # fff ;}
3336.\>\>a\:c\(\#4f80ff\) a {color : # 4f80ff ;}
3437@media only screen and (min-width : 320px ){html .\@w\(320\~\)\:c\(red\) {color : red;}}
35- @media (hover : hover){.\>\>a\:hover\:c\(--primary\) a : hover , .\>\>a\:hover\:c\(--primary\) a .\:hover {color : var (--primary );}}
36- .\>\>a\.active\:c\(--primary\) a .active {color : var (--primary );}
37- .c\(red\) {color : red;}
3838.c\(\#000\) {color : # 000 ;}
3939@media (hover : hover){.hover\:c\(--primary\) : hover , .hover\:c\(--primary\) .\:hover {color : var (--primary );}}
4040.c\(\#999\) {color : # 999 ;}
4141.\.selected\:c\(\#000\) .selected , .selected .\.selected\:c\(\#000\) {color : # 000 ;}
4242.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : blue;}
4343.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {color : # D0D0D0 ;}
4444html .active\:color\(--primary\) : active , html .active\:color\(--primary\) .\:active {color : var (--primary );}
45+ .font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em ;}
46+ .font\(100\) {font-size : 100px ;}
4547.font\(3em\/- \/-1\.5\%\) {font-size : 3em ;letter-spacing : -0.015em ;}
4648@media (max-width : 767.98px ){html .\~md\:font\(1\.6em\) {font-size : 1.6em ;}}
4749.font\(1\.2em\/- \/-1\.5\%\) {font-size : 1.2em ;letter-spacing : -0.015em ;}
@@ -55,8 +57,6 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
5557.font\(24\) {font-size : 24px ;}
5658.font\(13\) {font-size : 13px ;}
5759.font\(14\/1\.5\/-1\%\) {font-size : 14px ;line-height : 1.5 ;letter-spacing : -0.01em ;}
58- .font\(20\/- \/-10\%\) {font-size : 20px ;letter-spacing : -0.1em ;}
59- .font\(100\) {font-size : 100px ;}
6060.font\(12\) {font-size : 12px ;}
6161.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\) {font-size : 19px ;line-height : 42px ;}
6262.word-spacing\(20\) {word-spacing : 20px ;}
@@ -71,7 +71,7 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
7171.block {display : block;}
7272.w\(\~800\) {max-width : 800px ;}
7373.w\(100\~200\) {min-width : 100px ;max-width : 200px ;}
74- .w\(240 \) {width : 240 px ;}
74+ .w\(200 \) {width : 200 px ;}
7575.w\(100\%\) {width : 100% ;}
7676.w\(800\) {width : 800px ;}
7777.h\(60\) {height : 60px ;}
@@ -82,12 +82,13 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
8282.\>h1\:m\(20\) > h1 {margin : 20px ;}
8383.m\(auto\) {margin : auto;}
8484.mt\(40\) {margin-top : 40px ;}
85+ .p\(10\/20\) {padding : 10px 20px ;}
86+ .p\(10\) {padding : 10px ;}
8587.p\(200\/32\) {padding : 200px 32px ;}
8688.p\(10\/10\) {padding : 10px 10px ;}
8789.p\(20\) {padding : 20px ;}
8890.p\(8\/12\) {padding : 8px 12px ;}
89- .p\(10\/20\) {padding : 10px 20px ;}
90- .p\(10\) {padding : 10px ;}
91+ .p\(6\/8\) {padding : 6px 8px ;}
9192.pt\(12\) {padding-top : 12px ;}
9293.b\(\#000\.2\) {border : solid 1px rgba (0 , 0 , 0 , .2 );}
9394html .active\:b\(\#000\.2\) : active , html .active\:b\(\#000\.2\) .\:active {border : solid 1px rgba (0 , 0 , 0 , .2 );}
@@ -99,45 +100,46 @@ html .active\:b\(\#000\.2\):active,html .active\:b\(\#000\.2\).\:active{border:s
99100.outline\(- \) {outline : none;}
100101.r\(8\) {border-radius : 8px ;}
101102.r\(6\) {border-radius : 6px ;}
102- .r\(10\) {border-radius : 10px ;}
103+ .r\(4\) {border-radius : 4px ;}
104+ .bg\(\#fff\) {background-color : # fff ;}
103105.odd\:bg\(\#f9f9f9\) : nth-child (2n+1){background-color : # f9f9f9 ;}
104106.bg\(\#f1f1f1\) {background-color : # f1f1f1 ;}
105107.bg\(\#333\) {background-color : # 333 ;}
106108@media (hover : hover){.hover\:bg\(\#555\) : hover , .hover\:bg\(\#555\) .\:hover {background-color : # 555 ;}}
107109html .active\:bg\(\#000\) : active , html .active\:bg\(\#000\) .\:active {background-color : # 000 ;}
108110.nth-child\(3n\+1\)\:bg\(orange\) : nth-child (3n+1){background-color : orange;}
109111.\.selected\:bg\(\#000\) .selected , .selected .\.selected\:bg\(\#000\) {background-color : # 000 ;}
110- .bg\(\#fff\) {background-color : # fff ;}
111112.bg\(\#f9f9f9\) {background-color : # f9f9f9 ;}
112113.\.selected\:bg\(--primary\) .selected , .selected .\.selected\:bg\(--primary\) {background-color : var (--primary );}
113114.bg\(transparent\) {background-color : transparent;}
114- .clip {overflow : hidden;}. clip : has (.nowrap\.\.\. ){flex-shrink : 1 ;}
115+ .clip {& { overflow : hidden;}& : has (.nowrap\.\.\. ){flex-shrink : 1 ;} }
115116.scroll-x {overflow-x : auto;overflow-y : hidden;}
116117.scroll-y {overflow-x : hidden;overflow-y : auto;}
117118.overscroll\(none\) {overscroll-behavior : none;}
118119.pre {white-space : pre-wrap;}
119120.nowrap\.\.\. {white-space : nowrap;text-overflow : ellipsis;overflow : hidden;flex-shrink : 1 ;max-width : 100% ;}
120121.line-clamp\(3\) {display : -webkit-box;-webkit-line-clamp : 3 ;-webkit-box-orient : vertical;overflow : hidden;}
121- .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;}
122- .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;}
123- .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;}
124- .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;}
125- .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;}
126- .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;}
127- .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;}
122+ .hbox {& {display : flex;flex-flow : row;align-items : center;}: where (& > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}}
123+ .hbox\(top\+center\) {& {display : flex;flex-flow : row;align-items : flex-start;justify-content : center;}: where (& > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}}
124+ .hbox\(bottom\+right\) {& {display : flex;flex-flow : row;align-items : flex-end;justify-content : flex-end;}: where (& > * ){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 (& > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}}
126+ .vbox {& {display : flex;flex-flow : column;align-items : stretch;}: where (& > * ){flex-shrink : 0 ;--w-grow : initial;--w-align : stretch;--h-grow : 1 ;--h-align : initial;}}
127+ .vbox\(center\) {& {display : flex;flex-flow : column;align-items : center;}: where (& > * ){flex-shrink : 0 ;--w-grow : initial;--w-align : stretch;--h-grow : 1 ;--h-align : initial;}}
128+ .pack {& {display : flex;align-items : center;justify-content : center;}: where (& > * ){flex-shrink : 0 ;--w-grow : 1 ;--w-align : initial;--h-grow : initial;--h-align : stretch;}}
129+ .gap\(20\) {gap : 20px ;grid-gap : 20px ;}
128130.gap\(40\) {gap : 40px ;grid-gap : 40px ;}
129131.gap\(60\) {gap : 60px ;grid-gap : 60px ;}
130132.gap\(6\) {gap : 6px ;grid-gap : 6px ;}
131- .gap\(20\) {gap : 20px ;grid-gap : 20px ;}
132133.space-between {justify-content : space-between;align-content : space-between;}
133134.flex {flex : 1 ;}
134135.flex\(4\) {flex : 4 ;}
135136.flex\(3\) {flex : 3 ;}
136- [class *= "hbox" ]> . space\(2em\) {width : 2em ;}[class *= "vbox" ]> . space\(2em\) {height : 2em ;}
137- .flex-wrap {flex-wrap : wrap;}: where (. flex-wrap > * ){max-width : 100% ;max-height : 100% ;}
137+ . space\(2em\) { [class *= "hbox" ]> & {width : 2em ;}[class *= "vbox" ]> & {height : 2em ;} }
138+ .flex-wrap {& { flex-wrap : wrap;}: where (& > * ){max-width : 100% ;max-height : 100% ;} }
138139.layer\(right\) {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;}
139140.layer {position : absolute;top : 0 ;right : 0 ;bottom : 0 ;left : 0 ;}
140141.layer\(bottom\+right\) {position : absolute;right : 0 ;bottom : 0 ;}
142+ .absolute {position : absolute;}
141143.relative {position : relative;}
142144.sticky-top {position : sticky;top : 0 ;}
143145.fixed {position : fixed;}
@@ -157,4 +159,4 @@ html .active\:rotate\(5deg\):active,html .active\:rotate\(5deg\).\:active{--a-ro
157159@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 );}}
158160.after\:content\(--my-content\) ::after {content : var (--my-content );}
159161html .active\:bg\(\#000\)\! : active , html .active\:bg\(\#000\)\! .\:active {background-color : # 000!important ;}
160- .\.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 }}
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