_subnav.scss 1021 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. $easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
  2. %transitionForCompactMode {
  3. // set transition-duration (normal -> compact)
  4. transition: all 300ms $easeInOutCubic;
  5. }
  6. /*
  7. * Styles
  8. */
  9. .grw-subnavbar {
  10. min-height: 115px;
  11. padding: 10px 30px;
  12. &:hover {
  13. .btn-copy,
  14. .btn-edit,
  15. .btn-edit-tags {
  16. // change button opacity
  17. opacity: unset;
  18. }
  19. }
  20. h1 {
  21. @include variable-font-size(32px);
  22. line-height: 1.4em;
  23. }
  24. .grw-page-path-nav {
  25. .separator {
  26. margin-right: 0.2em;
  27. margin-left: 0.2em;
  28. }
  29. }
  30. .btn-like,
  31. .btn-bookmark {
  32. width: 40px;
  33. height: 40px;
  34. font-size: 20px;
  35. }
  36. ul.authors {
  37. padding: 0.7em 0 0.7em 1.5em;
  38. margin-bottom: 0;
  39. margin-left: 1em;
  40. li {
  41. font-size: 12px;
  42. list-style: none;
  43. }
  44. .text-date {
  45. font-size: 11px;
  46. }
  47. .picture {
  48. width: 22px;
  49. height: 22px;
  50. border: 1px solid #ccc;
  51. &.picture-xs {
  52. width: 14px;
  53. height: 14px;
  54. }
  55. }
  56. }
  57. }