mobssie

sass 의 종류 Ruby Sass , LibSass, node-sass 나는 node-sass로 설치할거샤~ 1. 시작 전에 노드설치 2. Homebrew 설치 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" brew install node 3. 설치하기 / 버전확인 npm install -g node-sass node-sass -v 3-1. 설치시 에러가 난다면 sudo npm install --unsafe-perm -g node-sass node-sass [옵션] node-sass -w scss/style.scss css/style.css --output-style com..

사용법 1. 메타태그 뷰포트에 viewport-fit=cover 를 추가모서리, 센서 하우징 및 홈 버튼을 피하기 위해 동적으로 조정이 가능해 iPhone X의 화면 공간을 최대한 활용할 수 있다. 2. padding-top: env(safe-area-inset-bottom) 으로 기본으로 사용env(safe-area-inset-bottom); // IOS 11.0 이상 (신) constant(safe-area-inset-bottom); // IOS 11.0 버전 (구) 3. 기본적인 padding값이 스타일로 들어가있을 경우에는 calc를 사용하여 정리한다..button { padding: 12px 16px; // 기본 값을 지정해 준후 padding: 12px 16px calc(constant(saf..