_social-widgets.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. //
  2. // Component: Social Widgets
  3. //
  4. //General widget style
  5. .card-widget {
  6. border: 0;
  7. position: relative;
  8. }
  9. //User Widget Style 1
  10. .widget-user {
  11. //User name container
  12. .widget-user-header {
  13. @if $enable-rounded {
  14. @include border-top-radius($border-radius);
  15. }
  16. height: 135px;
  17. padding: 1rem;
  18. text-align: center;
  19. }
  20. //User name
  21. .widget-user-username {
  22. font-size: 25px;
  23. font-weight: 300;
  24. margin-bottom: 0;
  25. margin-top: 0;
  26. text-shadow: 0 1px 1px rgba($black, .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: 80px;
  38. > img {
  39. border: 3px solid $white;
  40. height: auto;
  41. width: 90px;
  42. }
  43. }
  44. .card-footer {
  45. padding-top: 50px;
  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. }