본문 바로가기

SCSS2

vscode php scss 사용하기 sass 컴파일러 설치 설치 가이드: VS Code에서 PHP 프로젝트에 SCSS 사용하기 및 SASS 컴파일러 설치 소개 안녕하세요! 이번 포스팅에서는 VS Code에서 PHP 프로젝트에 SCSS를 사용하는 방법과 SASS 컴파일러 설치에 대해 알아보겠습니다. VS Code는 앵귤러를 사용하던 분들도 SCSS를 편리하게 활용할 수 있는 좋은 도구입니다. SCSS는 브라우저가 직접 이해하지 못하기 때문에 SASS 컴파일러를 통해 CSS 파일로 변환해주어야 합니다. 이를 통해 개발자들은 편리하게 작업할 수 있습니다. 필요한 확장 설치 먼저, VS Code에서 SCSS를 사용하기 위해 필요한 확장을 설치해 보겠습니다. 다음 확장을 설치하면 SCSS 작업이 더욱 편리해집니다. Live Sass Compiler: 이 확장은 SCSS .. 2021. 7. 14.
SASS SCSS a태그 아래 각기 다른 색 요소를 a:hover 색은 같게 하기/성별 통계 CSS 디자인 SASS SCSS에서 :hover 상태일 때 a 태그 아래 각기 다른 색을 동일하게 변경하기 소개 이 문서는 SASS(SCSS)를 사용하여 a 태그 아래에 있는 각 요소의 색상을 동일하게 변경하는 방법에 대해 설명합니다. 이 기술은 간단한데, SCSS의 구조를 활용하여 효과적으로 스타일을 적용할 수 있습니다. 해당 방법을 통해 마우스 오버 시 모든 요소의 색이 반전되는 효과를 구현할 수 있습니다. 상세 설명 먼저, 아래와 같은 HTML 구조를 가정해봅시다. Contents 스페인하숙 3화 미안하지만, 난 당신들이 궁금하지 않아요미안하지만, 난 당신들이 궁금하지 않아요미안하지만, 난 당신들이 궁금하지 않아요 위와 같은 구조에서 SCSS를 활용하여 스타일을 적용해보겠습니다. .latest { .card { .. 2021. 7. 5.