_site-builder.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /* !Site Builder styles */
  2. .entry .entry-content {
  3. // Site header
  4. .site-builder__header {
  5. align-items: center;
  6. color: $color__text-light;
  7. flex-wrap: wrap;
  8. justify-content: space-between;
  9. line-height: 1.25;
  10. position: relative;
  11. display: flex;
  12. left: calc( -#{$size__spacing-unit } + 1em );
  13. width: calc( 100% + (2 * #{$size__spacing-unit}) - 2em );
  14. max-width: calc( 100% + (2 * #{$size__spacing-unit}) + 2em );
  15. @include media(tablet) {
  16. left: calc( -12.5% - 75px + 1em );
  17. width: calc( 125% + 150px - 2em );
  18. max-width: calc( 125% + 150px + 2em );
  19. }
  20. }
  21. // Site title
  22. .site-builder__title {
  23. color: $color__text-main;
  24. flex: 1 1 auto;
  25. font-family: $font__heading;
  26. font-size: $font__size-md;
  27. font-weight: 600;
  28. letter-spacing: 0;
  29. line-height: $font__line-height-heading;
  30. margin: 0;
  31. -webkit-font-smoothing: antialiased;
  32. -moz-osx-font-smoothing: grayscale;
  33. a {
  34. color: $color__text-main;
  35. text-decoration: none;
  36. &:link,
  37. &:visited {
  38. color: $color__text-main;
  39. }
  40. &:hover {
  41. color: $color__text-hover;
  42. }
  43. }
  44. }
  45. // Site description
  46. .site-builder__description {
  47. flex: initial;
  48. color: $color__text-main;
  49. font-size: $font__size-xs;
  50. font-weight: normal;
  51. margin: 0.27rem 0 0;
  52. }
  53. }