본문 바로가기

sass2

성별 통계 CSS 디자인 및 SASS ✈ 성별 통계 CSS 디자인 및 SASS 성별 통계 CSS 디자인 및 SASS 성별 차트 플러그인이 딱 디자인에 맞는게 없어서 아래와 같이 만들어봤다. 원리 자체는 간단하다. 그냥 막대그래프에서 퍼센트 통계 그려주는 것과 같다. 다만 다른 점은 BG가 필요한 것 뿐이다. 기본적으로 채워져 있지 않은 테두리만 있는 성별 BG를 부모 객체에 background로 준다. 이후 데이터를 표시하는 엘레먼트는 색을 가진 BG를 background로 받는다. 색이 머리에서부터 칠해진다면 background position은 top이겠지만 보통 이런 차트는 다리부터 색이 칠해져 올라가야 하므로 bottom을 준다. 관련 BG는 아래에 첨부해 두도록 하겠다. 소스코드는 다음과 같다. html 여성 73% 7300 남성 .. 2019. 12. 9.

SASS SCSS a태그 아래 각기 다른 색 요소를 a:hover 색은 같게 하기 ✈SASS SCSS a태그 아래 각기 다른 색 요소를 a:hover 색은 같게 하기 SASS SCSS a태그 아래 각기 다른 색 요소를 a:hover 색은 같게 하기. 되게 거창한 표현같지만 별거 아니다. 다만 SCSS의 구조에 대해서 설명하기 위한 글이다. 위와 같은 경우 텍스트 영역에 링크는 하나다. 마우스오버가 되었을 때 문단 별로 색이 바뀌면 안되고, 전체가 색이 반전이 되어야 한다. 각각 스타일을 주어도 되지만, SCSS에서는 간단하게 처리가 가능하다. html Contents 스페인하숙 3화 미안하지만, 난 당신들이 궁금하지 않아요미안하지만, 난 당신들이 궁금하지 않아요미안하지만, 난 당신들이 궁금하지 않아요 이런 구조일 때 SCSS SCSS 는 다음과 같이 구성한다. .card { borde.. 2019. 11. 18.

이전 1 다음

티스토리툴바