src/third_party/polymer/components/core-layout/core-layout-host.css

   1 /*
   2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
   3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
   4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   6 Code distributed by Google as part of the polymer project is also
   7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
   8 */
   9
  10 :host {
  11   display: -webkit-box !important;
  12   display: -ms-flexbox !important;
  13   display: -moz-flex !important;
  14   display: -webkit-flex !important;
  15   display: flex !important;
  16 }
  17
  18 :host(.core-h) {
  19   -webkit-box-orient: horizontal;
  20   -ms-flex-direction: row;
  21   -moz-flex-direction: row;
  22   -webkit-flex-direction: row;
  23   flex-direction: row;
  24 }
  25
  26 :host(.core-v) {
  27   -webkit-box-orient: vertical;
  28   -ms-flex-direction: column;
  29   -moz-flex-direction: column;
  30   -webkit-flex-direction: column;
  31   flex-direction: column;
  32 }
  33
  34 :host(.core-h.core-reverse) {
  35   -webkit-box-direction: reverse;
  36   -ms-flex-direction: row-reverse;
  37   -moz-flex-direction: row-reverse;
  38   -webkit-flex-direction: row-reverse;
  39   flex-direction: row-reverse;
  40 }
  41
  42 :host(.core-v.core-reverse) {
  43   -webkit-box-direction: reverse;
  44   -ms-flex-direction: column-reverse;
  45   -moz-flex-direction: column-reverse;
  46   -webkit-flex-direction: column-reverse;
  47   flex-direction: column-reverse;
  48 }
  49
  50 /* alignment in main axis */
  51 :host(.core-justify-start) {
  52   -webkit-box-pack: start;
  53   -ms-flex-pack: start;
  54   -moz-justify-content: flex-start;
  55   -webkit-justify-content: flex-start;
  56   justify-content: flex-start;
  57 }
  58
  59 :host(.core-justify-center) {
  60   -webkit-box-pack: center;
  61   -ms-flex-pack: center;
  62   -moz-justify-content: center;
  63   -webkit-justify-content: center;
  64   justify-content: center;
  65 }
  66
  67 :host(.core-justify-end) {
  68   -webkit-box-pack: end;
  69   -ms-flex-pack: end;
  70   -moz-justify-content: flex-end;
  71   -webkit-justify-content: flex-end;
  72   justify-content: flex-end;
  73 }
  74
  75 :host(.core-justify-between) {
  76   -webkit-box-pack: justify;
  77   -ms-flex-pack: justify;
  78   -moz-justify-content: space-between;
  79   -webkit-justify-content: space-between;
  80   justify-content: space-between;
  81 }
  82
  83 /* alignment in cross axis */
  84 :host(.core-align-start) {
  85   -webkit-box-align: start;
  86   -ms-flex-align: start;
  87   -moz-align-items: flex-start;
  88   -webkit-align-items: flex-start;
  89   align-items: flex-start;
  90 }
  91
  92 :host(.core-align-center) {
  93   -webkit-box-align: center;
  94   -ms-flex-align: center;
  95   -moz-align-items: center;
  96   -webkit-align-items: center;
  97   align-items: center;
  98 }
  99
 100 :host(.core-align-end) {
 101   -webkit-box-align: end;
 102   -ms-flex-align: end;
 103   -moz-align-items: flex-end;
 104   -webkit-align-items: flex-end;
 105   align-items: flex-end;
 106 }