Skip to content

Instantly share code, notes, and snippets.

@sorie
Created June 3, 2015 05:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sorie/dacf06fe27e4d64b0b36 to your computer and use it in GitHub Desktop.
Save sorie/dacf06fe27e4d64b0b36 to your computer and use it in GitHub Desktop.
styleOne.css
@charset "utf-8";
/* 외부의 스타일 모듈 호출
* ---------------------------------------------------------------------------
*/
@import "./parts/normalize.min.css";
@import "./parts/common.css";
@import "./parts/gs.min.css";
@import "./parts/fonts.css";
/* 기초 공사(타이포그래피) / 배경이미지
* ---------------------------------------------------------------------------
*/
/* 배경 디자인 (색상, 이미지)
* 가로축: 가운데(center)
* 세로축: 상단(top)
* 반복: 안하는 걸로(no-repeat) */
body {
background: #468CB0;
/* 웹폰트 Lato를 설정 */
font: 0.875rem/1.5 'Lato', Arial, sans-serif;
}
#logo {
background: url(../images/technics-q-c-1200-150-4.jpg) no-repeat top center;
margin-top: 0;
margin-bottom: 0;
height: 150px;
text-align: center;
line-height: 150px;
color: #DED756;
}
/*
* 레티나 디스플레이(@2x)
*
*/
@media
(-webkit-min-device-pixel-ratio: 2),
( min-resolution: 192dpi),
( min-resolution: 2dppx) {
/* 로고 */
#indurge {
background-image: url(../images/header/header-logo@2x.png);
background-size: 175px 51px; /* @1x 배율 스크린에서 보여지는 실제 배경 이미지 크기 */
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment