change the icon, the button style and text on the donation page

[people/shoehn/ipfire.org.git] / static / scss / Bootstrap Notes.txt

diff --git a/static/scss/Bootstrap Notes.txt b/static/scss/Bootstrap Notes.txt
index fac2d725194405085129d3a612946a93ba7bf887..f492b167740d707a7a352e9b78a9976451269701 100644 (file)
--- a/static/scss/Bootstrap Notes.txt
+++ b/static/scss/Bootstrap Notes.txt
@@ -139,4 +139,31 @@ $container-max-widths: (
   @media (min-width: 32.1em) {
     @include make-col(4);
   }
-}
\ No newline at end of file
+}
+
+// NAVBAR
+
+<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
+  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+  <a class="navbar-brand" href="#">Navbar</a>
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item active">
+        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#">Link</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link disabled" href="#">Disabled</a>
+      </li>
+    </ul>
+    <form class="form-inline my-2 my-lg-0">
+      <input class="form-control mr-sm-2" type="text" placeholder="Search">
+      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+    </form>
+  </div>
+</nav>
\ No newline at end of file