react-toolbox-build4server/react-toolbox/jsx/card/style.css

Builds react-toolbox in such a way that it's components can be required and used in node - most likely for server-side rendered webapps - without having to depend on webpack to build your entire server-side project

.rt-card-card {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  font-size: 1.4rem;
  background: white;
  border-radius: 0.2rem; }
  .rt-card-card.rt-card-raised {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
  .rt-card-card [data-react-toolbox="avatar"] {
    display: block; }

.rt-card-cardMedia {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .rt-card-cardMedia.rt-card-wide, .rt-card-cardMedia.rt-card-square {
    width: 100%;
    height: 0; }
    .rt-card-cardMedia.rt-card-wide .rt-card-content, .rt-card-cardMedia.rt-card-square .rt-card-content {
      position: absolute;
      height: 100%; }
    .rt-card-cardMedia.rt-card-wide .rt-card-content > iframe, .rt-card-cardMedia.rt-card-wide .rt-card-content > video, .rt-card-cardMedia.rt-card-wide .rt-card-content > img, .rt-card-cardMedia.rt-card-square .rt-card-content > iframe, .rt-card-cardMedia.rt-card-square .rt-card-content > video, .rt-card-cardMedia.rt-card-square .rt-card-content > img {
      max-width: 100%; }
  .rt-card-cardMedia.rt-card-wide {
    padding-top: 56.25%; }
  .rt-card-cardMedia.rt-card-square {
    padding-top: 100%; }
  .rt-card-cardMedia .rt-card-content {
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden; }
  .rt-card-cardMedia .rt-card-contentOverlay .rt-card-cardTitle, .rt-card-cardMedia .rt-card-contentOverlay .rt-card-cardActions, .rt-card-cardMedia .rt-card-contentOverlay .rt-card-cardText {
    background-color: rgba(0, 0, 0, 0.35); }

.rt-card-cardTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .rt-card-cardTitle .rt-card-avatar {
    margin-right: 1.3rem; }
  .rt-card-cardTitle .rt-card-subtitle {
    color: #757575; }
  .rt-card-cardTitle.rt-card-large {
    padding: 2rem 1.6rem 1.4rem; }
    .rt-card-cardTitle.rt-card-large .rt-card-title {
      font-family: "Roboto", "Helvetica", "Arial", sans-serif;
      font-size: 2.4rem;
      font-weight: 400;
      line-height: 3.2rem;
      -moz-osx-font-smoothing: grayscale;
      line-height: 1.25; }
  .rt-card-cardTitle.rt-card-small {
    padding: 1.6rem; }
    .rt-card-cardTitle.rt-card-small .rt-card-title {
      font-family: "Roboto", "Helvetica", "Arial", sans-serif;
      font-size: 1.4rem;
      line-height: 2.4rem;
      letter-spacing: 0;
      font-weight: 500;
      line-height: 1.4; }
    .rt-card-cardTitle.rt-card-small .rt-card-subtitle {
      font-weight: 500;
      line-height: 1.4; }
  .rt-card-cardMedia .rt-card-cardTitle .rt-card-title, .rt-card-cardMedia .rt-card-cardTitle .rt-card-subtitle {
    color: white; }

.rt-card-cardTitle, .rt-card-cardText {
  padding: 1.4rem 1.6rem; }
  .rt-card-cardTitle:last-child, .rt-card-cardText:last-child {
    padding-bottom: 2rem; }
  .rt-card-cardTitle + .rt-card-cardText, .rt-card-cardText + .rt-card-cardText {
    padding-top: 0; }

.rt-card-cardActions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.8rem; }
  .rt-card-cardActions [data-react-toolbox="button"] {
    min-width: 0;
    padding: 0 0.8rem;
    margin: 0 0.4rem; }
    .rt-card-cardActions [data-react-toolbox="button"]:first-child {
      margin-left: 0; }
    .rt-card-cardActions [data-react-toolbox="button"]:last-child {
      margin-right: 0; }