_site-builder.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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. display: flex;
  8. flex-wrap: wrap;
  9. justify-content: space-between;
  10. max-width: 100%;
  11. position: relative;
  12. }
  13. // Site title
  14. .site-builder__title {
  15. color: $color__text-main;
  16. flex: 1 1 auto;
  17. font-family: $font__heading;
  18. font-size: $font__size-md;
  19. font-weight: 600;
  20. -webkit-font-smoothing: antialiased;
  21. -moz-osx-font-smoothing: grayscale;
  22. line-height: $font__line-height-heading;
  23. margin: 0;
  24. a {
  25. color: $color__text-main;
  26. text-decoration: none;
  27. &:link,
  28. &:visited {
  29. color: $color__text-main;
  30. }
  31. &:hover {
  32. color: $color__text-hover;
  33. }
  34. }
  35. }
  36. /* Adjust Crimson Text font vertical alignment in Firefox */
  37. @-moz-document url-prefix() {
  38. .site-builder__title {
  39. padding-top: 8px;
  40. }
  41. }
  42. // Site description
  43. .site-builder__description {
  44. color: $color__text-main;
  45. flex: initial;
  46. font-size: $font__size-xs;
  47. font-weight: normal;
  48. margin: 7px 0 0;
  49. }
  50. }