diff --git a/apps/rr7/app/root.tsx b/apps/rr7/app/root.tsx index 88bd9aaae1..3f438ae509 100644 --- a/apps/rr7/app/root.tsx +++ b/apps/rr7/app/root.tsx @@ -21,7 +21,6 @@ import config from '@plone/registry'; import './config'; import '@plone/theming/styles/main.css'; -// import '@plone/components/dist/basic.css'; import '@plone/slots/main.css'; function useHrefLocal(to: string) { @@ -37,7 +36,7 @@ export const links: LinksFunction = () => [ }, { rel: 'stylesheet', - href: 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap', + href: 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap', }, ]; diff --git a/packages/slots/components/MainFooter.tsx b/packages/slots/components/MainFooter.tsx index d3da8c33e0..d97347f71e 100644 --- a/packages/slots/components/MainFooter.tsx +++ b/packages/slots/components/MainFooter.tsx @@ -25,9 +25,9 @@ const Footer = (props: SlotComponentProps) => { )) : null} -
- -
+ + + Powered by Plone & Python diff --git a/packages/slots/main.css b/packages/slots/main.css index d5b191caa7..32062cf557 100644 --- a/packages/slots/main.css +++ b/packages/slots/main.css @@ -83,7 +83,18 @@ figure img { width: 100%; } +footer { + margin-top: 100px; +} + .footer { + display: flex; + flex-direction: column; padding: 2rem 0; text-align: center; + + .logo { + margin: 20px 0; + place-self: center; + } } diff --git a/packages/theming/styles/base.css b/packages/theming/styles/base.css new file mode 100644 index 0000000000..66bee507e3 --- /dev/null +++ b/packages/theming/styles/base.css @@ -0,0 +1,8 @@ +body { + font-family: var(--basic-font-family, system-ui); + font-size: var(--basic-font-size, 16px); +} + +figure { + margin: 0; +} diff --git a/packages/theming/styles/main.css b/packages/theming/styles/main.css index efbc44e775..c3db9e90b1 100644 --- a/packages/theming/styles/main.css +++ b/packages/theming/styles/main.css @@ -1,4 +1,5 @@ @layer reset, plone-components, layout, addons, theme; @import 'reset.css'; +@import 'base.css'; @import '@plone/components/dist/basic.css'; @import 'layout.css';