From fe94cd6b39ceb8457dace2a06e6ff17496a98520 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Fri, 16 Dec 2016 23:51:26 +0200 Subject: [PATCH] Navigation module quick reference --- docs/card.html | 2 +- docs/contextual.html | 2 +- docs/core.html | 2 +- docs/customization.html | 2 +- docs/flavors.html | 2 +- docs/grid.html | 2 +- docs/index.html | 2 +- docs/input_control.html | 2 +- docs/modules.html | 2 +- docs/navigation.html | 4 ++-- docs/progress.html | 2 +- docs/quick_reference.html | 47 ++++++++++++++++++++++++++++++--------- docs/tab.html | 2 +- docs/table.html | 2 +- docs/utility.html | 2 +- docs/v2/DEVLOG.md | 3 +++ 16 files changed, 55 insertions(+), 25 deletions(-) diff --git a/docs/card.html b/docs/card.html index d6f7e7c..4ca4469 100644 --- a/docs/card.html +++ b/docs/card.html @@ -70,7 +70,7 @@
-
+
Introduction Modules Flavors diff --git a/docs/contextual.html b/docs/contextual.html index 1fb3cf4..8f3b8b4 100644 --- a/docs/contextual.html +++ b/docs/contextual.html @@ -70,7 +70,7 @@
-
+
Introduction Modules Flavors diff --git a/docs/core.html b/docs/core.html index 0890852..3b13b80 100644 --- a/docs/core.html +++ b/docs/core.html @@ -58,7 +58,7 @@
-
+
Introduction Modules Flavors diff --git a/docs/customization.html b/docs/customization.html index e843722..a45ea48 100644 --- a/docs/customization.html +++ b/docs/customization.html @@ -49,7 +49,7 @@
-
+
Introduction Modules Flavors diff --git a/docs/flavors.html b/docs/flavors.html index 1bebc2e..256adf4 100644 --- a/docs/flavors.html +++ b/docs/flavors.html @@ -49,7 +49,7 @@
-
+
Introduction Modules Flavors diff --git a/docs/grid.html b/docs/grid.html index 7f49acb..bbc38a5 100644 --- a/docs/grid.html +++ b/docs/grid.html @@ -70,7 +70,7 @@
-
+
Introduction Modules Flavors diff --git a/docs/index.html b/docs/index.html index 9f0d3dc..3f2c7af 100644 --- a/docs/index.html +++ b/docs/index.html @@ -53,7 +53,7 @@
-
+
Introduction Modules Flavors diff --git a/docs/input_control.html b/docs/input_control.html index 02641e6..7335468 100644 --- a/docs/input_control.html +++ b/docs/input_control.html @@ -70,7 +70,7 @@
-
+
Introduction Modules Flavors diff --git a/docs/modules.html b/docs/modules.html index 86c8e34..32cd9a5 100644 --- a/docs/modules.html +++ b/docs/modules.html @@ -46,7 +46,7 @@
-
+
Introduction Modules Flavors diff --git a/docs/navigation.html b/docs/navigation.html index 6bdabf1..d565820 100644 --- a/docs/navigation.html +++ b/docs/navigation.html @@ -70,7 +70,7 @@
-
+
Introduction Modules Flavors @@ -227,7 +227,7 @@

Notes

  • Subcategories and their links support a depth of 2 by default. If, however, you need more than that, we recommend you check the customization page for instructions on how to add more depth to the vertical navigation.
    • -
  • We strongly suggest you do not add irrelevant things inside your &nav; element, like images or text that are not part of the navigation menu.
    • +
  • We strongly suggest you do not add irrelevant things inside your <nav> element, like images or text that are not part of the navigation menu.
