admin-importer.css 1.96 KB
Newer Older
cyrille's avatar
cyrille committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
.llms-import-file-wrap {
  background: #fafafa;
  border: 1px solid #ccd0d4;
  padding: 10px;
  margin: 20px auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.llms-cloud-import-help.button-link {
  color: inherit;
  vertical-align: top;
  text-decoration: none; }

ul.llms-importable-courses {
  margin: 0 -10px; }
  ul.llms-importable-courses li.llms-importable-course {
    background: #fff;
    margin: 10px; }
    ul.llms-importable-courses li.llms-importable-course img {
      display: block;
      max-width: 100%; }
    ul.llms-importable-courses li.llms-importable-course h3 {
      margin: 20px 20px 10px; }
    ul.llms-importable-courses li.llms-importable-course p {
      margin: 0 20px; }
    ul.llms-importable-courses li.llms-importable-course.has-action-button {
      padding-bottom: 80px;
      position: relative; }
      ul.llms-importable-courses li.llms-importable-course.has-action-button .button {
        bottom: 20px;
        right: 20px;
        position: absolute; }

@media only screen and (min-width: 600px) {
  ul.llms-importable-courses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

@media only screen and (min-width: 600px) and (max-width: 767px) {
  ul.llms-importable-courses li.llms-importable-course {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc( 50% - 20px);
            flex: 1 0 calc( 50% - 20px);
    max-width: calc( 50% - 20px); } }

@media only screen and (min-width: 768px) {
  ul.llms-importable-courses li.llms-importable-course {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc( 33% - 20px);
            flex: 1 0 calc( 33% - 20px);
    max-width: calc( 33% - 20px); } }

/*# sourceMappingURL=../maps/css/admin-importer.css.map */