_cards.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /* Cards */
  2. .card {
  3. position: relative;
  4. display: block;
  5. margin-bottom: 30px;
  6. background-color: $bg-color;
  7. border-radius: 0;
  8. border: 0;
  9. width: 100%;
  10. }
  11. .card-img-top {
  12. border-top-right-radius: 0;
  13. border-top-left-radius: 0;
  14. }
  15. .card-img-inside {
  16. margin-bottom: 15px;
  17. }
  18. .card img {
  19. width: 100%;
  20. }
  21. .card-block {
  22. padding: 15px;
  23. }
  24. .card-title {
  25. color: #444;
  26. font-size: 18px;
  27. margin-top: 0;
  28. margin-bottom: 15px;
  29. }
  30. .card-text {
  31. font-size: 14px;
  32. color: #444;
  33. }
  34. .card-btn {
  35. margin-top: 5px;
  36. }
  37. .card-2 {
  38. position: relative;
  39. display: block;
  40. margin-bottom: 30px;
  41. background-color: $white;
  42. border: 1px solid $light-grey;
  43. border-radius: 0;
  44. .card-block{
  45. .card-title{
  46. margin-bottom: 7px;
  47. }
  48. .meta{
  49. font-size: 13px;
  50. a{
  51. color: #999;
  52. }
  53. a:hover{
  54. color: $preset;
  55. cursor: pointer;
  56. }
  57. }
  58. .description{
  59. margin-top: 5px;
  60. }
  61. }
  62. .extra{
  63. max-width: 100%;
  64. border-top: 1px solid rgba(0,0,0,.05);
  65. width: auto;
  66. margin: 0;
  67. padding: 10px 15px;
  68. top: 0;
  69. left: 0;
  70. color: rgba(0,0,0,.4);
  71. .right{
  72. float: right;
  73. i{
  74. margin-right: 5px;
  75. }
  76. }
  77. }
  78. .card-text {
  79. font-size: 14px;
  80. line-height: 1.2;
  81. }
  82. .card-btn {
  83. margin-top: 10px;
  84. margin-bottom: 10px;
  85. }
  86. }
  87. /* / End Cards */