lsit of constans for device metrics ios & android

device_metrics.scss

/* GENERAL DEVICE CONSTANTS
##################################################################################################################### */

/*
 *  iOS
 */

// iOS metrics
$ios-status-bar-height: em-calc(20);
$ios-nav-bar-height: em-calc(44);
$ios-tab-bar-height: em-calc(49);

// iPhone 5 metrics // http://www.titaniumtips.com/files/iphone_dimensions_portrait.php
$iphone5-device-width: em-calc(320);
$iphone5-device-height: em-calc(568);
$iphone5-os-main-content-height: $iphone5-device-height - $ios-status-bar-height - $ios-nav-bar-height - $ios-tab-bar-height;

// iPhone 6 metrics // http://www.idev101.com/code/User_Interface/sizes.html
$iphone6-device-width: em-calc(375);
$iphone6-device-height: em-calc(667);
$iphone6-os-main-content-height: $iphone6-device-height - $ios-status-bar-height - $ios-nav-bar-height - $ios-tab-bar-height;

// iPhone 6 plus metrics
$iphone6-plus-device-width: em-calc(414);
$iphone6-plus-device-height: em-calc(736);
$iphone6-plus-os-main-content-height: $iphone6-plus-device-height - $ios-status-bar-height - $ios-nav-bar-height - $ios-tab-bar-height;

// iPad mini metrics // https://etcjournal.files.wordpress.com/2012/10/ipad-gr1.jpg
$ipad-mini-device-width: em-calc(768);
$ipad-mini-device-height: em-calc(1024);
$ipad-mini-os-main-content-height: $ipad-device-height - $ios-status-bar-height - $ios-nav-bar-height - $ios-tab-bar-height;
$ipad-mini-os-main-content-landscape-height: $ipad-device-width - $ios-status-bar-height - $ios-nav-bar-height - $ios-tab-bar-height;

// iPad metrics // http://titaniumtips.com/files/tag-ipad.php 
$ipad-device-width: em-calc(768) * 2;
$ipad-device-height: em-calc(1024) * 2;
$ipad-os-main-content-height: $ipad-device-height - $ios-status-bar-height - $ios-nav-bar-height - $ios-tab-bar-height;
$ipad-os-main-content-landscape-height: $ipad-device-width - $ios-status-bar-height - $ios-nav-bar-height - $ios-tab-bar-height;

/*
 *  Android
 */

// Android metrics // http://www.emirweb.com/ScreenDeviceStatistics.php
$android-status-bar-height: em-calc(38);
$android-nav-bar-height: em-calc(72);

// Samasung Galaxy S3 metrics
$galaxy-s3-device-width: em-calc(360);
$galaxy-s3-device-height: em-calc(640);
$galaxy-s3-os-main-content-height: $galaxy-s3-device-height - $android-status-bar-height - $android-nav-bar-height;

// Samasung Galaxy S4 metrics // http://www.emirweb.com/ScreenDeviceStatistics.php
$galaxy-s4-device-width: em-calc(480);
$galaxy-s4-device-height: em-calc(854);
$galaxy-s4-os-main-content-height: $galaxy-s4-device-height - $android-status-bar-height - $android-nav-bar-height;