teo.v

후순위 오버라이딩은 구조상 안되니 문서화를 철저히 하자!! !! 사용법 까지 포함

1


플러그인 config에 custom rule을 추가할 수 있도록 하는 기능. ex) ```ts adorableCSS({ rules: { "rect": () => `border: 2px solid red;`, "shadow-mid": () => `box-shadow: 0 0 0 20px rgba(255,255,255,.2);`,...

https://animate.style/ animate.css와 같은 자주 쓰이는 에니메이션을 함수형 CSS로 제공할 수 있는 plugin을 고민해봅시다. ex) ```실패시 좌우로 흔드는 에니메이션``` or ```실패시 좌우로 흔드는 에니메이션```

홈페이지에서 scroll에 반응하는 에니메이션은 많으니 이를 대응할 수 있는 문법이나 기능을 구현하는 건 어떨까? #7 에서 쓰이는 에니메이션과 결합해서 ex) ``` ``` or ``` ``` NOTE: 아직 정식으로 배포된 브라우저는...

translateX() scale() 등의 경우 같은 transform: 필드를 사용하기 때문에 분리해서 사용하면 1개만 적용되는 문제가 발생한다. 그래서 이러한 같은 필드를 공유하는 류 ex) transform, filter, box-shadow 의 속성을 대응 할 수...

component/dist/Weather/snowy.css" is not supported 에러가 발생하고 있어요~

1

react + typescript + vite 환경입니다. Uncaught Error: Dynamic require of "/Users/kakao_ent/Desktop/react-season/node_modules/react-season-component/dist/Weather/snowy.css" is not supported 에러가 나고 있어요! 꼭 써보고 싶어요 고쳐주세요 +_+ ``` import { useState } from 'react'...

32x32 128x128 같이 <width>x<height> 포맷으로 Size를 하면 어떨까요? 16:9 3:5 와 같이 aspect-ratio도 더 단순하게 작성이 될 것 같아요.

1

```html .128x128 { width: 128px; height: 128px; } .16:9 { aspect-ratio: 16/9 } ```

mui나 tailwind에서 섞어서 쓰면 CSS가 깨지는 현상을 수정해주세요!

3

현재 adorablecss에 적용된 하드 reset 속성 중에서 `* {flex-shrink:0}` 이 주로 문제를 만들고 있고 tailwind에서는 flex 속성이 .flex {display:flex} 인데 반에 adorable는 flex가 `.flex {flex:1}` 로 되어 있기 때문에 발생하는...