Update references to variables in docs (#1238)

* Update navbar variables in component docs page

* Update pagination variables in component docs page

* Update tabs variables in component docs page

* Update button variables in element docs page

* Update table variables in element docs page

* Update title variables in element docs page

* Update variables template to support layout

* Add section variables in relevant docs page

* Add footer variables in relevant docs page

* Update variables template to support custom messages

* Add form generic variables in relevant docs page

* Update derived variables in relevant docs page

* Add generic variables to variables docs page

* Update sass files count in docs Modular page

docs/documentation/components/navbar.html

@@ -17,6 +17,8 @@ variables:
   value: $black
 - name: $navbar-item-active-background-color
   value: transparent
+- name: $navbar-item-img-max-height
+  value: 1.75rem
 - name: $navbar-tab-hover-background-color
   value: transparent
 - name: $navbar-tab-hover-border-bottom-color

docs/documentation/components/pagination.html

@@ -5,8 +5,6 @@ doc-subtab: pagination
 variables:
 - name: $pagination-color
   value: $grey-darker
-- name: $pagination-background
-  value: $white
 - name: $pagination-border-color
   value: $grey-lighter
 - name: $pagination-margin
@@ -37,8 +35,6 @@ variables:
   value: $link
 - name: $pagination-ellipsis-color
   value: $grey-light
-- name: $pagination-shadow-inset
-  value: inset 0 1px 2px rgba($black, 0
 ---
 
 {% capture pagination_example %}

docs/documentation/components/tabs.html

@@ -32,7 +32,7 @@ variables:
 - name: $tabs-boxed-link-active-border-color
   value: $border
 - name: $tabs-boxed-link-active-border-bottom-color
-  value: transparent !important
+  value: transparent
 - name: $tabs-toggle-link-border-color
   value: $border
 - name: $tabs-toggle-link-border-style