third_party/ot-br-posix/repo/third_party/mdl/repo/src/typography/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--typography {
  18   color: rgba(0, 0, 0, 0.87);
  19 }
  20
  21 .demo-page--typography table th {
  22   padding-right: 80px;
  23
  24   vertical-align: top;
  25   text-align: left;
  26 }
  27
  28 .demo-typography--white {
  29   background-color: white;
  30   color: black;
  31 }
  32
  33 .demo-typography--black {
  34   background-color: black;
  35   color: white;
  36 }
  37
  38 .demo-typography--white,
  39 .demo-typography--black,
  40 .demo-typography--img-1,
  41 .demo-typography--img-2 {
  42   width: 360px;
  43   height: 272px;
  44
  45   padding: 16px;
  46   box-sizing: border-box;
  47 }
  48
  49 .demo-typography--img-1 {
  50   background-image: url(../demo-images/img-1.png);
  51   color: white;
  52 }
  53
  54 .demo-typography--img-2 {
  55   background-image: url(../demo-images/img-2.png);
  56   color: white;
  57 }