[Notice] Add info notice

getPopsure · Mar 9, 2020 · 2d6dcc9 · 2d6dcc9
1 parent 1d0efff
commit 2d6dcc9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -10,6 +10,11 @@ function App() {
         onChange={() => {}}
         yearBoundaries={{ min: 1990, max: 2010 }}
       />
+      <div className="p-notice p-notice--info">
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque
+        malesuada laoreet nulla, non maximus ante porta sit amet. Aenean non
+        ipsum nec quam gravida convallis vitae sit amet nisi.
+      </div>
     </div>
   );
 }

diff --git a/src/lib/scss/components/_notices.scss b/src/lib/scss/components/_notices.scss
@@ -3,6 +3,12 @@
   border: 1px solid;
   border-radius: 8px;
 
+  &--info {
+    background-color: $popsure-blue-100;
+    border-color: $popsure-blue-500;
+    color: $popsure-grey-900;
+  }
+
   &--danger {
     background-color: $popsure-red-100;
     border-color: $popsure-red-500;