From: harry Date: Thu, 22 Jun 2017 08:56:28 +0000 (+0530) Subject: Add `grid-container` class in flex pages for better styling! X-Git-Tag: v6.4.0-rc5~12^2~1 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=0c6ebfd4fd4f95b5007a03a8728ee1183aec54a4;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Add `grid-container` class in flex pages for better styling! --- diff --git a/test/visual/menu/active-menu-flex.html b/test/visual/menu/active-menu-flex.html index 41a3d3c9c..8d4ceea2d 100644 --- a/test/visual/menu/active-menu-flex.html +++ b/test/visual/menu/active-menu-flex.html @@ -37,17 +37,19 @@ -
-
-

Active Menu

- -
- +
+
+
+

Active Menu

+ +
+ +
diff --git a/test/visual/menu/advanced-nested-menu-flex.html b/test/visual/menu/advanced-nested-menu-flex.html index 7fa495e0f..90d591f78 100644 --- a/test/visual/menu/advanced-nested-menu-flex.html +++ b/test/visual/menu/advanced-nested-menu-flex.html @@ -34,103 +34,105 @@ -
-
-

Advanced Nested Menu's

-

Nested Form within Accordion Menu

-
-
    -
  • One
    • -
  • Two
    • -
  • - Form -
      -
    • -
      -
      - - - -

      Learn More +

      +
      +
      +

      Advanced Nested Menu's

      +

      Nested Form within Accordion Menu

      +
      +
        +
      • One
        • +
      • Two
        • +
      • + Form +
          +
        • +
          +
          + + + +

          Learn More +

          -
      -
      • -
    -
    • -
  • Three
    • -
  • Four
    • -
