Merge pull request #85 from DSACMS/nat/exemption-checklist-revised

Exemptions: Added Exemption Quiz

Author: natalialuzuriaga

css/styles.css

@@ -6,27 +6,33 @@ textarea {
     margin-bottom: 10px;
 }
 
-#auto-generation {
+#auto-generation,
+.exemptions {
     border-radius: 15px;
     padding: 20px;
     padding-bottom: 25px;
     margin-top: 20px;
     margin-bottom: 20px;
-    background: lightgray;
-    width: 100%; 
-    max-width: 800px; 
-    box-sizing: border-box; 
+    background: #e6e6e6;
+    width: 100%;
+    max-width: 800px;
+    box-sizing: border-box;
+}
+
+.exemptions {
+    max-width: 1300px;
 }
 
-#github-url-form {
+#github-url-form,
+#exemptions-checklist {
     margin-top: 25px;
     width: 100%;
 }
 
 #repo-url {
-    width: 100%; 
-    max-width: 750px; 
-    box-sizing: border-box; 
+    width: 100%;
+    max-width: 750px;
+    box-sizing: border-box;
 }
 
 #repo-url-button {
@@ -50,12 +56,46 @@ textarea {
     padding-right: 20px;
 }
 
+.step-header {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+}
+
+.step-number {
+    margin-top: 10px;
+    background-color: #337AB7;
+    color: white;
+    font-weight: bold;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+}
+
+.exemptions-quiz-container #quiz-subheading {
+    margin: 10px 0px 20px 0px;
+}
+
+.not-exempt {
+    color: green;
+    display: inline-block;
+}
+
+/* .results-container p {
+    margin: 20px 0px;
+} */
+
 @keyframes slideDown {
-    from { 
+    from {
         opacity: 0;
         transform: translateY(-10px);
     }
-    to { 
+
+    to {
         opacity: 1;
         transform: translateY(0);
     }