share.less 686 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. //
  2. // Sharing box
  3. // --------------------------------------------------
  4. // Module color variable
  5. @share-color: mix(@brand-primary, @inverse, 8%);
  6. .share {
  7. background-color: @share-color;
  8. position: relative;
  9. border-radius: @border-radius-large;
  10. ul {
  11. list-style-type: none;
  12. margin: 0;
  13. padding: 15px;
  14. }
  15. li {
  16. font-size: @component-font-size-base;
  17. line-height: 1.4;
  18. padding-top: 11px;
  19. .clearfix();
  20. &:first-child {
  21. padding-top: 0;
  22. }
  23. }
  24. .toggle {
  25. float: right;
  26. margin: 0;
  27. }
  28. .btn {
  29. .border-top-radius(0);
  30. }
  31. }
  32. .share-label {
  33. float: left;
  34. font-size: 15px;
  35. line-height: 1.4;
  36. padding-top: 5px;
  37. width: 50%;
  38. }