괴발개발개발새발 괴발개발개발새발

variables

• Sass(SCSS) Variables

  CSS Preproseccor/Sass 2019. 5. 6. 19:11

  변수(Variables) Sass 변수는 간단합니다. $로 시작하는 이름에 값을 할당하면 값 자체가 아니라 해당 이름을 참조할 수 있습니다. 변수는 반복을 줄이고 복잡한 계산을 하고 라이브러리를 구성하는 등의 작업을 가능하게 합니다. // 변수 선언 : SCSS $base-color: #c6538c; $border-dark: rgba($base-color, 0.88); .alert { border: 1px solid $border-dark; } CSS .alert { border: 1px solid rgba(198, 83, 140, 0.88); } 기본값(Default Values) Sass에는 !default 플래그를 제공하는데, 변수가 정의되지 않았거나 값이 null인 경우에만 변수에 값을 할당하게 ..

  Read More
• Less Variables

  CSS Preproseccor/Less 2019. 3. 28. 22:07

  Less Variables 변수 (Variables) 변수는 한 위치에서 값을 제어할 수 있는 방법을 제공하며, 코드를 보다 쉽게 관리 및 유지할 수 있게 도와준다. 일반적인 CSS 코드 a, .link { color: red; } .widget { color: white; background: red; } 변수를 사용한 코드 // 변수 @link-color: red; @link-color-hover: hotpink; // 사용법 a, .link { color: @link-color; // red } a:hover { color: @link-color-hover; // hotpink } .widget { color: white; background: @link-color; // red } 변수 보간법 (..

  Read More