-
+ + + +
  • Three
    • +
  • Four
    • + +
    -

    Nested Form within Dropdown Menu

    -
    -
      -
    • One
      • -
    • Two
      • -
    • - Form -
        -
      • -
        -
        - - - -

        Learn More +

        Nested Form within Dropdown Menu

        +
        +
          +
        • One
          • +
        • Two
          • +
        • + Form +
            +
          • +
            +
            + + + +

            Learn More +

            -
        -
        • -
      -
      • -
    • Three
      • -
    • Four
      • -
    -
    + + + +
  • Three
    • +
  • Four
    • + +
    -

    Nested Form within Drilldown Menu

    -
    -
      -
    • One
      • -
    • Two
      • -
    • - Form -
        -
      • -
        -
        - - - -

        Learn More +

        Nested Form within Drilldown Menu

        +
        +
          +
        • One
          • +
        • Two
          • +
        • + Form +
            +
          • +
            +
            + + + +

            Learn More +

            -
        -
        • -
      -
      • -
    • Three
      • -
    • Four
      • -
    + + + +
  • Three
    • +
  • Four
    • + +
    diff --git a/test/visual/menu/all-menus-flex.html b/test/visual/menu/all-menus-flex.html index f208391e2..c1aa5061d 100644 --- a/test/visual/menu/all-menus-flex.html +++ b/test/visual/menu/all-menus-flex.html @@ -37,370 +37,372 @@ -
    -
    -

    Basic Menus

    - -

    Default Menu

    -
    - -
    - -

    Horizontal Menu

    -
    - -
    - -

    Vertical Menu

    -
    - -
    - -

    Vertical, Horizontal, Vertical Menu

    -
    - -
    - -

    Horizontal, Vertical, Horizontal Menu

    -
    - -
    - -

    Basic Menu Styles

    - -

    Nested Menu

    -
    - -
    - -

    Nested Menu - Align Right

    -
    - -
    +
    +
    +
    +

    Basic Menus

    + +

    Default Menu

    +
    + +
    + +

    Horizontal Menu

    +
    + +
    + +

    Vertical Menu

    +
    + +
    + +

    Vertical, Horizontal, Vertical Menu

    +
    + +
    + +

    Horizontal, Vertical, Horizontal Menu

    +
    + +
    + +

    Basic Menu Styles

    + +

    Nested Menu

    +
    + +
    + +

    Nested Menu - Align Right

    +
    + +
    + +

    Simple Menu

    +
    + +
    + +

    Expanded Menu

    +
    + +
    + +

    Menu Text

    +
    + +
    + +

    Menu with Icons left

    +
    + +
    + +

    Menu with Icons Right

    +
    + +
    + +

    Menu with Icon Top

    +
    + +
    + +

    Menu with Icon Bottom

    +
    + +
    + +

    Menu with input, select and buttons

    +
    +
      +
    • One
      • +
    • Two
      • +
    • Three
      • +
    • Four
      • +
    • + +
      • +
      • +
      • +
    • button
      • +
    +
    + +

    Active Menu Item Class

    +
    + +
    + +

    Menu Alignment Classes

    + +

    Right Aligned Menu

    +
    + +
    + +

    Centered Menu

    +
    + +
    + +

    Menu Plugin Styles

    + +

    Dropdown Menu

    +
    + +
    + +

    Vertical Dropdown Menu

    +
    + +
    + +

    Dropdown Menu - Align Right

    +
    + +
    + +

    Accordion Menu

    +
    + +
    + +

    Drilldown Menu

    +
    + +
    + +

    Responsive Menus

    + +

    Accordion to Dropdown Menu

    +
    + +
    + +

    Drilldown to Dropdown Menu

    +
    + +
    + +

    Drilldown to Accordion to Dropdown Menu

    +
    + +
    -

    Simple Menu

    -
    -
    - -

    Expanded Menu

    -
    - -
    - -

    Menu Text

    -
    - -
    - -

    Menu with Icons left

    -
    - -
    - -

    Menu with Icons Right

    -
    - -
    - -

    Menu with Icon Top

    -
    - -
    - -

    Menu with Icon Bottom

    -
    - -
    - -

    Menu with input, select and buttons

    -
    -
      -
    • One
      • -
    • Two
      • -
    • Three
      • -
    • Four
      • -
    • - -
      • -
      • -
      • -
    • button
      • -
    -
    - -

    Active Menu Item Class

    -
    - -
    - -

    Menu Alignment Classes

    - -

    Right Aligned Menu

    -
    - -
    - -

    Centered Menu

    -
    - -
    - -

    Menu Plugin Styles

    - -

    Dropdown Menu

    -
    - -
    - -

    Vertical Dropdown Menu

    -
    - -
    - -

    Dropdown Menu - Align Right

    -
    - -
    - -

    Accordion Menu

    -
    - -
    - -

    Drilldown Menu

    -
    - -
    - -

    Responsive Menus

    - -

    Accordion to Dropdown Menu

    -
    - -
    - -

    Drilldown to Dropdown Menu

    -
    - -
    - -

    Drilldown to Accordion to Dropdown Menu

    -
    - -
    -
    diff --git a/test/visual/menu/basic-menu-flex.html b/test/visual/menu/basic-menu-flex.html index 927d72f38..2bc7de9a2 100644 --- a/test/visual/menu/basic-menu-flex.html +++ b/test/visual/menu/basic-menu-flex.html @@ -37,38 +37,40 @@ -
    -
    -

    Basic Menus

    +
    +
    +
    +

    Basic Menus

    -

    Default Menu

    -
    - -
    +

    Default Menu

    +
    + +
    -

    Horizontal Menu

    -
    - -
    +

    Horizontal Menu

    +
    + +
    -

    Vertical Menu

    -
    - +

    Vertical Menu

    +
    + +
    diff --git a/test/visual/menu/expanded-menu-flex.html b/test/visual/menu/expanded-menu-flex.html index 32bc57610..627416164 100644 --- a/test/visual/menu/expanded-menu-flex.html +++ b/test/visual/menu/expanded-menu-flex.html @@ -37,17 +37,19 @@ -
    -
    -

    Expanded Menu

    - -
    - +
    +
    +
    +

    Expanded Menu

    + +
    + +
    diff --git a/test/visual/menu/horizontal-dropdownmenu-alignment-flex.html b/test/visual/menu/horizontal-dropdownmenu-alignment-flex.html index 77d03b6a9..87661a039 100644 --- a/test/visual/menu/horizontal-dropdownmenu-alignment-flex.html +++ b/test/visual/menu/horizontal-dropdownmenu-alignment-flex.html @@ -37,44 +37,46 @@ -
    -
    -

    Horizontal Dropdown Menu Alignment

    +
    +
    +
    +

    Horizontal Dropdown Menu Alignment

    -

    Left Aligned Dropdown Menu (Default) - Horizontal

    -
    - -
    +

    Left Aligned Dropdown Menu (Default) - Horizontal

    +
    + +
    -

    Right Aligned Dropdown Menu - Horizontal

    -
    - +

    Right Aligned Dropdown Menu - Horizontal

    +
    + +
    diff --git a/test/visual/menu/horizontal-menu-alignment-flex.html b/test/visual/menu/horizontal-menu-alignment-flex.html index 0a12d95dd..3754f75e2 100644 --- a/test/visual/menu/horizontal-menu-alignment-flex.html +++ b/test/visual/menu/horizontal-menu-alignment-flex.html @@ -37,42 +37,44 @@ -
    -
    -

    Horizontal Menu Alignment

    +
    +
    +
    +

    Horizontal Menu Alignment

    -
    -

    This example test case also works without adding horizontal class as horizontal is the default. But we have added horizontal in the below examples.

    -
    +
    +

    This example test case also works without adding horizontal class as horizontal is the default. But we have added horizontal in the below examples.

    +
    -

    Left Aligned Menu (Default) - Horizontal

    -
    - -
    +

    Left Aligned Menu (Default) - Horizontal

    +
    + +
    -

    Right Aligned Menu - Horizontal

    -
    - -
    +

    Right Aligned Menu - Horizontal

    +
    + +
    -

    Centered Menu - Horizontal

    -
    - +

    Centered Menu - Horizontal

    +
    + +
    diff --git a/test/visual/menu/menu-form-flex.html b/test/visual/menu/menu-form-flex.html index 1b40c2c37..8317b3d62 100644 --- a/test/visual/menu/menu-form-flex.html +++ b/test/visual/menu/menu-form-flex.html @@ -37,28 +37,30 @@ -
    -
    -

    Menu with Form(input, select and buttons)

    +
    +
    +
    +

    Menu with Form(input, select and buttons)

    -
    -
      -
    • One
      • -
    • Two
      • -
    • Three
      • -
    • Four
      • -
    • - -
      • -
      • -
      • -
    • button
      • -
    +
    +
      +
    • One
      • +
    • Two
      • +
    • Three
      • +
    • Four
      • +
    • + +
      • +
      • +
      • +
    • button
      • +
    +
    diff --git a/test/visual/menu/menu-icons-flex.html b/test/visual/menu/menu-icons-flex.html index 219ef0feb..bda67346a 100644 --- a/test/visual/menu/menu-icons-flex.html +++ b/test/visual/menu/menu-icons-flex.html @@ -37,48 +37,50 @@ -
    -
    -

    Menu with Icons

    +
    +
    +
    +

    Menu with Icons

    -

    Menu with Icons left

    -
    - -
    +

    Menu with Icons left

    +
    + +
    -

    Menu with Icons Right

    -
    - -
    +

    Menu with Icons Right

    +
    + +
    -

    Menu with Icon Top

    -
    - -
    +

    Menu with Icon Top

    +
    + +
    -

    Menu with Icon Bottom

    -
    - +

    Menu with Icon Bottom

    +
    + +
    diff --git a/test/visual/menu/menu-text-flex.html b/test/visual/menu/menu-text-flex.html index 991908fa9..059fe0231 100644 --- a/test/visual/menu/menu-text-flex.html +++ b/test/visual/menu/menu-text-flex.html @@ -37,17 +37,19 @@ -
    -
    -

    Menu Text

    - -
    - +
    +
    +
    +

    Menu Text

    + +
    + +
    diff --git a/test/visual/menu/nested-menu-flex.html b/test/visual/menu/nested-menu-flex.html index 2f89a1b40..b02b69af5 100644 --- a/test/visual/menu/nested-menu-flex.html +++ b/test/visual/menu/nested-menu-flex.html @@ -37,43 +37,45 @@ -
    -
    -

    Nested Menu

    -

    Nested Menu - Align Left (Default)

    -
    - -
    +
    +
    +
    +

    Nested Menu

    +

    Nested Menu - Align Left (Default)

    +
    + +
    -

    Nested Menu - Align Right

    -
    - +

    Nested Menu - Align Right

    +
    + +
    diff --git a/test/visual/menu/responsive-menu-flex.html b/test/visual/menu/responsive-menu-flex.html index 6b12328cc..08fe8122a 100644 --- a/test/visual/menu/responsive-menu-flex.html +++ b/test/visual/menu/responsive-menu-flex.html @@ -37,82 +37,84 @@ -
    -
    -

    Responsive Menus

    +
    +
    +
    +

    Responsive Menus

    -

    Vertical, Horizontal, Vertical Menu

    -
    - -
    +

    Vertical, Horizontal, Vertical Menu

    +
    + +
    -

    Horizontal, Vertical, Horizontal Menu

    -
    - -
    +

    Horizontal, Vertical, Horizontal Menu

    +
    + +
    -

    Accordion to Dropdown Menu

    -
    - -
    +

    Accordion to Dropdown Menu

    +
    + +
    -

    Drilldown to Dropdown Menu

    -
    - -
    +

    Drilldown to Dropdown Menu

    +
    + +
    -

    Drilldown to Accordion to Dropdown Menu

    -
    - +

    Drilldown to Accordion to Dropdown Menu

    +
    + +
    diff --git a/test/visual/menu/simple-menu-flex.html b/test/visual/menu/simple-menu-flex.html index 25cf10cf3..f1270d6f2 100644 --- a/test/visual/menu/simple-menu-flex.html +++ b/test/visual/menu/simple-menu-flex.html @@ -37,17 +37,19 @@ -
    -
    -

    Simple Menu

    - -
    - +
    +
    +
    +

    Simple Menu

    + +
    + +
    diff --git a/test/visual/menu/vertical-accordionmenu-alignment-flex.html b/test/visual/menu/vertical-accordionmenu-alignment-flex.html index 9f5ad45d8..cfece7e68 100644 --- a/test/visual/menu/vertical-accordionmenu-alignment-flex.html +++ b/test/visual/menu/vertical-accordionmenu-alignment-flex.html @@ -37,44 +37,46 @@ -
    -
    -

    Vertical Accordion Menu Alignment

    +
    +
    +
    +

    Vertical Accordion Menu Alignment

    -

    Left Aligned Accordion Menu (Default) - Vertical

    -
    - -
    +

    Left Aligned Accordion Menu (Default) - Vertical

    +
    + +
    -

    Right Aligned Accordion Menu - Vertical

    -
    - +

    Right Aligned Accordion Menu - Vertical

    +
    + +
    diff --git a/test/visual/menu/vertical-drilldownmenu-alignment-flex.html b/test/visual/menu/vertical-drilldownmenu-alignment-flex.html index 6ff0d9faa..a0cf92672 100644 --- a/test/visual/menu/vertical-drilldownmenu-alignment-flex.html +++ b/test/visual/menu/vertical-drilldownmenu-alignment-flex.html @@ -37,44 +37,46 @@ -
    -
    -

    Vertical Accordion Menu Alignment

    +
    +
    +
    +

    Vertical Accordion Menu Alignment

    -

    Left Aligned Drilldown Menu (Default) - Vertical

    -
    - -
    +

    Left Aligned Drilldown Menu (Default) - Vertical

    +
    + +
    -

    Right Aligned Drilldown Menu - Vertical

    -
    - +

    Right Aligned Drilldown Menu - Vertical

    +
    + +
    diff --git a/test/visual/menu/vertical-dropdownmenu-alignment-flex.html b/test/visual/menu/vertical-dropdownmenu-alignment-flex.html index 1c8120d18..f6633c79e 100644 --- a/test/visual/menu/vertical-dropdownmenu-alignment-flex.html +++ b/test/visual/menu/vertical-dropdownmenu-alignment-flex.html @@ -37,44 +37,46 @@ -
    -
    -

    Vertical Dropdown Menu Alignment

    +
    +
    +
    +

    Vertical Dropdown Menu Alignment

    -

    Left Aligned Dropdown Menu (Default) - Vertical

    -
    - -
    +

    Left Aligned Dropdown Menu (Default) - Vertical

    +
    + +
    -

    Right Aligned Dropdown Menu - Vertical

    -
    - +

    Right Aligned Dropdown Menu - Vertical

    +
    + +
    diff --git a/test/visual/menu/vertical-menu-alignment-flex.html b/test/visual/menu/vertical-menu-alignment-flex.html index 32c2421be..e35b2c186 100644 --- a/test/visual/menu/vertical-menu-alignment-flex.html +++ b/test/visual/menu/vertical-menu-alignment-flex.html @@ -37,38 +37,40 @@ -
    -
    -

    Vertical Menu Alignment

    +
    +
    +
    +

    Vertical Menu Alignment

    -

    Left Aligned Menu (Default) - Vertical

    -
    - -
    +

    Left Aligned Menu (Default) - Vertical

    +
    + +
    -

    Right Aligned Menu - Vertical

    -
    - -
    +

    Right Aligned Menu - Vertical

    +
    + +
    -

    Centered Menu - Vertical

    -
    - +

    Centered Menu - Vertical

    +
    + +