Dev/css
FLEX 서비스 css 칼라값
root 파일 참고용 vscode에서 보면 색상도 나옴 root, .t-giEBBL { --sizes-xsmall: 24px; --sizes-small: 32px; --sizes-default: 40px; --sizes-large: 48px; --sizes-xlarge: 56px; --radii-default: 8px; --radii-tag: 50px; --shadows-active: 0 0 0 4px rgba(58,151,212,.3),0 0 0 1px rgba(33,36,41,.2),0 1px 1px 0 rgba(33,36,41,0),0 6px 12px 0 rgba(33,36,41,0); --shadows-pageRoot: 0px 0px 12px 0px rgba(0, 0, 0, 0.04), -1px ..
이미지 width: 100% 일때 비율 유지하면서 height 설정
이거다! 그리드 안쓰고 https://velog.io/@juno7803/%EB%B0%98%EC%9D%91%ED%98%95%EC%9C%BC%EB%A1%9C-%EC%A2%85%ED%9A%A1%EB%B9%84-%EC%9C%A0%EC%A7%80%ED%95%98%EC%97%AC-%EC%9D%B4%EB%AF%B8%EC%A7%80-%ED%91%9C%EC%8B%9C%ED%95%98%EA%B8%B0 반응형으로 종횡비 유지하여 이미지 표시하기 반응형 웹을 공부하면서 ` 태그가 아닌, 특정 card와 같은 컴포넌트에 가로 세로 비율을 유지하면서 background-image`를 주는 방법에 대해서 소개드리려고 합니다! velog.io
sticky 는 근접한 부모가 아니고, 그냥 부모야
position: absolute 근접한 부모 중에 static이 아닌 부모의 기준에서 움직이다. position: sticky 부모 영향을 받으며, 그자리를 유지한다. 아 스티키도 근접한 부모인줄 알고.. 약간 시간 많이 씀 ㅠㅜ
svg가 display:flex 일때 안보임 (safari)
https://stackoverflow.com/questions/66532071/flex-svg-behaving-strange-in-ios-safari-14-0-3
outline 은 border와 다르다
https://ossam5.tistory.com/139 [CSS3강좌] 31강 CSS outline속성 - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭하세요! https://www.youtube.com/watch?v=TaXDcQFAOkw 1. outline 속성이란? - outline(윤곽선)은 요소를 눈에 띄게 하기 위해 테두리(border)의 바깥쪽에 그려지는.. ossam5.tistory.com 내가 프로파일 이미지에 호버 하면 동그렇게 border가 생기는 기능을 만들고 있는데, outline으로 해야한다. 그래야 안쪽에는 적용안되서 이미지가 밀리는 일이 없당