input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
CSS
tailwind에서 제공하는 단축어 사용 Handling Hover, Focus, and Other States - Tailwind CSSUsing utilities to style elements on hover, focus, and more.tailwindcss.com 그러나 내가 쓰려는 건 없다... tailwind + CSS 직접 작성/* 토요일 */#calendar-body span:nth-child(7n - 1) { @apply text-primary-500;}/* 일요일 */#calendar-body span:nth-child(7n) { @apply text-red-500;} 기본 CSS 적용하는 방법 + @apply 디렉티브
Flexboxflex는 flex-grow, flex-shrink, flex-basis의 단축 속성즉,flex: {flex-grow} {flex-shrink} {flex-basis}; flex-grow자식 요소가 부모 요소 내부에서 할당 가능한 공간의 정도모든 자식 요소의 flex-grow 값이 같으면 동일한 공간을 할당받는다. flex-shrink자식 요소의 크기가 부모 요소보다 클 때, flex-shrink에 설정된 숫자값에 따라 부모 요소 내부에서 자식 요소의 크기가 축소된다. flex-basis자식 요소의 초기 크기width를 나타내는 단위lengthpercentageauto 키워드content 키워드콘텐츠 크기에 따라 자동으로 크기 설정 +부모 요소가 flex일 때, 자식 요소가 가능한 한 최..
박스 요소의 가로 또는 세로의 길이가 px, rem 등 고정된 값이 아니라 %, vw, vh 등의 가변적인 값으로 설정되었을 때, 해당 요소의 가로 세로 비율을 정하는 방법 aspect-ratio요소의 가로 세로 비율을 설정 (가로/세로)aspect-ratio: 3/4; // -> 가로3:세로4 슬래시를 사용하지 않을 경우, 가로/1 로 자동 적용된다.%는 사용불가 CSS aspect-ratio 속성 : 요소의 가로 세로 비율 설정 - 코딩에브리바디aspect-ratio 속성은 이미지나 비디오 동영상, div 등 요소의 원하는 가로 세로 비율을 설정합니다. aspect-ratio 속성 사용법과 작동하지 않는 사례, 그리고 주의할 점에 대해 살펴보겠습니다.codingeverybody.kr
