git.roojs.org Git - bootswatch/blob - MDB Free/sass/mdb/free/_cards-basic.scss

   1 // CARDS BASIC\r
   2 .card {\r
   3     border: 0;\r
   4     .card-title a {\r
   5         color: #424242;\r
   6         @include transition (0.4s);\r
   7         &:hover {\r
   8             color: #616161;\r
   9             @include transition (0.4s);\r
  10         }\r
  11     }\r
  12     img {\r
  13         border-bottom-left-radius: 0;\r
  14         border-bottom-right-radius: 0;\r
  15         @extend .img-fluid;\r
  16     }\r
  17     .card-block {\r
  18         position:relative;\r
  19     }\r
  20     .card-footer {\r
  21         padding-bottom: 0;\r
  22         font-size:1.2rem;\r
  23         &:after {\r
  24             display:block;\r
  25             content: "";\r
  26             clear:both;\r
  27         }\r
  28         .card-link {\r
  29             color: inherit;\r
  30         }\r
  31     }\r
  32 }\r
  33 \r
  34 // Jumbtotron\r
  35 .jumbotron {\r
  36     background-color: #fff;\r
  37     padding: 2rem;\r
  38     &.m-1,\r
  39     &.m-2,\r
  40     &.m-3 {\r
  41         z-index: 50;\r
  42         position: relative;\r
  43         margin-left: 3%;\r
  44         margin-right: 3%;\r
  45     }\r
  46     &.m-1 {\r
  47         margin-top: -20px;\r
  48     }\r
  49     &.m-2 {\r
  50         margin-top: -30px;\r
  51     }\r
  52     &.m-3 {\r
  53         margin-top: -40px;\r
  54     }\r
  55 }\r
  56 \r
  57 // .list-group fix\r
  58 .list-group-item {\r
  59     width:100%;\r
  60 }\r
  61 \r
  62 // edge header\r
  63 .edge-header {\r
  64     display:block;\r
  65     height:278px;\r
  66     background-color:#ccc;\r
  67 }\r
  68 \r
  69 .free-bird {\r
  70     margin-top:-100px; \r
  71 }\r
  72 \r
  73 // Form sets\r
  74 \r
  75 .card .form-header {\r
  76     color: #fff;\r
  77     text-align: center;\r
  78     margin-top: -50px;\r
  79     margin-bottom: 3rem;\r
  80     padding: 1rem;\r
  81     @extend .z-depth-1-half;\r
  82     @include border-radius(2px);\r
  83     h3 {\r
  84         margin: 0;\r
  85         padding: 0.7rem;\r
  86     }\r
  87 }\r
  88 .call .fa {\r
  89     margin-right: 5px;\r
  90 }