Base styles, various improvements

plone · Nov 14, 2024 · d356de3 · d356de3
1 parent ee02c44
commit d356de3
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 5 deletions.
diff --git 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
@@ -25,9 +25,9 @@ const Footer = (props: SlotComponentProps) => {
             ))
           : null}
       </ul>
-      <div className="logo">
-        <Logo content={content} location={location} />
-      </div>
+
+      <Logo content={content} location={location} />
+
       <a className="item powered-by" href="https://plone.org">
         Powered by Plone & Python
       </a>

diff --git 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
@@ -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
@@ -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';