skyquake/framework/widgets/form_controls/formControls.scss

   1 /*
   2  *
   3  *   Copyright 2016 RIFT.IO Inc
   4  *
   5  *   Licensed under the Apache License, Version 2.0 (the "License");
   6  *   you may not use this file except in compliance with the License.
   7  *   You may obtain a copy of the License at
   8  *
   9  *       http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  *   Unless required by applicable law or agreed to in writing, software
  12  *   distributed under the License is distributed on an "AS IS" BASIS,
  13  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  *   See the License for the specific language governing permissions and
  15  *   limitations under the License.
  16  *
  17  */
  18 @import 'style/_colors.scss';
  19
  20 .sqTextInput {
  21     display: -ms-flexbox;
  22     display: flex;
  23     -ms-flex-direction: column;
  24         flex-direction: column;
  25     width: 100%;
  26     margin-bottom:1rem;
  27     -ms-flex-align: start;
  28         align-items: flex-start;
  29     -ms-flex-pack:start;
  30         justify-content:flex-start;
  31     span {
  32         color:$darker-gray;
  33         text-transform:uppercase;
  34     }
  35     input, .readonly, textarea {
  36         height: 35px;
  37         box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.39), 0 -1px 1px #ffffff, 0 1px 0 #ffffff;
  38         font-size: 1rem;
  39         display: block;
  40         background: white !important;
  41         margin: 0;
  42         margin-top: 0.25rem;
  43         padding-left:0.25rem;
  44         min-width:100%;
  45         &[disabled] {
  46             background:#ccc;
  47         }
  48     }
  49     .readonly {
  50         line-height: 35px;
  51         box-shadow:none;
  52     }
  53     textarea {
  54         -ms-flex-align: stretch;
  55         -ms-grid-row-align: stretch;
  56         align-items: stretch;
  57         border:0px;
  58         height: 100%;
  59     }
  60 }