adorable-css
adorable-css copied to clipboard
32x32 128x128 같이 <width>x<height> 포맷으로 Size를 하면 어떨까요? 16:9 3:5 와 같이 aspect-ratio도 더 단순하게 작성이 될 것 같아요.
<i class="icon 128x128"></i>
<figure class="16:9 b(#000)"></figure>
<style>
.128x128 { width: 128px; height: 128px; }
.16:9 { aspect-ratio: 16/9 }
</style>
<img class="32x32"> <!-- 아이콘 -->
<img class="48x48"> <!-- 프로필 사진 -->
<div class="16:9"> <!-- 비디오 -->
<div class="4:3"> <!-- 이미지 -->
<style>
.\33 20x200{height:200px;}
.\33 20x200{width:320px;}
.\31 6\:9{aspect-ratio:16/9;height:auto;}
</style>
사이즈와 비율이 아주 단순하고 직관적으로 잘 표현될 수 있는 기능이 완료되었습니다. v2에서 공개할 예정입니다. :)