git.roojs.org Git - bootswatch/blob - material-kit/sass/material-kit/_lists.scss

   1 // This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
   2
   3 .list-group {
   4   border-radius: 0;
   5   .list-group-item {
   6     background-color: transparent;
   7     overflow: hidden;
   8     border: 0;
   9     border-radius: 0;
  10     padding: 0 16px;
  11     &.baseline {
  12       border-bottom: 1px solid #cecece;
  13       &:last-child {
  14         border-bottom: none;
  15       }
  16     }
  17     .row-picture, .row-action-primary {
  18       //float: left; WARNING: float can't be used with display: inline-block. Certain properties shouldn't be used with certain display property values. (display-property-grouping) Browsers: All
  19       display: inline-block;
  20       padding-right: 16px;
  21       img, i, label {
  22         display: block;
  23         width: 56px;
  24         height: 56px;
  25       }
  26       img {
  27         background: rgba(0,0,0,0.1);
  28         padding: 1px;
  29         &.circle {
  30           border-radius: 100%;
  31         }
  32       }
  33       i {
  34         background: rgba(0,0,0,0.25);
  35         border-radius: 100%;
  36         text-align: center;
  37         line-height: 56px;
  38         font-size: 20px;
  39         color: white;
  40       }
  41       label {
  42         margin-left: 7px;
  43         margin-right: -7px;
  44         margin-top: 5px;
  45         margin-bottom: -5px;
  46         .checkbox-material {
  47           left: -10px;
  48         }
  49       }
  50     }
  51     .row-content {
  52       display: inline-block;
  53       width: unquote("calc(100% - 92px)");
  54       min-height: 66px;
  55       .action-secondary {
  56         position: absolute;
  57         right: 16px;
  58         top: 16px;
  59         i {
  60           font-size: 20px;
  61           color: rgba(0,0,0,0.25);
  62           cursor: pointer;
  63         }
  64       }
  65       .action-secondary  ~ * {
  66         max-width: unquote("calc(100% - 30px)");
  67       }
  68       .least-content {
  69         position: absolute;
  70         right: 16px;
  71         top: 0;
  72         color: rgba(0,0,0,0.54);
  73         font-size: 14px;
  74       }
  75     }
  76     .list-group-item-heading {
  77       color: rgba(0, 0, 0, 0.77);
  78       font-size: 20px;
  79       line-height: 29px;
  80     }
  81   }
  82   .list-group-item.active {
  83     &:hover, &:focus {
  84       background: rgba(0,0,0,.15);
  85       outline: 10px solid rgba(0,0,0,.15);
  86     }
  87     .list-group-item-heading, .list-group-item-text {
  88       color: $mdb-text-color-primary;
  89     }
  90
  91   }
  92   .list-group-separator {
  93     clear: both;
  94     overflow: hidden;
  95     margin-top: 10px;
  96     margin-bottom: 10px;
  97     &:before {
  98       content: "";
  99       width: unquote("calc(100% - 90px)");
 100       border-bottom: 1px solid rgba(0,0,0,0.1);
 101       float: right;
 102     }
 103   }
 104 }