From 1f113267d7d0850f40ba0bd094199d6094db676b Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Thu, 25 Mar 2021 18:05:49 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Nvm?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Split.js              | 20 ++++++++------------
 src/components/Split.module.css      | 11 +++++++++++
 src/routes/Sistemioperativi/index.js |  5 ++---
 3 files changed, 21 insertions(+), 15 deletions(-)
 create mode 100644 src/components/Split.module.css

diff --git a/src/components/Split.js b/src/components/Split.js
index 03bad33..4e7ec70 100644
--- a/src/components/Split.js
+++ b/src/components/Split.js
@@ -1,25 +1,21 @@
 import React from "react"
 import { Split as BluelibSplit, Title } from "bluelib/lib/components"
 import PropTypes from "prop-types"
+import classNames from "classnames"
+import Style from "./Split.module.css"
 
 
-export default function Split({ children, title, ...props }) {
+export default function Split({ children, className, titleClassName, title, ...props }) {
     return (
-        <div {...props}>
+        <div className={classNames(Style.Split, className)} {...props}>
             {title ?
-             <Title size={"xl"}>
-                 {title}
-             </Title>
-                   : null}
+                 <Title className={classNames(Style.SplitTitle, titleClassName)} size={"xl"}>
+                     {title}
+                 </Title>
+            : null}
             <BluelibSplit>
                 {children}
             </BluelibSplit>
         </div>
     )
 }
-
-Split.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    title: PropTypes.node,
-}
diff --git a/src/components/Split.module.css b/src/components/Split.module.css
new file mode 100644
index 0000000..339471b
--- /dev/null
+++ b/src/components/Split.module.css
@@ -0,0 +1,11 @@
+.Split {
+
+}
+
+.SplitTitle {
+
+}
+
+.Split:first-child .SplitTitle {
+
+}
diff --git a/src/routes/Sistemioperativi/index.js b/src/routes/Sistemioperativi/index.js
index e2cdf7c..bf62175 100644
--- a/src/routes/Sistemioperativi/index.js
+++ b/src/routes/Sistemioperativi/index.js
@@ -48,12 +48,11 @@ export default function Sistemioperativi() {
                     </P>
                 </Box>
             </Split>
-            <Separator style={{marginBottom: "12px", marginTop: "64px"}}/>
             <article>
                 <Title size={"xxl"}>
                     Arzigogolo #5 del 2019
                 </Title>
-                <Split title={"Prerequisiti"}>
+                <Split title={"Prerequisiti"} major={true}>
                     <Ex title={"Premessa"}>
                         <P>
                             Tutti gli esercizi devono essere svolti su un sistema guest <B>Arch Linux</B> testuale.
@@ -75,7 +74,7 @@ export default function Sistemioperativi() {
                         </P>
                     </Box>
                 </Split>
-                <Split title={"Parte 1"}>
+                <Split title={"Parte 1"} major={true}>
                     <Ex title={"Consegna"}>
                         <P>
                             Si scarichi e si installi il software cscope per l’indicizzazione di alberi sorgenti. Si indicizzino gli alberi sorgenti dei seguenti software: