_site-builder.scss 986 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /* !Site Builder styles */
  2. .entry .entry-content {
  3. // Site header
  4. .site-builder__header {
  5. align-items: center;
  6. color: $color__text-dark;
  7. display: flex;
  8. flex-wrap: wrap;
  9. justify-content: space-between;
  10. position: relative;
  11. max-width: 100%;
  12. margin-left: 0;
  13. margin-right: 0;
  14. }
  15. // Site title
  16. .site-builder__title {
  17. color: $color__text-main;
  18. flex: 1 1 auto;
  19. font-family: $font__heading;
  20. font-size: $font__size-lg;
  21. font-weight: 700;
  22. -webkit-font-smoothing: antialiased;
  23. -moz-osx-font-smoothing: grayscale;
  24. line-height: $font__line-height-heading;
  25. margin: 0 #{0.7 * $size__spacing-unit} 0 0;
  26. a {
  27. color: $color__text-dark;
  28. text-decoration: none;
  29. &:link,
  30. &:visited {
  31. color: $color__text-dark;
  32. }
  33. &:hover {
  34. color: $color__text-hover;
  35. }
  36. }
  37. }
  38. // Site description
  39. .site-builder__description {
  40. color: $color__text-dark;
  41. font-size: $font__size-xs;
  42. font-weight: normal;
  43. margin: 14px 0 0;
  44. flex: initial;
  45. }
  46. }