diff --git a/docs/progress.html b/docs/progress.html index 56f38dc..70f5722 100644 --- a/docs/progress.html +++ b/docs/progress.html @@ -70,7 +70,7 @@
-
+
Introduction Modules Flavors diff --git a/docs/quick_reference.html b/docs/quick_reference.html index c37267c..b73880d 100644 --- a/docs/quick_reference.html +++ b/docs/quick_reference.html @@ -68,7 +68,7 @@
-
+
Introduction Modules Flavors @@ -383,37 +383,64 @@
-

Header  View on Codepen

- 

+                
Header  View on Codepen

+                
<header>
+  <a href="#" class="logo">Logo</a>
+  <button>Home</button>
+  <a href="#" class="button">News</a>
+  <span>|</span>
+  <button>About</button>
+  <button>Contact</button>
+</header>

               

               

                 
Notes

                 
    
-                  
  • 
+                  
  • Use the .logo class for the first child (either textual element or image)
    • 
+                  
  • The rest of the elements inside the <header> must be <button>, <label class="button"> or <a class="button"> elements
    • 
+                  
  • Use <span> elements as separators
    • 
+                  
  • You can mix buttons, links and labels inside the header, as long as all of them are styled as buttons
    • 
+                  
  • The logo element should not be a <button> element or of the .button class
    • 
+                  
  • Header is not displayed as fixed by default
    • 
                 

               

             

             

               

-                
Navigation bar  View on Codepen

-                

+                
Navigation bar  View on Codepen

+                
<nav>
+  <a href="#">Home</a>
+  <span>News</span>
+  <a href="#" class="sublink-1">New Courses</a>
+  <a href="#" class="sublink-1">Certifications</a>
+  <span class="sublink-1">Events</span>
+  <a href="#" class="sublink-2">Course Showcase - 12th, Dec</a>
+  <a href="#" class="sublink-2">Staff AMA - 16th, Dec</a>
+  <a href="#" class="sublink-1">Policy Update</a>                
+  <a href="#">About</a>
+  <a href="#">Contact</a>
+</nav>

               

               

                 
Notes

                 
    
-                  
  • 
+                  
  • Use <nav> element, populate it with links
    • 
+                  
  • Use .sublink-1 and .sublink-2 classes to create subcategories in your navigation menu
    • 
+                  
  • Combine the navigation bar with grid reordering to display aside from text on larger displays or at the bottom on smaller displays
    • 
                 

               

             

             

               

-                
Footer  View on Codepen

-                

+                
Footer  View on Codepen

+                
<footer>
+  <p>&copy; 2001-2016 Web Corporation | <a href="#">About</a> | <a href="#">Terms of use</a></p>
+</footer>

               

               

                 
Notes

                 
    
-                  
  • 
+                  
  • Simple syntax and structure, add content as normal
    • 
                 

               

             

diff --git a/docs/tab.html b/docs/tab.html
index 5d5e27b..421eae2 100644
--- a/docs/tab.html
+++ b/docs/tab.html
@@ -70,7 +70,7 @@
   
     
     

-      

+      

       Introduction
       Modules
       Flavors
diff --git a/docs/table.html b/docs/table.html
index a901abd..5e347d1 100644
--- a/docs/table.html
+++ b/docs/table.html
@@ -103,7 +103,7 @@
   
     
     

-      

+      

       Introduction
       Modules
       Flavors
diff --git a/docs/utility.html b/docs/utility.html
index 5a95bea..cdd590c 100644
--- a/docs/utility.html
+++ b/docs/utility.html
@@ -70,7 +70,7 @@
   
     
     

-      

+      

       Introduction
       Modules
       Flavors
diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md
index af78fa2..0694364 100644
--- a/docs/v2/DEVLOG.md
+++ b/docs/v2/DEVLOG.md
@@ -664,3 +664,6 @@
 - Documented `core`'s quick reference with codepens etc.
 - Updated link references to `v2.0.0` instead of `v2.0`.
 - Added documentation for `grid` module in the quick reference guide.
+- Made logo redirect to `index` on all pages.
+- Structured base of the whole `quick reference` page.
+- Written documentation for `navigation` in quick reference.