ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-21 03:55:31 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Mobile] Comments

Browse Source 
Added comments to the mixins.
This commit is contained in:
Shivam Dave 2015-07-17 09:04:39 -07:00
parent 488829a20c
commit 1e2e20b145
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
platform/commonUI/general/res/sass/mobile/_mixins.scss
View File

@ -20,7 +20,7 @@
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
// NOTE: Mixins for devices // Phones in any orientation
@mixin phone { @mixin phone {
@media #{$phonePortrait}, @media #{$phonePortrait},
#{$phoneLandscape}, #{$phoneLandscape},
@ -29,12 +29,14 @@
} }
} }
//Phones in portrait orientation
@mixin phonePortrait { @mixin phonePortrait {
@media #{$phonePortrait} { @media #{$phonePortrait} {
@content @content
} }
} }
// Phones in landscape orientation
@mixin phoneLandscape { @mixin phoneLandscape {
@media #{$phoneLandscape}, @media #{$phoneLandscape},
#{$phoneLandscapeEmu} { #{$phoneLandscapeEmu} {
@ -42,6 +44,7 @@
} }
} }
// Tablets in any orientation
@mixin tablet { @mixin tablet {
@media #{$tabletPortrait}, @media #{$tabletPortrait},
#{$tabletLandscape}, #{$tabletLandscape},
@ -50,12 +53,14 @@
} }
} }
// Tablets in portrait orientation
@mixin tabletPortrait { @mixin tabletPortrait {
@media #{$tabletPortrait} { @media #{$tabletPortrait} {
@content @content
} }
} }
// Tablets in landscape orientation
@mixin tabletLandscape { @mixin tabletLandscape {
@media #{$tabletLandscape}, @media #{$tabletLandscape},
#{$tabletLandscapeEmu} { #{$tabletLandscapeEmu} {
@ -63,6 +68,7 @@
} }
} }
// Phones and tablets in any orientation
@mixin phoneandtablet { @mixin phoneandtablet {
@media #{$phonePortrait}, @media #{$phonePortrait},
#{$phoneLandscape}, #{$phoneLandscape},
@ -74,6 +80,7 @@
} }
} }
// Desktop monitors in any orientation
@mixin desktop { @mixin desktop {
@media #{$desktopPortrait}, @media #{$desktopPortrait},
#{$desktopLandscape} { #{$desktopLandscape} {