태그>sass(총 5개의 글)
'sass' 관련 최근글
-
- SASS - 믹스인
-
링고파이 by 링고파이|2019/12/19 09:19
기존 css는 재사용성이 매우 떨어졌다. 그러나 sass에서는 특정 부분을 컴포넌트 화 시켜 다른 파일에서 import 해서 사용할 수 있도록 하는데 이 기능을 mixin이라 한다. 1. 기본 mixin 1 2 3 4 5 6 7@mixin radius($rad1, $rad2, $rad3, $rad4){ border-radius: $rad..
sass, css, stylesheet, front-end, web
- SASS - 믹스인
-
- SASS - 변수 및 제어문
-
링고파이 by 링고파이|2019/12/19 08:57
sass는 기존 CSS에는 없는 변수와 각종 제어문 등이 있어 이를 통해 지정할 수 있다. 다만 이 제어문들은 실행환경(런타임)에서는 작동하지 않는걸 인지하고 있어야 한다. 1. 변수 1 2 3 4a { $textColor: orange; .photo-#{$textColor} { color: red;} color: $textC..
sass, css, frontend, 웹, stylesheet
- SASS - 변수 및 제어문
-
- SASS - 기본 문법
-
링고파이 by 링고파이|2019/12/13 11:08
sass는 기존 css에 약간의 기능을 더한 것이며, 컴파일 하여 CSS를 사용할 수 있게 하는 일종의 도구라고 볼 수 있다. 이 글에서는 기본적인 문법 및 컴파일 방법에 대해 알아보도록 한다. 1. 셀렉터 중첩 1 2 3 4 5 6 7.content { p { font-size: 7rem; } } .content p { font..
css, stylesheet, sass, frontend, 프론트엔드
- SASS - 기본 문법
-
- 01.11 리액트 컴포넌트 CSS 적용 ( CSS Module, Sass, styled-co..
-
BENGGRI의 블로그 by 벵그리|2019/02/01 17:03
React.js01.11. 컴포넌트 CSS 적용 ( CSS Module, Sass, styled-components )CSS Module : 모듈화된 CSS로 CSS 클래스를 만들면 자동으로 고유한 클래스네임을 생성하여 스코프를 지역적으로 제한하는 방법이다.Sass : CSS 전처리기 중 하나로, 확장된 CS..
- 01.11 리액트 컴포넌트 CSS 적용 ( CSS Module, Sass, styled-co..
-
- Dynamic Stylesheet Framework - LESS / SASS
-
어린왕자와 여우 by 어린왕자|2017/03/23 14:42
CSS는 HTML마크업을 꾸며주는 언어이다. CSS를 직접 작성하는 개발자가 많아지면서 (특히 필자의 경우) 개발자 입장에서 비효율적인 면이 나타났다.개발언어에 비해 그저 문법 나열로만 이루어진 CSS는 그 양이 방대해진다. 그리하여 수정이 필요한 경우, 상당한 양의 ..
- Dynamic Stylesheet Framework - LESS / SASS
