_template-block.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .a8c-template-editor, .template-block {
  2. &.site-branding, &.site-footer {
  3. margin: 0;
  4. }
  5. .wp-block[data-align='full'] {
  6. left: calc( -12.5% - 12px );
  7. max-width: calc( 125% + 114px );
  8. width: calc( 125% + 114px );
  9. }
  10. .template__site-logo .components-placeholder.block-editor-media-placeholder {
  11. margin: 0 auto;
  12. max-width: 380px;
  13. }
  14. .wp-block-a8c-site-description {
  15. color: $color__text-main;
  16. font-size: $font__size-xs;
  17. font-weight: 300;
  18. // Line height rounded up from the description text-size set in style.css.
  19. // It needs to be a bit larger to prevent text from getting cropped on top.
  20. line-height: 0.8em;
  21. margin: 0;
  22. order: 1;
  23. text-align: center;
  24. }
  25. [data-type='a8c/site-description'] [data-block] {
  26. margin-bottom: 32px;
  27. }
  28. .wp-block-a8c-site-title {
  29. text-align: center;
  30. }
  31. [data-type='a8c/site-title'] [data-block] {
  32. margin: 32px 0;
  33. }
  34. .wp-block-a8c-navigation-menu {
  35. a {
  36. text-decoration: none;
  37. }
  38. }
  39. &.site-header .wp-block-a8c-navigation-menu {
  40. text-align: center;
  41. }
  42. &.site-footer .wp-block-a8c-navigation-menu {
  43. text-align: left;
  44. }
  45. &.site-footer {
  46. h1,
  47. h2,
  48. h3,
  49. h4,
  50. h5,
  51. h6 {
  52. text-align: left;
  53. }
  54. .wp-block-separator {
  55. margin: 16px 0;
  56. }
  57. .wp-block-a8c-navigation-menu {
  58. margin-top: 0.6rem;
  59. }
  60. }
  61. }
  62. .template-block .site-header {
  63. margin-bottom: 2rem;
  64. }