반응형

Work 52

[jekyll] 로컬에서 구동시 Dependency Error 문제 해결하기

로컬에서 지킬을 실행하기 위해 아래와 같은 명령어를 사용한다. bundle exec jekyll serve 맥에서 작업할 땐 별다른 이슈가 없었는데, 윈도우에서 작업하려 하니 디펜던시 에러가 발생했다. Dependency Error: Yikes! It looks like you don't have kramdown-parser-gfm or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. The full error message from Ruby is: 'cannot load such file -- kramdown-parser-gfm' If you r..

Work/Tools 2020.11.14

가상 클래스와 가상 요소 클래스 조합하여 사용하기

문제 상황 기존에 잘 보이던 팝업 메뉴의 흰색 화살표가 회색 화살표로 변경됨 (::before, ::after 가상 요소 CSS 로 스타일링 된 화살표) 팝업 메뉴 리스트에 의문의 검은 사각형이 생기는 문제 시도한 것 들 ::before 에 들어간 클래스 때문에 검은 사각형이 발생하는 것 같아 해당 요소를 clip 처리 하거나 display: none; 처리함. 사각형은 사라지지만 화살표가 회색으로 보이는 문제는 해결되지 않았다. 결과물 스타일에서 관련 구문 긁어 보니, CSS에는 .popup::before:lang(en){border-color: #fff trans) 와 같이 스타일이 선언되어 있지만 요소에 제대로 선언되지 않고 있었다. 😨 lang(en) 과 ::before 선택자 순서를 바꿔 보니 ..

Work/HTML, CSS 2020.11.13
반응형