_page_header.scss 1007 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .page-header-canvas {
  2. background: linear-gradient(90deg, #292a2d, black);
  3. box-shadow: inset 0px -4px 14px #2d2d2d;
  4. border-bottom: 1px solid $dark-4;
  5. }
  6. .page-header {
  7. padding: 2rem 0 0 0;
  8. .btn {
  9. float: right;
  10. margin-left: 1rem;
  11. // better align icons
  12. .fa {
  13. position: relative;
  14. top: 1px;
  15. }
  16. }
  17. }
  18. .page-header__inner {
  19. flex-grow: 1;
  20. display: flex;
  21. margin-bottom: 2.5rem;
  22. }
  23. .page-header__title {
  24. font-size: $font-size-h2;
  25. margin-bottom: 1px;
  26. padding-top: $spacer;
  27. }
  28. .page-header__img {
  29. border-radius: 50%;
  30. position: relative;
  31. top: -3px;
  32. width: 65px;
  33. height: 65px;
  34. }
  35. .page-header__icon {
  36. font-size: 70px;
  37. width: 65;
  38. height: 65;
  39. position: relative;
  40. &.fa {
  41. top: 3px;
  42. }
  43. &.icon-gf {
  44. top: 3px;
  45. }
  46. }
  47. .page-header__logo {
  48. margin-right: $spacer/2;
  49. }
  50. .page-header-info-block {
  51. }
  52. .page-header__sub-title {
  53. color: $text-muted;
  54. }
  55. .page-header-stamps-type {
  56. color: $link-color-disabled;
  57. text-transform: uppercase;
  58. }