_social-widgets.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. /*
  2. * Component: Social Widgets
  3. * -------------------------
  4. */
  5. //General widget style
  6. .card-widget {
  7. border: none;
  8. position: relative;
  9. }
  10. //User Widget Style 1
  11. .widget-user {
  12. //User name container
  13. .widget-user-header {
  14. padding: 1rem;
  15. height: 120px;
  16. @if $enable-rounded {
  17. @include border-top-radius($border-radius);
  18. }
  19. }
  20. //User name
  21. .widget-user-username {
  22. margin-top: 0;
  23. margin-bottom: 5px;
  24. font-size: 25px;
  25. font-weight: 300;
  26. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  27. }
  28. //User single line description
  29. .widget-user-desc {
  30. margin-top: 0;
  31. }
  32. //User image container
  33. .widget-user-image {
  34. position: absolute;
  35. top: 65px;
  36. left: 50%;
  37. margin-left: -45px;
  38. > img {
  39. width: 90px;
  40. height: auto;
  41. border: 3px solid $white;
  42. }
  43. }
  44. .card-footer {
  45. padding-top: 40px;
  46. }
  47. }
  48. //User Widget Style 2
  49. .widget-user-2 {
  50. //User name container
  51. .widget-user-header {
  52. padding: 1rem;
  53. @include border-top-radius($border-radius);
  54. }
  55. //User name
  56. .widget-user-username {
  57. margin-top: 5px;
  58. margin-bottom: 5px;
  59. font-size: 25px;
  60. font-weight: 300;
  61. }
  62. //User single line description
  63. .widget-user-desc {
  64. margin-top: 0;
  65. }
  66. .widget-user-username,
  67. .widget-user-desc {
  68. margin-left: 75px;
  69. }
  70. //User image container
  71. .widget-user-image {
  72. > img {
  73. width: 65px;
  74. height: auto;
  75. float: left;
  76. }
  77. }
  78. }