55 lines
1.7 KiB
SCSS
55 lines
1.7 KiB
SCSS
/*
|
|
** Skeleton V1.2
|
|
** Copyright 2011, Dave Gamache
|
|
** www.getskeleton.com
|
|
** Free to use under the MIT license.
|
|
** http://www.opensource.org/licenses/mit-license.php
|
|
** 6/20/2012
|
|
|
|
/* Table of Content
|
|
*==================================================
|
|
* #Site Styles
|
|
* #Page Styles
|
|
* #Media Queries
|
|
* #Font-Face
|
|
|
|
/* #Site Styles
|
|
*==================================================
|
|
|
|
/* #Page Styles
|
|
*==================================================
|
|
|
|
/* #Media Queries
|
|
*==================================================
|
|
|
|
/* Smaller than standard 960 (devices and browsers)
|
|
@media only screen and (max-width: 959px)
|
|
|
|
/* Tablet Portrait size to standard 960 (devices and browsers)
|
|
@media only screen and (min-width: 768px) and (max-width: 959px)
|
|
|
|
/* All Mobile Sizes (devices and browser)
|
|
@media only screen and (max-width: 767px)
|
|
|
|
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
|
|
@media only screen and (min-width: 480px) and (max-width: 767px)
|
|
|
|
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
|
|
@media only screen and (max-width: 479px)
|
|
|
|
/* #Font-Face
|
|
*==================================================
|
|
/* This is the proper syntax for an @font-face file
|
|
* Just create a "fonts" folder at the root,
|
|
* copy your FontName into code below and remove
|
|
* comment brackets
|
|
|
|
/* @font-face {
|
|
* font-family: 'FontName';
|
|
* src: url('../fonts/FontName.eot');
|
|
* src: url('../fonts/FontName.eot?iefix') format('eot'),
|
|
* url('../fonts/FontName.woff') format('woff'),
|
|
* url('../fonts/FontName.ttf') format('truetype'),
|
|
* url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
|
|
* font-weight: normal;
|
|
* font-style: normal; } |