third_party/ot-br-posix/repo/third_party/mdl/repo/src/shadow/demo.css

   1 /**
   2  * Copyright 2015 Google Inc. All Rights Reserved.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  *      http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16
  17 .demo-page--shadow .demo-preview-block {
  18   height: 100px;
  19 }
  20
  21 .demo-shadow-card {
  22   background-color: #fff;
  23   border-radius: 2px;
  24   display: block;
  25   height: 72px;
  26   margin-bottom: 20px;
  27   margin-right: 32px;
  28   padding: 10px;
  29   text-align: center;
  30   float: left;
  31   color: #9E9E9E;
  32   display: flex;
  33   align-items: center;
  34   justify-content: center;
  35   transition-property: opacity, transform;
  36   width: 72px;
  37 }
  38
  39 @media screen and (max-width: 360px ) {
  40   .demo-shadow-card {
  41     width: 27px;
  42   }
  43 }