_social-widgets.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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. @if $enable-rounded {
  15. @include border-top-radius($border-radius);
  16. }
  17. height: 120px;
  18. padding: 1rem;
  19. }
  20. //User name
  21. .widget-user-username {
  22. font-size: 25px;
  23. font-weight: 300;
  24. margin-bottom: 5px;
  25. margin-top: 0;
  26. text-shadow: 0 1px 1px rgba($black, 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. left: 50%;
  35. margin-left: -45px;
  36. position: absolute;
  37. top: 65px;
  38. > img {
  39. border: 3px solid $white;
  40. height: auto;
  41. width: 90px;
  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. @include border-top-radius($border-radius);
  53. padding: 1rem;
  54. }
  55. //User name
  56. .widget-user-username {
  57. font-size: 25px;
  58. font-weight: 300;
  59. margin-bottom: 5px;
  60. margin-top: 5px;
  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. float: left;
  74. height: auto;
  75. width: 65px;
  76. }
  77. }
  78. }