[Mobile] Reorganize
Reorganized the sass files. To incorporate, new mobile directory, which holds all the mobile sass code.
This commit is contained in:
46
platform/commonUI/general/res/sass/mobile/_mixins.scss
Normal file
46
platform/commonUI/general/res/sass/mobile/_mixins.scss
Normal file
@@ -0,0 +1,46 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
|
||||
// NOTE: Mixins for devices
|
||||
@mixin phone {
|
||||
@media screen and (max-width: $phoMaxW) {
|
||||
@content
|
||||
}
|
||||
}
|
||||
|
||||
@mixin tablet {
|
||||
@media screen and (min-width: $tabMinW) and (max-width: $tabMaxW) {
|
||||
@content
|
||||
}
|
||||
}
|
||||
|
||||
@mixin phoneandtablet {
|
||||
@media screen and (max-width: $tabMaxW) {
|
||||
@content
|
||||
}
|
||||
}
|
||||
|
||||
@mixin desktop {
|
||||
@media screen and (min-width: $compMinW) {
|
||||
@content
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user