_site-branding.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. // Site logo
  2. .site-logo {
  3. }
  4. // Site branding
  5. .site-branding {
  6. color: #{map-deep-get($config-header, "branding", "color", "text")};
  7. }
  8. // Site title
  9. .site-title {
  10. color: #{map-deep-get($config-header, "branding", "color", "link")};
  11. @include font-family( map-deep-get( $config-header, "branding", "title", "font", "family" ) );
  12. letter-spacing: normal;
  13. line-height: #{map-deep-get($config-header, "branding", "title", "font", "line-height")};
  14. a {
  15. color: currentColor;
  16. font-weight: #{map-deep-get($config-header, "branding", "title", "font", "weight")};
  17. &:link,
  18. &:visited {
  19. color: currentColor;
  20. }
  21. &:hover {
  22. color: #{map-deep-get($config-header, "branding", "color", "link-hover")};
  23. }
  24. }
  25. }
  26. // Site description
  27. .site-description {
  28. color: currentColor;
  29. @include font-family( map-deep-get($config-header, "branding", "description", "font", "family") );
  30. }
  31. // Prevent overruling the user defined font size value set inside Gutenberg
  32. // for Full Site Editing's Site Title and Site Description blocks.
  33. body:not( .fse-enabled ) {
  34. .site-title {
  35. font-size: #{map-deep-get($config-header, "branding", "title", "font", "size")};
  36. }
  37. .site-description {
  38. font-size: #{map-deep-get($config-header, "branding", "description", "font", "size")};
  39. }
  40. }