diff --git a/package.json b/package.json
index 25a58a9a89e95e9ddd4eb4e0a6f90c1cdfe92ead..e17fab97bb79a4eeef2a962a865f9a2221750977 100644
--- a/package.json
+++ b/package.json
@@ -85,7 +85,7 @@
"karma": "^1.7.0",
"karma-chrome-launcher": "^2.2.0",
"karma-clear-screen-reporter": "^1.0.0",
- "karma-ginseng": "^0.2.1",
+ "karma-ginseng": "^0.2.2",
"karma-jasmine": "^1.1.0",
"karma-sauce-launcher": "^1.1.0",
"karma-sourcemap-loader": "^0.3.7",
diff --git a/scripts/build b/scripts/build
index 4c7513177cca79a268c8dbb4733c38cd2b1d1d70..91a4f5e7c2b946ebfa5569aacc9d989c14fb8936 100755
--- a/scripts/build
+++ b/scripts/build
@@ -20,12 +20,8 @@
# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
# IN THE SOFTWARE.
-# Check if "yarn install" was executed
-if [[ ! -d "$(yarn bin)" ]]; then
- echo "\"node_modules\" not found:"
- echo "yarn install"
- exit 1
-fi
+# Exit, if one command fails
+set -e
-# Run command
-"$(yarn bin)"/gulp build --clean --optimize --revision "$@"
+# Build assets and theme for production
+"$(npm bin)"/gulp build --clean --optimize --revision "$@"
diff --git a/scripts/clean b/scripts/clean
index 9a7277f0c4ce7c315575f661c4f2798fd62ca7cc..8900c9b0d3dd5d3695aa7d6ea5bc93c9f9683843 100755
--- a/scripts/clean
+++ b/scripts/clean
@@ -20,12 +20,8 @@
# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
# IN THE SOFTWARE.
-# Check if "yarn install" was executed
-if [[ ! -d "$(yarn bin)" ]]; then
- echo "\"node_modules\" not found:"
- echo "yarn install"
- exit 1
-fi
+# Exit, if one command fails
+set -e
-# Run command
-"$(yarn bin)"/gulp clean "$@"
+# Clean assets and documentation
+"$(npm bin)"/gulp clean "$@"
diff --git a/scripts/flow b/scripts/flow
index 51aab6e34341c604fb88442bb491fe402e2ad6e3..8b269e7a2f3510fc6054f4db9f7450d4fe6704cd 100755
--- a/scripts/flow
+++ b/scripts/flow
@@ -20,25 +20,11 @@
# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
# IN THE SOFTWARE.
-# Check if "yarn install" was executed
-if [[ ! -d "$(yarn bin)" ]]; then
- echo "\"node_modules\" not found:"
- echo "yarn install"
- exit 1
-fi
+# Exit, if one command fails
+set -e
# Annotate source files
-"$(yarn bin)"/gulp assets:javascripts:annotate "$@"
-FLOW_JSDOC=$?
+"$(npm bin)"/gulp assets:javascripts:annotate "$@"
# Run flow typecheck
-"$(yarn bin)"/flow check tmp --strip-root
-FLOW=$?
-
-# If one command failed, exit with error
-if [ $FLOW_JSDOC -gt 0 ] || [ $FLOW -gt 0 ]; then
- exit 1
-fi;
-
-# Otherwise return with success
-exit 0
+"$(npm bin)"/flow check tmp --strip-root
diff --git a/scripts/help b/scripts/help
index 0ccb3eb5090978dcc7dc5eeb017bba2d0ede2b16..d7f8762664f4c34c1b5136b674353c004b09477a 100755
--- a/scripts/help
+++ b/scripts/help
@@ -20,12 +20,8 @@
# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
# IN THE SOFTWARE.
-# Check if "yarn install" was executed
-if [[ ! -d "$(yarn bin)" ]]; then
- echo "\"node_modules\" not found:"
- echo "yarn install"
- exit 1
-fi
+# Exit, if one command fails
+set -e
-# Run command
-"$(yarn bin)"/gulp help "@"
+# Show usage and help message
+"$(npm bin)"/gulp help "$@"
diff --git a/scripts/lint b/scripts/lint
index ce71164303036e0ce6929d54b235b2c1527389c6..4c4a2a40cb10d40b85be21a330ab5420be35ce2f 100755
--- a/scripts/lint
+++ b/scripts/lint
@@ -20,25 +20,11 @@
# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
# IN THE SOFTWARE.
-# Check if "yarn install" was executed
-if [[ ! -d "$(yarn bin)" ]]; then
- echo "\"node_modules\" not found:"
- echo "yarn install"
- exit 1
-fi
+# Exit, if one command fails
+set -e
# Run ESLint
-"$(yarn bin)"/eslint --max-warnings 0 .
-ESLINT=$?
+"$(npm bin)"/eslint --max-warnings 0 .
# Run Stylelint
-"$(yarn bin)"/stylelint `find src/assets -name *.scss`
-STYLELINT=$?
-
-# If one command failed, exit with error
-if [ $ESLINT -gt 0 ] || [ $STYLELINT -gt 0 ]; then
- exit 1
-fi;
-
-# Otherwise return with success
-exit 0
+"$(npm bin)"/stylelint `find src/assets -name *.scss`
diff --git a/scripts/start b/scripts/start
index bfcf99c60909d6e66fa9a2556ee0003083f7e6ec..4ab75ae380514eb1f96136a4252f57d7317d9261 100755
--- a/scripts/start
+++ b/scripts/start
@@ -20,13 +20,9 @@
# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
# IN THE SOFTWARE.
-# Check if "yarn install" was executed
-if [[ ! -d "$(yarn bin)" ]]; then
- echo "\"node_modules\" not found:"
- echo "yarn install"
- exit 1
-fi
+# Exit, if one command fails
+set -e
-# Run command
-"$(yarn bin)"/gulp clean && \
-"$(yarn bin)"/gulp watch --no-lint "$@"
+# Watch for changes and rebuild assets on the fly
+"$(npm bin)"/gulp clean
+"$(npm bin)"/gulp watch --no-lint "$@"
diff --git a/scripts/test b/scripts/test
index ac41f90c103b124b97e86af013579ac9fe1db646..26f5f469572dafe9ccceb197b88f153c85a16eaa 100755
--- a/scripts/test
+++ b/scripts/test
@@ -20,13 +20,9 @@
# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
# IN THE SOFTWARE.
-# Check if "yarn install" was executed
-if [[ ! -d "$(yarn bin)" ]]; then
- echo "\"node_modules\" not found:"
- echo "yarn install"
- exit 1
-fi
+# Exit, if one command fails
+set -e
-# Run command
-"$(yarn bin)"/gulp tests:snapshot:generate
-"$(yarn bin)"/karma start tests/karma.conf.js --single-run
+# Generate fixtures and run snapshot tests
+"$(npm bin)"/gulp tests:snapshot:generate
+"$(npm bin)"/karma start tests/karma.conf.js --single-run "$@"
diff --git a/scripts/travis b/scripts/travis
index 2d5777b8ad8aca2e025b17a2c5add80a3905856e..0209b980476effb70470d1a79fea725bbdcf73d0 100755
--- a/scripts/travis
+++ b/scripts/travis
@@ -24,15 +24,15 @@
set -e
# Run build and terminate on error
-"$(yarn bin)"/gulp build --clean --optimize --revision
+"$(npm bin)"/gulp build --clean --optimize --revision
# Run snapshot tests
-"$(yarn bin)"/gulp tests:snapshot:generate
-"$(yarn bin)"/karma start tests/karma.conf.js --single-run
+"$(npm bin)"/gulp tests:snapshot:generate
+"$(npm bin)"/karma start tests/karma.conf.js --single-run
# Deploy documentation to GitHub pages
if [ "$TRAVIS_BRANCH" == "master" -a "$TRAVIS_PULL_REQUEST" == "false" ]; then
- REMOTE="https://${GH_TOKEN}@github.com/squidfunk/mkdocs-material"
+ REMOTE="https://${GH_TOKEN}@github.com/${TRAVIS_REPO_SLUG}"
# Set configuration for repository and deploy documentation
git config --global user.name "${GH_NAME}"
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ac14868d62125af28b3c003ae3ece3b217f8869
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ac14868d62125af28b3c003ae3ece3b217f8869
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..3c3e531d3cd5cb5b3a488cfe707d3ff94e93d2b0
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,741 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 193.75
+ },
+ "offset": {
+ "top": 0,
+ "right": 1,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 163.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -110,
+ "right": 259,
+ "bottom": 140,
+ "left": -26
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 155
+ },
+ "offset": {
+ "top": 38.75,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 137,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 259,
+ "bottom": 166.75,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 259,
+ "bottom": 166.75,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 259,
+ "bottom": 166.75,
+ "left": -26
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 26.75,
+ "right": 0,
+ "bottom": 110.25,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 36
+ },
+ "offset": {
+ "top": 53.5,
+ "right": 0,
+ "bottom": 65.5,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 36
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 98.25,
+ "right": 0,
+ "bottom": 38.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -247,
+ "right": 259,
+ "bottom": 265,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 14,
+ "height": 14
+ },
+ "offset": {
+ "top": 1.75,
+ "right": 32.359375,
+ "bottom": 2.25,
+ "left": 162.640625
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 0
+ },
+ "offset": {
+ "top": 18,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -265,
+ "right": 247,
+ "bottom": 265,
+ "left": -38
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 71.5
+ },
+ "offset": {
+ "top": 8.75,
+ "right": 0,
+ "bottom": -80.25,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.5,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 26.75,
+ "right": 0,
+ "bottom": 26.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 53.5,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30
+ },
+ "offset": {
+ "top": 125,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..c6319a288352b460ea35832e7ec75611d946e24c
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,781 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 294,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 194,
+ "right": 0,
+ "bottom": 213,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -306,
+ "right": 242,
+ "bottom": 387,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -306,
+ "right": -242,
+ "bottom": -213,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 275,
+ "right": 0,
+ "bottom": 156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ac14868d62125af28b3c003ae3ece3b217f8869
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#bug/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#bug/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..83bd285d1bd6b879a55d4478fc9e65c9e02f90d2
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#bug/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition bug"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 2023,
+ "right": 0,
+ "bottom": 158,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#custom-title/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#custom-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..779b69bae4c7abb13079f653323296790812eb00
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#custom-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 384,
+ "right": 0,
+ "bottom": 1797,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#danger/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#danger/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..2cb9cdd93cfd5caab8f05dc9ce85c5f8f05a304e
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#danger/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition danger"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1865,
+ "right": 0,
+ "bottom": 316,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#empty-title/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#empty-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..753cd7662b7777e865f3bedba48a5a58c3193147
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#empty-title/@screen.json
@@ -0,0 +1,60 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 68.796875
+ },
+ "offset": {
+ "top": 720,
+ "right": 0,
+ "bottom": 1481,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 40.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#failure/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#failure/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..3b32118f1038ce62096283828aafef0c9d282721
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#failure/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition failure"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1707,
+ "right": 0,
+ "bottom": 474,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#long-title/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#long-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..d39d5a5729173d1d0acc155082c17d6f3e27be8d
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#long-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 108.796875
+ },
+ "offset": {
+ "top": 542,
+ "right": 0,
+ "bottom": 1619,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 80.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 60.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#note/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#note/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..fb402b6e12bd314ff22a424c82c808616ccc7c7f
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#note/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 917,
+ "right": 0,
+ "bottom": 1264,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#quote/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#quote/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..6cd0de18d084e54b39305a25c8f6de7d8220ad8b
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#quote/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition quote"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 2181,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#success/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#success/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..b080c7aff9988d7d23cb938c63e8b48b00f7a524
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#success/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition success"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1391,
+ "right": 0,
+ "bottom": 790,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#summary/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#summary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..4bb937b27375e2445e16cb84497fa3914fa8869e
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#summary/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition summary"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1075,
+ "right": 0,
+ "bottom": 1106,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#tip/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#tip/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..bd710b6eff6a97a1ca315fffa792b55e7040580d
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#tip/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition tip"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1233,
+ "right": 0,
+ "bottom": 948,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#warning/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#warning/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..091468ac68c0da9bbfc1a3dbe31e0cd34ab17c69
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/#warning/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition warning"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1549,
+ "right": 0,
+ "bottom": 632,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@mobile/landscape.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..c89ea7d9c789ca60f1407df70e0bee9c5f006a25
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@mobile/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 528,
+ "height": 108.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2274,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 502,
+ "bottom": 80.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 472,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 68,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 472,
+ "height": 60
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@mobile/portrait.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..aafe446763159c2ab84ed73c8a8dc76f60a6a535
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@mobile/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 288,
+ "height": 148.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2794,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 262,
+ "bottom": 120.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 232,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 108,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 232,
+ "height": 100
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..2b9c1de60fc5612d866134ec67e5d5bfca0d7aa6
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2014,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@tablet/landscape.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..7b8175a622e984436746b81212beb60758adcf4d
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@tablet/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 746,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2014,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 720,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 690,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 690,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@tablet/portrait.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..90c0ddda790371c7e372f541abb28cce83bc2558
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/extensions/admonition/@tablet/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 768,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2014,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 742,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 712,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 712,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ac14868d62125af28b3c003ae3ece3b217f8869
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ac14868d62125af28b3c003ae3ece3b217f8869
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..4fdc989597e050cd1cb90201de6e1a8054b86f35
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@screen.json
@@ -0,0 +1,741 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 193.75
+ },
+ "offset": {
+ "top": 0,
+ "right": 1,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 163.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -110,
+ "right": 267,
+ "bottom": 140,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 155
+ },
+ "offset": {
+ "top": 38.75,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 137,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 267,
+ "bottom": 166.75,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 267,
+ "bottom": 166.75,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 267,
+ "bottom": 166.75,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 26.75,
+ "right": 0,
+ "bottom": 110.25,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 36
+ },
+ "offset": {
+ "top": 53.5,
+ "right": 0,
+ "bottom": 65.5,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 36
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 98.25,
+ "right": 0,
+ "bottom": 38.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -247,
+ "right": 267,
+ "bottom": 265,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 14,
+ "height": 14
+ },
+ "offset": {
+ "top": 0,
+ "right": 29.828125,
+ "bottom": 4,
+ "left": 165.171875
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 0
+ },
+ "offset": {
+ "top": 18,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -265,
+ "right": 255,
+ "bottom": 265,
+ "left": -46
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 71.5
+ },
+ "offset": {
+ "top": 8.75,
+ "right": 0,
+ "bottom": -80.25,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.5,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 26.75,
+ "right": 0,
+ "bottom": 26.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 53.5,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30
+ },
+ "offset": {
+ "top": 125,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..c6319a288352b460ea35832e7ec75611d946e24c
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,781 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 294,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 194,
+ "right": 0,
+ "bottom": 213,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -306,
+ "right": 242,
+ "bottom": 387,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -306,
+ "right": -242,
+ "bottom": -213,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 275,
+ "right": 0,
+ "bottom": 156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ac14868d62125af28b3c003ae3ece3b217f8869
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.11.6/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ac14868d62125af28b3c003ae3ece3b217f8869
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ac14868d62125af28b3c003ae3ece3b217f8869
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..3c3e531d3cd5cb5b3a488cfe707d3ff94e93d2b0
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,741 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 193.75
+ },
+ "offset": {
+ "top": 0,
+ "right": 1,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 163.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -110,
+ "right": 259,
+ "bottom": 140,
+ "left": -26
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 155
+ },
+ "offset": {
+ "top": 38.75,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 137,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 259,
+ "bottom": 166.75,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 259,
+ "bottom": 166.75,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 259,
+ "bottom": 166.75,
+ "left": -26
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 26.75,
+ "right": 0,
+ "bottom": 110.25,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 36
+ },
+ "offset": {
+ "top": 53.5,
+ "right": 0,
+ "bottom": 65.5,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 36
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 98.25,
+ "right": 0,
+ "bottom": 38.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -247,
+ "right": 259,
+ "bottom": 265,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 14,
+ "height": 14
+ },
+ "offset": {
+ "top": 1.75,
+ "right": 32.359375,
+ "bottom": 2.25,
+ "left": 162.640625
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 0
+ },
+ "offset": {
+ "top": 18,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -265,
+ "right": 247,
+ "bottom": 265,
+ "left": -38
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 71.5
+ },
+ "offset": {
+ "top": 8.75,
+ "right": 0,
+ "bottom": -80.25,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.5,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 26.75,
+ "right": 0,
+ "bottom": 26.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 53.5,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30
+ },
+ "offset": {
+ "top": 125,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..c6319a288352b460ea35832e7ec75611d946e24c
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,781 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 294,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 194,
+ "right": 0,
+ "bottom": 213,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -306,
+ "right": 242,
+ "bottom": 387,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -306,
+ "right": -242,
+ "bottom": -213,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 275,
+ "right": 0,
+ "bottom": 156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..6ac14868d62125af28b3c003ae3ece3b217f8869
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..cf65edcf48dd880651795a80566a91a38661d2cb
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -588,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 396,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 339,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 258,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 177,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-component": "collapsible",
+ "data-md-level": "1"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -177,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 420,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 363,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 306,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 120,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..cf65edcf48dd880651795a80566a91a38661d2cb
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -588,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 396,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 339,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 258,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 177,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-component": "collapsible",
+ "data-md-level": "1"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -177,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 420,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 363,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 306,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 120,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..77a44f567645ced489f152271112f2c77e3d2740
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,741 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 234,
+ "height": 305.69000244140625
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 234,
+ "height": 30.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 275.49000549316406,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -110,
+ "right": 268,
+ "bottom": 140.1999969482422,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 234,
+ "height": 266.80999755859375
+ },
+ "offset": {
+ "top": 38.87998962402344,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 234,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 248.61000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.87998962402344,
+ "right": 268,
+ "bottom": 167.0800018310547,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.87998962402344,
+ "right": 268,
+ "bottom": 167.0800018310547,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.87998962402344,
+ "right": 268,
+ "bottom": 167.0800018310547,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 234,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 26.8800048828125,
+ "right": 0,
+ "bottom": 221.73001098632812,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 234,
+ "height": 36.399993896484375
+ },
+ "offset": {
+ "top": 53.760009765625,
+ "right": 0,
+ "bottom": 176.65000915527344,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 36.399993896484375
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 234,
+ "height": 129.08999633789062
+ },
+ "offset": {
+ "top": 98.84001159667969,
+ "right": 0,
+ "bottom": 38.8800048828125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -247.72000122070312,
+ "right": 268,
+ "bottom": 376.80999755859375,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 18.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 110.83999633789062,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 14,
+ "height": 14
+ },
+ "offset": {
+ "top": 0,
+ "right": 34.09001159667969,
+ "bottom": 4.25,
+ "left": 161.9099884033203
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-component": "collapsible",
+ "data-md-level": "1"
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 110.83999633789062
+ },
+ "offset": {
+ "top": 18.25,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 30.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 80.6400146484375,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 71.95999145507812
+ },
+ "offset": {
+ "top": 38.8800048828125,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.760009765625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 198,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 26.879974365234375,
+ "right": 0,
+ "bottom": 26.8800048828125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 198,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 53.759979248046875,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 198,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 234,
+ "height": 30.20001220703125
+ },
+ "offset": {
+ "top": 236.61000061035156,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 210,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..e9f4967162fd04fdc83de20a676b193f36e6b492
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,781 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -588,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 420,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 363,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 282,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 194,
+ "right": 0,
+ "bottom": 201,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -306,
+ "right": 242,
+ "bottom": 387,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-component": "collapsible",
+ "data-md-level": "1"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": -306,
+ "right": -242,
+ "bottom": -201,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 420,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 363,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 306,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 275,
+ "right": 0,
+ "bottom": 144,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..cf65edcf48dd880651795a80566a91a38661d2cb
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 13.10586.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -588,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 396,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 339,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 258,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 177,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-component": "collapsible",
+ "data-md-level": "1"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -177,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 420,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 363,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 306,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 120,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..8b115bf5c9eaa3be129a826d55266eb2dfe807af
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..8b115bf5c9eaa3be129a826d55266eb2dfe807af
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..4e9ca8012333ed6e8cb597a4293ab9a1bd8ef0cc
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,741 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 194.79998779296875
+ },
+ "offset": {
+ "top": 0,
+ "right": 1,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 164.59999084472656,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -110,
+ "right": 267,
+ "bottom": 140.1999969482422,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 155.9199981689453
+ },
+ "offset": {
+ "top": 38.87998962402344,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 137.71998596191406,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.87998962402344,
+ "right": 267,
+ "bottom": 167.0800018310547,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.87998962402344,
+ "right": 267,
+ "bottom": 167.0800018310547,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.87998962402344,
+ "right": 267,
+ "bottom": 167.0800018310547,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 26.8800048828125,
+ "right": 0,
+ "bottom": 110.83999633789062,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 36.399993896484375
+ },
+ "offset": {
+ "top": 53.760009765625,
+ "right": 0,
+ "bottom": 65.75999450683594,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 36.399993896484375
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 98.84001159667969,
+ "right": 0,
+ "bottom": 38.8800048828125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -247.72000122070312,
+ "right": 267,
+ "bottom": 265.91998291015625,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 14,
+ "height": 14.000015258789062
+ },
+ "offset": {
+ "top": 1.6299896240234375,
+ "right": 33.09001159667969,
+ "bottom": 2.569976806640625,
+ "left": 161.9099884033203
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 0
+ },
+ "offset": {
+ "top": 18.199981689453125,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -265.91998291015625,
+ "right": 255,
+ "bottom": 265.91998291015625,
+ "left": -46
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 71.95999145507812
+ },
+ "offset": {
+ "top": 8.680023193359375,
+ "right": 0,
+ "bottom": -80.6400146484375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.760009765625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 26.879974365234375,
+ "right": 0,
+ "bottom": 26.8800048828125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 53.759979248046875,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30.199981689453125
+ },
+ "offset": {
+ "top": 125.72001647949219,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..71d1b20f787c17ee276215a72f5de95ca6a8a0f0
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,781 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -588,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 420,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 363,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 282,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 194,
+ "right": 0,
+ "bottom": 201,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -306,
+ "right": 242,
+ "bottom": 387,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": -306,
+ "right": -242,
+ "bottom": -201,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 420,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 363,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 306,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 275,
+ "right": 0,
+ "bottom": 144,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..8b115bf5c9eaa3be129a826d55266eb2dfe807af
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 14.14393.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..8b115bf5c9eaa3be129a826d55266eb2dfe807af
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..8b115bf5c9eaa3be129a826d55266eb2dfe807af
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..4e9ca8012333ed6e8cb597a4293ab9a1bd8ef0cc
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,741 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 194.79998779296875
+ },
+ "offset": {
+ "top": 0,
+ "right": 1,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 164.59999084472656,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -110,
+ "right": 267,
+ "bottom": 140.1999969482422,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 155.9199981689453
+ },
+ "offset": {
+ "top": 38.87998962402344,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 137.71998596191406,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.87998962402344,
+ "right": 267,
+ "bottom": 167.0800018310547,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.87998962402344,
+ "right": 267,
+ "bottom": 167.0800018310547,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.87998962402344,
+ "right": 267,
+ "bottom": 167.0800018310547,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 26.8800048828125,
+ "right": 0,
+ "bottom": 110.83999633789062,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 36.399993896484375
+ },
+ "offset": {
+ "top": 53.760009765625,
+ "right": 0,
+ "bottom": 65.75999450683594,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 36.399993896484375
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 98.84001159667969,
+ "right": 0,
+ "bottom": 38.8800048828125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -247.72000122070312,
+ "right": 267,
+ "bottom": 265.91998291015625,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 14,
+ "height": 14.000015258789062
+ },
+ "offset": {
+ "top": 1.6299896240234375,
+ "right": 33.09001159667969,
+ "bottom": 2.569976806640625,
+ "left": 161.9099884033203
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 0
+ },
+ "offset": {
+ "top": 18.199981689453125,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -265.91998291015625,
+ "right": 255,
+ "bottom": 265.91998291015625,
+ "left": -46
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 71.95999145507812
+ },
+ "offset": {
+ "top": 8.680023193359375,
+ "right": 0,
+ "bottom": -80.6400146484375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.760009765625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 26.879974365234375,
+ "right": 0,
+ "bottom": 26.8800048828125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 53.759979248046875,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30.199981689453125
+ },
+ "offset": {
+ "top": 125.72001647949219,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199981689453125
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..71d1b20f787c17ee276215a72f5de95ca6a8a0f0
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,781 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -588,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 420,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 363,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 282,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 194,
+ "right": 0,
+ "bottom": 201,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -306,
+ "right": 242,
+ "bottom": 387,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 588
+ },
+ "offset": {
+ "top": -306,
+ "right": -242,
+ "bottom": -201,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 476,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 476
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 420,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 363,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 306,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 275,
+ "right": 0,
+ "bottom": 144,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..8b115bf5c9eaa3be129a826d55266eb2dfe807af
--- /dev/null
+++ b/tests/snapshot/baseline/Edge 15.15063.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..837d15be36ab2789177b5743ae14c7c25a3ebc6c
--- /dev/null
+++ b/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "id": "toc",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "id": "nav-4",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..837d15be36ab2789177b5743ae14c7c25a3ebc6c
--- /dev/null
+++ b/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "id": "toc",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "id": "nav-4",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..8b56b76d4c334316d2cd2d1863dbdbb1c4d98efc
--- /dev/null
+++ b/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,741 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 195.14999389648438
+ },
+ "offset": {
+ "top": 0,
+ "right": 1,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 164.9499969482422,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -110,
+ "right": 259,
+ "bottom": 140.1999969482422,
+ "left": -26
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 156.1999969482422
+ },
+ "offset": {
+ "top": 38.94999694824219,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 138,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "id": "toc",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.9499969482422,
+ "right": 259,
+ "bottom": 167.14999389648438,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.9499969482422,
+ "right": 259,
+ "bottom": 167.14999389648438,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.9499969482422,
+ "right": 259,
+ "bottom": 167.14999389648438,
+ "left": -26
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 26.949996948242188,
+ "right": 0,
+ "bottom": 111.04998779296875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 36.399993896484375
+ },
+ "offset": {
+ "top": 53.90000915527344,
+ "right": 0,
+ "bottom": 65.89999389648438,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 36.399993896484375
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 99.05000305175781,
+ "right": 0,
+ "bottom": 38.94999694824219,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "id": "nav-4",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -248,
+ "right": 259,
+ "bottom": 266.1999969482422,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 14,
+ "height": 14
+ },
+ "offset": {
+ "top": 1.850006103515625,
+ "right": 31,
+ "bottom": 2.3499908447265625,
+ "left": 164
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 0
+ },
+ "offset": {
+ "top": 18.20001220703125,
+ "right": 12,
+ "bottom": -0.0000152587890625,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -266.20001220703125,
+ "right": 247,
+ "bottom": 266.20001220703125,
+ "left": -38
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 72.10000610351562
+ },
+ "offset": {
+ "top": 8.75,
+ "right": 0,
+ "bottom": -80.85000610351562,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.90000915527344,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 26.949981689453125,
+ "right": 0,
+ "bottom": 26.95001220703125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 53.899993896484375,
+ "right": 0,
+ "bottom": 0.0000152587890625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30.199996948242188
+ },
+ "offset": {
+ "top": 126.00001525878906,
+ "right": 0,
+ "bottom": -0.0000152587890625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..1a3e4e3d6edbd61df81d4a5f989891999e0a7c98
--- /dev/null
+++ b/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,781 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "id": "toc",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 294,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 194,
+ "right": 0,
+ "bottom": 213,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "id": "nav-4",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -306,
+ "right": 242,
+ "bottom": 387,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -306,
+ "right": -242,
+ "bottom": -213,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 275,
+ "right": 0,
+ "bottom": 156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..837d15be36ab2789177b5743ae14c7c25a3ebc6c
--- /dev/null
+++ b/tests/snapshot/baseline/Firefox 53.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "id": "toc",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "id": "nav-4",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..837d15be36ab2789177b5743ae14c7c25a3ebc6c
--- /dev/null
+++ b/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "id": "toc",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "id": "nav-4",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..837d15be36ab2789177b5743ae14c7c25a3ebc6c
--- /dev/null
+++ b/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "id": "toc",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "id": "nav-4",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..8b56b76d4c334316d2cd2d1863dbdbb1c4d98efc
--- /dev/null
+++ b/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,741 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 195.14999389648438
+ },
+ "offset": {
+ "top": 0,
+ "right": 1,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 164.9499969482422,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -110,
+ "right": 259,
+ "bottom": 140.1999969482422,
+ "left": -26
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 156.1999969482422
+ },
+ "offset": {
+ "top": 38.94999694824219,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 138,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "id": "toc",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.9499969482422,
+ "right": 259,
+ "bottom": 167.14999389648438,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.9499969482422,
+ "right": 259,
+ "bottom": 167.14999389648438,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.9499969482422,
+ "right": 259,
+ "bottom": 167.14999389648438,
+ "left": -26
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 26.949996948242188,
+ "right": 0,
+ "bottom": 111.04998779296875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 36.399993896484375
+ },
+ "offset": {
+ "top": 53.90000915527344,
+ "right": 0,
+ "bottom": 65.89999389648438,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 36.399993896484375
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 99.05000305175781,
+ "right": 0,
+ "bottom": 38.94999694824219,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "id": "nav-4",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -248,
+ "right": 259,
+ "bottom": 266.1999969482422,
+ "left": -26
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 14,
+ "height": 14
+ },
+ "offset": {
+ "top": 1.850006103515625,
+ "right": 31,
+ "bottom": 2.3499908447265625,
+ "left": 164
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 0
+ },
+ "offset": {
+ "top": 18.20001220703125,
+ "right": 12,
+ "bottom": -0.0000152587890625,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -266.20001220703125,
+ "right": 247,
+ "bottom": 266.20001220703125,
+ "left": -38
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 72.10000610351562
+ },
+ "offset": {
+ "top": 8.75,
+ "right": 0,
+ "bottom": -80.85000610351562,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.90000915527344,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 26.949981689453125,
+ "right": 0,
+ "bottom": 26.95001220703125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.20001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 53.899993896484375,
+ "right": 0,
+ "bottom": 0.0000152587890625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30.199996948242188
+ },
+ "offset": {
+ "top": 126.00001525878906,
+ "right": 0,
+ "bottom": -0.0000152587890625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18.199996948242188
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..1a3e4e3d6edbd61df81d4a5f989891999e0a7c98
--- /dev/null
+++ b/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,781 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "id": "toc",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 294,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 194,
+ "right": 0,
+ "bottom": 213,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "id": "nav-4",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -306,
+ "right": 242,
+ "bottom": 387,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -306,
+ "right": -242,
+ "bottom": -213,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 275,
+ "right": 0,
+ "bottom": 156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..837d15be36ab2789177b5743ae14c7c25a3ebc6c
--- /dev/null
+++ b/tests/snapshot/baseline/Firefox 54.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "id": "toc",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "id": "nav-4",
+ "type": "checkbox"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 36
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 16,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#bug/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#bug/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..490039ef6cca2d2175d008448cdac1b4818a2f99
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#bug/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition bug"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 2026.5099334716797,
+ "right": 0,
+ "bottom": 158.429931640625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.860107421875
+ },
+ "offset": {
+ "top": 7.93994140625,
+ "right": 654.5999755859375,
+ "bottom": 61.919921875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3701171875
+ },
+ "offset": {
+ "top": 20.669921875,
+ "right": 11.91998291015625,
+ "bottom": 48.679931640625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0400390625,
+ "right": 11.91998291015625,
+ "bottom": 7.93994140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#custom-title/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#custom-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..3ccfff7e35ee7fbaa8a1502b811ee57874e46d4b
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#custom-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.72003173828125
+ },
+ "offset": {
+ "top": 383.5599822998047,
+ "right": 0,
+ "bottom": 1801.3798217773438,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.860015869140625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 654.5999755859375,
+ "bottom": 61.920013427734375,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 48.680023193359375,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.740020751953125
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#danger/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#danger/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..0d4b35fa1927d25e58c8cde4032a65ca238a6e78
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#danger/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition danger"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1868.0800018310547,
+ "right": 0,
+ "bottom": 316.85986328125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.93994140625,
+ "right": 654.5999755859375,
+ "bottom": 61.9200439453125,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.669921875,
+ "right": 11.91998291015625,
+ "bottom": 48.6800537109375,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0399169921875,
+ "right": 11.91998291015625,
+ "bottom": 7.9400634765625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#empty-title/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#empty-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..39f02ba1fbf4e90ba18fe8e4d10e967ed2150cc2
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#empty-title/@screen.json
@@ -0,0 +1,60 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 69.35003662109375
+ },
+ "offset": {
+ "top": 720.7899627685547,
+ "right": 0,
+ "bottom": 1484.5198364257812,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.86004638671875
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 654.5999755859375,
+ "bottom": 41.54998779296875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 20.6700439453125,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#failure/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#failure/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..135a9571b19f42804d73af488c90d30807c4a38b
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#failure/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition failure"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1709.6499481201172,
+ "right": 0,
+ "bottom": 475.2899169921875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.9400634765625,
+ "right": 654.5999755859375,
+ "bottom": 61.919921875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.6700439453125,
+ "right": 11.91998291015625,
+ "bottom": 48.679931640625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0400390625,
+ "right": 11.91998291015625,
+ "bottom": 7.93994140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#long-title/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#long-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..63de24ee87ab7ba135740db3094523e3d808263f
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#long-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 110.09002685546875
+ },
+ "offset": {
+ "top": 541.9899749755859,
+ "right": 0,
+ "bottom": 1622.579833984375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 654.5999755859375,
+ "bottom": 82.2900390625,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.74005126953125
+ },
+ "offset": {
+ "top": 20.66998291015625,
+ "right": 11.91998291015625,
+ "bottom": 48.67999267578125,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 61.4100341796875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#note/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#note/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..1f934b74f25244b5b1e6d9912d833949714de121
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#note/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.72003173828125
+ },
+ "offset": {
+ "top": 917.4999847412109,
+ "right": 0,
+ "bottom": 1267.4398193359375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 654.5999755859375,
+ "bottom": 61.9200439453125,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.66998291015625,
+ "right": 11.91998291015625,
+ "bottom": 48.6800537109375,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.03997802734375,
+ "right": 11.91998291015625,
+ "bottom": 7.9400634765625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#quote/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#quote/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..b908106bb713aa8d79634025088c15673a1c9c61
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#quote/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition quote"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 2184.9398651123047,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.85986328125
+ },
+ "offset": {
+ "top": 7.940185546875,
+ "right": 654.5999755859375,
+ "bottom": 61.919921875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.369873046875
+ },
+ "offset": {
+ "top": 20.670166015625,
+ "right": 11.91998291015625,
+ "bottom": 48.679931640625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0400390625,
+ "right": 11.91998291015625,
+ "bottom": 7.93994140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#success/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#success/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..1fe2016df8d96b302959452a7a704816ecc4cf25
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#success/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition success"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1392.7899627685547,
+ "right": 0,
+ "bottom": 792.14990234375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.9400634765625,
+ "right": 654.5999755859375,
+ "bottom": 61.919921875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.6700439453125,
+ "right": 11.91998291015625,
+ "bottom": 48.679931640625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0400390625,
+ "right": 11.91998291015625,
+ "bottom": 7.93994140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#summary/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#summary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..5d2253a6f39c206e1963b3f6d06ac4f112b1fc5d
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#summary/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition summary"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1075.9299774169922,
+ "right": 0,
+ "bottom": 1109.0098876953125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.860107421875
+ },
+ "offset": {
+ "top": 7.93994140625,
+ "right": 654.5999755859375,
+ "bottom": 61.919921875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.6700439453125,
+ "right": 11.91998291015625,
+ "bottom": 48.679931640625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0400390625,
+ "right": 11.91998291015625,
+ "bottom": 7.93994140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#tip/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#tip/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..67bc816eca7fb1df455692492f94ae83ace65818
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#tip/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition tip"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1234.3600311279297,
+ "right": 0,
+ "bottom": 950.579833984375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.93994140625,
+ "right": 654.5999755859375,
+ "bottom": 61.9200439453125,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.669921875,
+ "right": 11.91998291015625,
+ "bottom": 48.6800537109375,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0399169921875,
+ "right": 11.91998291015625,
+ "bottom": 7.9400634765625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#warning/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#warning/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..ec80af9f62a9d6e636036fff7afddb5112f3583a
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/#warning/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition warning"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1551.2200164794922,
+ "right": 0,
+ "bottom": 633.7198486328125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.93994140625,
+ "right": 654.5999755859375,
+ "bottom": 61.9200439453125,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.669921875,
+ "right": 11.91998291015625,
+ "bottom": 48.6800537109375,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0399169921875,
+ "right": 11.91998291015625,
+ "bottom": 7.9400634765625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@mobile/landscape.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..692594fba5ff9c1b2d28fc1350355e77cb7622b1
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@mobile/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 511.219970703125,
+ "height": 110.08999633789062
+ },
+ "offset": {
+ "top": 166.47999572753906,
+ "right": 0,
+ "bottom": 2283.27001953125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32.779998779296875,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 472.47998809814453,
+ "bottom": 82.29000854492188,
+ "left": 5.960000991821289
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 455.6000061035156,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 69.04998779296875,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 455.6000061035156,
+ "height": 61.1099853515625
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@mobile/portrait.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..ea6bbe3762439eec935facc559f6055642af1d32
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@mobile/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 271.219970703125,
+ "height": 171.19998168945312
+ },
+ "offset": {
+ "top": 166.47999572753906,
+ "right": 0,
+ "bottom": 3077.6998291015625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32.779998779296875,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 232.47998809814453,
+ "bottom": 143.39999389648438,
+ "left": 5.960000991821289
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 215.60000610351562,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 130.15997314453125,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 215.60000610351562,
+ "height": 122.22000122070312
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.939971923828125,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..7cabf1e7c9fbf14e6e60cd34843b3a6ce1eac4d2
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.72000122070312
+ },
+ "offset": {
+ "top": 166.47999572753906,
+ "right": 0,
+ "bottom": 2018.4598388671875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32.779998779296875,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 644.6799621582031,
+ "bottom": 61.920013427734375,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 48.67999267578125,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@tablet/landscape.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..e45fae6dd1dc51e18135593ac1138130fb9dbe59
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@tablet/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 730.8399658203125,
+ "height": 89.72000122070312
+ },
+ "offset": {
+ "top": 166.47999572753906,
+ "right": 0,
+ "bottom": 2018.4598388671875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32.779998779296875,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 692.099983215332,
+ "bottom": 61.920013427734375,
+ "left": 5.960000991821289
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 675.219970703125,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 48.67999267578125,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 675.219970703125,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@tablet/portrait.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..f5eb889f767ad4f95feb7fec3b1c339d72dfafdf
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/extensions/admonition/@tablet/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 751.219970703125,
+ "height": 89.72000122070312
+ },
+ "offset": {
+ "top": 166.47999572753906,
+ "right": 0,
+ "bottom": 2018.4598388671875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32.779998779296875,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 712.4799880981445,
+ "bottom": 61.920013427734375,
+ "left": 5.960000991821289
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 695.5999755859375,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 48.67999267578125,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 695.5999755859375,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..b43b585d35fcf1d8364c4da8307146de35424582
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,800 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63.56999969482422,
+ "height": 63.570003509521484
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 168.8699951171875,
+ "bottom": 39.73999786376953,
+ "left": 7.939999904949218
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 47.659996032714844,
+ "height": 47.659996032714844
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 7.970001220703125,
+ "bottom": 7.970005035400391,
+ "left": 7.940000057220459
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 409.37001037597656,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.8599853515625
+ },
+ "offset": {
+ "top": 27.770004272460938,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 79.37998962402344,
+ "right": 0,
+ "bottom": 352.8000030517578,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.37001037597656
+ },
+ "offset": {
+ "top": 135.9499969482422,
+ "right": 0,
+ "bottom": 272.42999267578125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.38002014160156
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.3699951171875
+ },
+ "offset": {
+ "top": 216.32000732421875,
+ "right": 0,
+ "bottom": 192.05999755859375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": 240.3866729736328,
+ "bottom": 407.94000244140625,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.3800048828125
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.860015869140625
+ },
+ "offset": {
+ "top": 27.769989013671875,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 600
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": -240.3799591064453,
+ "bottom": -192.05999755859375,
+ "left": 240.3799780276604
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 39.72998046875,
+ "height": 39.72999954223633
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 192.70999145507812,
+ "bottom": 63.58000183105469,
+ "left": 7.94000244140625
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 433.1699981689453,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.56999206542969
+ },
+ "offset": {
+ "top": 55.58000183105469,
+ "right": 0,
+ "bottom": 376.6000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 112.14999389648438,
+ "right": 0,
+ "bottom": 320.0299987792969,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.569976806640625
+ },
+ "offset": {
+ "top": 296.69000244140625,
+ "right": 0,
+ "bottom": 135.49002075195312,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.579986572265625
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..b43b585d35fcf1d8364c4da8307146de35424582
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,800 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63.56999969482422,
+ "height": 63.570003509521484
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 168.8699951171875,
+ "bottom": 39.73999786376953,
+ "left": 7.939999904949218
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 47.659996032714844,
+ "height": 47.659996032714844
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 7.970001220703125,
+ "bottom": 7.970005035400391,
+ "left": 7.940000057220459
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 409.37001037597656,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.8599853515625
+ },
+ "offset": {
+ "top": 27.770004272460938,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 79.37998962402344,
+ "right": 0,
+ "bottom": 352.8000030517578,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.37001037597656
+ },
+ "offset": {
+ "top": 135.9499969482422,
+ "right": 0,
+ "bottom": 272.42999267578125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.38002014160156
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.3699951171875
+ },
+ "offset": {
+ "top": 216.32000732421875,
+ "right": 0,
+ "bottom": 192.05999755859375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": 240.3866729736328,
+ "bottom": 407.94000244140625,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.3800048828125
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.860015869140625
+ },
+ "offset": {
+ "top": 27.769989013671875,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 600
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": -240.3799591064453,
+ "bottom": -192.05999755859375,
+ "left": 240.3799780276604
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 39.72998046875,
+ "height": 39.72999954223633
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 192.70999145507812,
+ "bottom": 63.58000183105469,
+ "left": 7.94000244140625
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 433.1699981689453,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.56999206542969
+ },
+ "offset": {
+ "top": 55.58000183105469,
+ "right": 0,
+ "bottom": 376.6000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 112.14999389648438,
+ "right": 0,
+ "bottom": 320.0299987792969,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.569976806640625
+ },
+ "offset": {
+ "top": 296.69000244140625,
+ "right": 0,
+ "bottom": 135.49002075195312,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.579986572265625
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..e5d1ec2010bed606d7bc328d0179c1b2e5fc690f
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,740 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 193.75999450683594
+ },
+ "offset": {
+ "top": 0,
+ "right": 0.989990234375,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 30.029998779296875
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 163.72999572753906,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -109.25999450683594,
+ "right": 269.489990234375,
+ "bottom": 139.2899932861328,
+ "left": -38.040000915527344
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 155.09999084472656
+ },
+ "offset": {
+ "top": 38.660003662109375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 18.110000610351562
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 136.989990234375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -147.9199981689453,
+ "right": 269.489990234375,
+ "bottom": 166.02999877929688,
+ "left": -38.040000915527344
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -147.9199981689453,
+ "right": 269.489990234375,
+ "bottom": 166.02999877929688,
+ "left": -38.040000915527344
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.110000610351562
+ },
+ "offset": {
+ "top": 0,
+ "right": 11.91998291015625,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -147.9199981689453,
+ "right": 269.489990234375,
+ "bottom": 166.02999877929688,
+ "left": -38.040000915527344
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 26.740005493164062,
+ "right": 0,
+ "bottom": 110.25,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 0,
+ "right": 11.91998291015625,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 36.220001220703125
+ },
+ "offset": {
+ "top": 53.47999572753906,
+ "right": 0,
+ "bottom": 65.39999389648438,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 36.220001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 11.91998291015625,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 98.33000183105469,
+ "right": 0,
+ "bottom": 38.660003662109375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -246.25,
+ "right": 269.489990234375,
+ "bottom": 264.3599853515625,
+ "left": -38.040000915527344
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 0,
+ "right": 11.91998291015625,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 13.930007934570312,
+ "height": 13.930007934570312
+ },
+ "offset": {
+ "top": 1.3899993896484375,
+ "right": 32.600006103515625,
+ "bottom": 2.78997802734375,
+ "left": 161.07999420166016
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 0
+ },
+ "offset": {
+ "top": 18.1099853515625,
+ "right": 11.91998291015625,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -264.3599853515625,
+ "right": 257.57000732421875,
+ "bottom": 264.3599853515625,
+ "left": -49.959999084472656
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 71.58999633789062
+ },
+ "offset": {
+ "top": 8.6300048828125,
+ "right": 0,
+ "bottom": -80.22000122070312,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.110015869140625
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.47998046875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 195.69000244140625,
+ "height": 18.110015869140625
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.110015869140625
+ },
+ "offset": {
+ "top": 26.739990234375,
+ "right": 0,
+ "bottom": 26.739990234375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 195.69000244140625,
+ "height": 18.110015869140625
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 53.480010986328125,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 195.69000244140625,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 30.029998779296875
+ },
+ "offset": {
+ "top": 125.06999206542969,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.110015869140625
+ },
+ "offset": {
+ "top": 0,
+ "right": 11.91998291015625,
+ "bottom": 11.91998291015625,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..91fdda5b28be7a3d0f69185f8b16de93f987afd7
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,780 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 583
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -583,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 471.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63.56999969482422,
+ "height": 63.570003509521484
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 168.8699951171875,
+ "bottom": 39.73999786376953,
+ "left": 7.939999904949218
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 47.659996032714844,
+ "height": 47.659996032714844
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 7.970001220703125,
+ "bottom": 7.970005035400391,
+ "left": 7.940000057220459
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 471.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 416.1699981689453,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 166.8300018310547,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 166.8300018310547,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 166.8300018310547,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.56999206542969
+ },
+ "offset": {
+ "top": 55.58000183105469,
+ "right": 0,
+ "bottom": 359.6000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.3699951171875
+ },
+ "offset": {
+ "top": 112.14999389648438,
+ "right": 0,
+ "bottom": 279.2300109863281,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.3699951171875
+ },
+ "offset": {
+ "top": 192.51998901367188,
+ "right": 0,
+ "bottom": 198.86001586914062,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -303.7699890136719,
+ "right": 240.3866729736328,
+ "bottom": 384.1399841308594,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.3800048828125
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.8599853515625
+ },
+ "offset": {
+ "top": 27.77001953125,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 583
+ },
+ "offset": {
+ "top": -303.7699890136719,
+ "right": -240.3799591064453,
+ "bottom": -198.86001586914062,
+ "left": 240.3799780276604
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 471.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 39.72998046875,
+ "height": 39.72999954223633
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 192.70999145507812,
+ "bottom": 63.58000183105469,
+ "left": 7.94000244140625
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 471.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 416.1699981689453,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.56999206542969
+ },
+ "offset": {
+ "top": 55.58000183105469,
+ "right": 0,
+ "bottom": 359.6000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 112.14999389648438,
+ "right": 0,
+ "bottom": 303.0299987792969,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 272.8899841308594,
+ "right": 0,
+ "bottom": 142.29000854492188,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.579986572265625
+ },
+ "offset": {
+ "top": 0.990020751953125,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..b43b585d35fcf1d8364c4da8307146de35424582
--- /dev/null
+++ b/tests/snapshot/baseline/IE 10.0.0/Windows 8 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,800 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63.56999969482422,
+ "height": 63.570003509521484
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 168.8699951171875,
+ "bottom": 39.73999786376953,
+ "left": 7.939999904949218
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 47.659996032714844,
+ "height": 47.659996032714844
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 7.970001220703125,
+ "bottom": 7.970005035400391,
+ "left": 7.940000057220459
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 409.37001037597656,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.8599853515625
+ },
+ "offset": {
+ "top": 27.770004272460938,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 79.37998962402344,
+ "right": 0,
+ "bottom": 352.8000030517578,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.37001037597656
+ },
+ "offset": {
+ "top": 135.9499969482422,
+ "right": 0,
+ "bottom": 272.42999267578125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.38002014160156
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.3699951171875
+ },
+ "offset": {
+ "top": 216.32000732421875,
+ "right": 0,
+ "bottom": 192.05999755859375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": 240.3866729736328,
+ "bottom": 407.94000244140625,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.3800048828125
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.860015869140625
+ },
+ "offset": {
+ "top": 27.769989013671875,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 600
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": -240.3799591064453,
+ "bottom": -192.05999755859375,
+ "left": 240.3799780276604
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 39.72998046875,
+ "height": 39.72999954223633
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 192.70999145507812,
+ "bottom": 63.58000183105469,
+ "left": 7.94000244140625
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 433.1699981689453,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.56999206542969
+ },
+ "offset": {
+ "top": 55.58000183105469,
+ "right": 0,
+ "bottom": 376.6000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 112.14999389648438,
+ "right": 0,
+ "bottom": 320.0299987792969,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.569976806640625
+ },
+ "offset": {
+ "top": 296.69000244140625,
+ "right": 0,
+ "bottom": 135.49002075195312,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.579986572265625
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#bug/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#bug/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..490039ef6cca2d2175d008448cdac1b4818a2f99
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#bug/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition bug"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 2026.5099334716797,
+ "right": 0,
+ "bottom": 158.429931640625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.860107421875
+ },
+ "offset": {
+ "top": 7.93994140625,
+ "right": 654.5999755859375,
+ "bottom": 61.919921875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3701171875
+ },
+ "offset": {
+ "top": 20.669921875,
+ "right": 11.91998291015625,
+ "bottom": 48.679931640625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0400390625,
+ "right": 11.91998291015625,
+ "bottom": 7.93994140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#custom-title/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#custom-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..3ccfff7e35ee7fbaa8a1502b811ee57874e46d4b
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#custom-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.72003173828125
+ },
+ "offset": {
+ "top": 383.5599822998047,
+ "right": 0,
+ "bottom": 1801.3798217773438,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.860015869140625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 654.5999755859375,
+ "bottom": 61.920013427734375,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 48.680023193359375,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.740020751953125
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#danger/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#danger/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..0d4b35fa1927d25e58c8cde4032a65ca238a6e78
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#danger/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition danger"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1868.0800018310547,
+ "right": 0,
+ "bottom": 316.85986328125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.93994140625,
+ "right": 654.5999755859375,
+ "bottom": 61.9200439453125,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.669921875,
+ "right": 11.91998291015625,
+ "bottom": 48.6800537109375,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0399169921875,
+ "right": 11.91998291015625,
+ "bottom": 7.9400634765625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#empty-title/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#empty-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..39f02ba1fbf4e90ba18fe8e4d10e967ed2150cc2
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#empty-title/@screen.json
@@ -0,0 +1,60 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 69.35003662109375
+ },
+ "offset": {
+ "top": 720.7899627685547,
+ "right": 0,
+ "bottom": 1484.5198364257812,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.86004638671875
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 654.5999755859375,
+ "bottom": 41.54998779296875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 20.6700439453125,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#failure/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#failure/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..135a9571b19f42804d73af488c90d30807c4a38b
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#failure/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition failure"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1709.6499481201172,
+ "right": 0,
+ "bottom": 475.2899169921875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.9400634765625,
+ "right": 654.5999755859375,
+ "bottom": 61.919921875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.6700439453125,
+ "right": 11.91998291015625,
+ "bottom": 48.679931640625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0400390625,
+ "right": 11.91998291015625,
+ "bottom": 7.93994140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#long-title/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#long-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..63de24ee87ab7ba135740db3094523e3d808263f
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#long-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 110.09002685546875
+ },
+ "offset": {
+ "top": 541.9899749755859,
+ "right": 0,
+ "bottom": 1622.579833984375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 654.5999755859375,
+ "bottom": 82.2900390625,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.74005126953125
+ },
+ "offset": {
+ "top": 20.66998291015625,
+ "right": 11.91998291015625,
+ "bottom": 48.67999267578125,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 61.4100341796875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#note/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#note/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..1f934b74f25244b5b1e6d9912d833949714de121
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#note/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.72003173828125
+ },
+ "offset": {
+ "top": 917.4999847412109,
+ "right": 0,
+ "bottom": 1267.4398193359375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 654.5999755859375,
+ "bottom": 61.9200439453125,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.66998291015625,
+ "right": 11.91998291015625,
+ "bottom": 48.6800537109375,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.03997802734375,
+ "right": 11.91998291015625,
+ "bottom": 7.9400634765625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#quote/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#quote/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..b908106bb713aa8d79634025088c15673a1c9c61
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#quote/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition quote"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 2184.9398651123047,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.85986328125
+ },
+ "offset": {
+ "top": 7.940185546875,
+ "right": 654.5999755859375,
+ "bottom": 61.919921875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.369873046875
+ },
+ "offset": {
+ "top": 20.670166015625,
+ "right": 11.91998291015625,
+ "bottom": 48.679931640625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0400390625,
+ "right": 11.91998291015625,
+ "bottom": 7.93994140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#success/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#success/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..1fe2016df8d96b302959452a7a704816ecc4cf25
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#success/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition success"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1392.7899627685547,
+ "right": 0,
+ "bottom": 792.14990234375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.9400634765625,
+ "right": 654.5999755859375,
+ "bottom": 61.919921875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.6700439453125,
+ "right": 11.91998291015625,
+ "bottom": 48.679931640625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0400390625,
+ "right": 11.91998291015625,
+ "bottom": 7.93994140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#summary/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#summary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..5d2253a6f39c206e1963b3f6d06ac4f112b1fc5d
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#summary/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition summary"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1075.9299774169922,
+ "right": 0,
+ "bottom": 1109.0098876953125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.860107421875
+ },
+ "offset": {
+ "top": 7.93994140625,
+ "right": 654.5999755859375,
+ "bottom": 61.919921875,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.6700439453125,
+ "right": 11.91998291015625,
+ "bottom": 48.679931640625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0400390625,
+ "right": 11.91998291015625,
+ "bottom": 7.93994140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#tip/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#tip/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..67bc816eca7fb1df455692492f94ae83ace65818
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#tip/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition tip"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1234.3600311279297,
+ "right": 0,
+ "bottom": 950.579833984375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.93994140625,
+ "right": 654.5999755859375,
+ "bottom": 61.9200439453125,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.669921875,
+ "right": 11.91998291015625,
+ "bottom": 48.6800537109375,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0399169921875,
+ "right": 11.91998291015625,
+ "bottom": 7.9400634765625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#warning/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#warning/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..ec80af9f62a9d6e636036fff7afddb5112f3583a
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/#warning/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition warning"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.719970703125
+ },
+ "offset": {
+ "top": 1551.2200164794922,
+ "right": 0,
+ "bottom": 633.7198486328125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.93994140625,
+ "right": 654.5999755859375,
+ "bottom": 61.9200439453125,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.669921875,
+ "right": 11.91998291015625,
+ "bottom": 48.6800537109375,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.0399169921875,
+ "right": 11.91998291015625,
+ "bottom": 7.9400634765625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@mobile/landscape.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..9163a798ce91e113c8e9fee3747c467e38a1e29f
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@mobile/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 511.219970703125,
+ "height": 110.08999633789062
+ },
+ "offset": {
+ "top": 166.47999572753906,
+ "right": 0,
+ "bottom": 2283.27001953125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.85999870300293,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 482.39998626708984,
+ "bottom": 82.29000854492188,
+ "left": 5.960000991821289
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 455.6000061035156,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 69.04998779296875,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 455.6000061035156,
+ "height": 61.1099853515625
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@mobile/portrait.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..144b19ac4b7b79f5ec206e4c9f5097eb26c97d55
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@mobile/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 271.219970703125,
+ "height": 171.19998168945312
+ },
+ "offset": {
+ "top": 166.47999572753906,
+ "right": 0,
+ "bottom": 3077.6998291015625,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.85999870300293,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 242.39998626708984,
+ "bottom": 143.39999389648438,
+ "left": 5.960000991821289
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 215.60000610351562,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 130.15997314453125,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 215.60000610351562,
+ "height": 122.22000122070312
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.939971923828125,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..11f02bdc1080f3c5d3a9aec04acebc713c7629f2
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 683.419921875,
+ "height": 89.72000122070312
+ },
+ "offset": {
+ "top": 166.47999572753906,
+ "right": 0,
+ "bottom": 2018.4598388671875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.8599853515625,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 654.5999755859375,
+ "bottom": 61.920013427734375,
+ "left": 5.959991455078125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 48.67999267578125,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 627.7999877929688,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.699981689453125
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@tablet/landscape.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..1651c3f3ea05472ff292dd086b71e4ade8a5e61b
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@tablet/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 730.8399658203125,
+ "height": 89.72000122070312
+ },
+ "offset": {
+ "top": 166.47999572753906,
+ "right": 0,
+ "bottom": 2018.4598388671875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.85999870300293,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 702.0199813842773,
+ "bottom": 61.920013427734375,
+ "left": 5.960000991821289
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 675.219970703125,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 48.67999267578125,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 675.219970703125,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@tablet/portrait.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..e8eb9b5729eaff50a9e0448e07ff93ca87fdf104
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/extensions/admonition/@tablet/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 751.219970703125,
+ "height": 89.72000122070312
+ },
+ "offset": {
+ "top": 166.47999572753906,
+ "right": 0,
+ "bottom": 2018.4598388671875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 22.85999870300293,
+ "height": 19.8599853515625
+ },
+ "offset": {
+ "top": 7.94000244140625,
+ "right": 722.3999862670898,
+ "bottom": 61.920013427734375,
+ "left": 5.960000991821289
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 695.5999755859375,
+ "height": 20.3699951171875
+ },
+ "offset": {
+ "top": 20.670013427734375,
+ "right": 11.91998291015625,
+ "bottom": 48.67999267578125,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 695.5999755859375,
+ "height": 40.739990234375
+ },
+ "offset": {
+ "top": 41.040008544921875,
+ "right": 11.91998291015625,
+ "bottom": 7.94000244140625,
+ "left": 43.70000076293945
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..714033e1d61e29bb6d2783bb4cb6f0352569541d
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63.56999969482422,
+ "height": 63.570003509521484
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 168.8699951171875,
+ "bottom": 39.73999786376953,
+ "left": 7.939999904949218
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 47.659996032714844,
+ "height": 47.659996032714844
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 7.970001220703125,
+ "bottom": 7.970005035400391,
+ "left": 7.940000057220459
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 409.37001037597656,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.8599853515625
+ },
+ "offset": {
+ "top": 27.770004272460938,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 79.37998962402344,
+ "right": 0,
+ "bottom": 352.8000030517578,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.37001037597656
+ },
+ "offset": {
+ "top": 135.9499969482422,
+ "right": 0,
+ "bottom": 272.42999267578125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.38002014160156
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.3699951171875
+ },
+ "offset": {
+ "top": 216.32000732421875,
+ "right": 0,
+ "bottom": 192.05999755859375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": 240.3866729736328,
+ "bottom": 407.94000244140625,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.3800048828125
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.860015869140625
+ },
+ "offset": {
+ "top": 27.769989013671875,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 600
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": -240.3799591064453,
+ "bottom": -192.05999755859375,
+ "left": 240.3799780276604
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 39.72998046875,
+ "height": 39.72999954223633
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 192.70999145507812,
+ "bottom": 63.58000183105469,
+ "left": 7.94000244140625
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 433.1699981689453,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.56999206542969
+ },
+ "offset": {
+ "top": 55.58000183105469,
+ "right": 0,
+ "bottom": 376.6000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 112.14999389648438,
+ "right": 0,
+ "bottom": 320.0299987792969,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.569976806640625
+ },
+ "offset": {
+ "top": 296.69000244140625,
+ "right": 0,
+ "bottom": 135.49002075195312,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.579986572265625
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..714033e1d61e29bb6d2783bb4cb6f0352569541d
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63.56999969482422,
+ "height": 63.570003509521484
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 168.8699951171875,
+ "bottom": 39.73999786376953,
+ "left": 7.939999904949218
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 47.659996032714844,
+ "height": 47.659996032714844
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 7.970001220703125,
+ "bottom": 7.970005035400391,
+ "left": 7.940000057220459
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 409.37001037597656,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.8599853515625
+ },
+ "offset": {
+ "top": 27.770004272460938,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 79.37998962402344,
+ "right": 0,
+ "bottom": 352.8000030517578,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.37001037597656
+ },
+ "offset": {
+ "top": 135.9499969482422,
+ "right": 0,
+ "bottom": 272.42999267578125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.38002014160156
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.3699951171875
+ },
+ "offset": {
+ "top": 216.32000732421875,
+ "right": 0,
+ "bottom": 192.05999755859375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": 240.3866729736328,
+ "bottom": 407.94000244140625,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.3800048828125
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.860015869140625
+ },
+ "offset": {
+ "top": 27.769989013671875,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 600
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": -240.3799591064453,
+ "bottom": -192.05999755859375,
+ "left": 240.3799780276604
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 39.72998046875,
+ "height": 39.72999954223633
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 192.70999145507812,
+ "bottom": 63.58000183105469,
+ "left": 7.94000244140625
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 433.1699981689453,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.56999206542969
+ },
+ "offset": {
+ "top": 55.58000183105469,
+ "right": 0,
+ "bottom": 376.6000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 112.14999389648438,
+ "right": 0,
+ "bottom": 320.0299987792969,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.569976806640625
+ },
+ "offset": {
+ "top": 296.69000244140625,
+ "right": 0,
+ "bottom": 135.49002075195312,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.579986572265625
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..5928b8247c9c92f402408f1c3e2bb99b687e4139
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,741 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 193.75999450683594
+ },
+ "offset": {
+ "top": 0,
+ "right": 0.989990234375,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 30.029998779296875
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 163.72999572753906,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -109.25999450683594,
+ "right": 269.489990234375,
+ "bottom": 139.2899932861328,
+ "left": -38.040000915527344
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 155.09999084472656
+ },
+ "offset": {
+ "top": 38.660003662109375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 18.110000610351562
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 136.989990234375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -147.9199981689453,
+ "right": 269.489990234375,
+ "bottom": 166.02999877929688,
+ "left": -38.040000915527344
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -147.9199981689453,
+ "right": 269.489990234375,
+ "bottom": 166.02999877929688,
+ "left": -38.040000915527344
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.110000610351562
+ },
+ "offset": {
+ "top": 0,
+ "right": 11.91998291015625,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -147.9199981689453,
+ "right": 269.489990234375,
+ "bottom": 166.02999877929688,
+ "left": -38.040000915527344
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 26.740005493164062,
+ "right": 0,
+ "bottom": 110.25,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 0,
+ "right": 11.91998291015625,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 36.220001220703125
+ },
+ "offset": {
+ "top": 53.47999572753906,
+ "right": 0,
+ "bottom": 65.39999389648438,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 36.220001220703125
+ },
+ "offset": {
+ "top": 0,
+ "right": 11.91998291015625,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 98.33000183105469,
+ "right": 0,
+ "bottom": 38.660003662109375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -246.25,
+ "right": 269.489990234375,
+ "bottom": 264.3599853515625,
+ "left": -38.040000915527344
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 0,
+ "right": 11.91998291015625,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 13.930007934570312,
+ "height": 13.930007934570312
+ },
+ "offset": {
+ "top": 1.3899993896484375,
+ "right": 32.600006103515625,
+ "bottom": 2.78997802734375,
+ "left": 161.07999420166016
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 0
+ },
+ "offset": {
+ "top": 18.1099853515625,
+ "right": 11.91998291015625,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -264.3599853515625,
+ "right": 257.57000732421875,
+ "bottom": 264.3599853515625,
+ "left": -49.959999084472656
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 71.58999633789062
+ },
+ "offset": {
+ "top": 8.6300048828125,
+ "right": 0,
+ "bottom": -80.22000122070312,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.110015869140625
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.47998046875,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 195.69000244140625,
+ "height": 18.110015869140625
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.110015869140625
+ },
+ "offset": {
+ "top": 26.739990234375,
+ "right": 0,
+ "bottom": 26.739990234375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 195.69000244140625,
+ "height": 18.110015869140625
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 53.480010986328125,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 195.69000244140625,
+ "height": 18.1099853515625
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 231.44998168945312,
+ "height": 30.029998779296875
+ },
+ "offset": {
+ "top": 125.06999206542969,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 207.61001586914062,
+ "height": 18.110015869140625
+ },
+ "offset": {
+ "top": 0,
+ "right": 11.91998291015625,
+ "bottom": 11.91998291015625,
+ "left": 11.919998168945312
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..483c621d46452b60d2e07992b030a06dad41ac6f
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,781 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 583
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -583,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 471.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63.56999969482422,
+ "height": 63.570003509521484
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 168.8699951171875,
+ "bottom": 39.73999786376953,
+ "left": 7.939999904949218
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 47.659996032714844,
+ "height": 47.659996032714844
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 7.970001220703125,
+ "bottom": 7.970005035400391,
+ "left": 7.940000057220459
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 471.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 416.1699981689453,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 166.8300018310547,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 166.8300018310547,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 166.8300018310547,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.56999206542969
+ },
+ "offset": {
+ "top": 55.58000183105469,
+ "right": 0,
+ "bottom": 359.6000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.3699951171875
+ },
+ "offset": {
+ "top": 112.14999389648438,
+ "right": 0,
+ "bottom": 279.2300109863281,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.3699951171875
+ },
+ "offset": {
+ "top": 192.51998901367188,
+ "right": 0,
+ "bottom": 198.86001586914062,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -303.7699890136719,
+ "right": 240.3866729736328,
+ "bottom": 384.1399841308594,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.3800048828125
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.8599853515625
+ },
+ "offset": {
+ "top": 27.77001953125,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 583
+ },
+ "offset": {
+ "top": -303.7699890136719,
+ "right": -240.3799591064453,
+ "bottom": -198.86001586914062,
+ "left": 240.3799780276604
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 471.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 39.72998046875,
+ "height": 39.72999954223633
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 192.70999145507812,
+ "bottom": 63.58000183105469,
+ "left": 7.94000244140625
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 471.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 416.1699981689453,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.56999206542969
+ },
+ "offset": {
+ "top": 55.58000183105469,
+ "right": 0,
+ "bottom": 359.6000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 112.14999389648438,
+ "right": 0,
+ "bottom": 303.0299987792969,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 272.8899841308594,
+ "right": 0,
+ "bottom": 142.29000854492188,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.579986572265625
+ },
+ "offset": {
+ "top": 0.990020751953125,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..714033e1d61e29bb6d2783bb4cb6f0352569541d
--- /dev/null
+++ b/tests/snapshot/baseline/IE 11.0.0/Windows 10 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63.56999969482422,
+ "height": 63.570003509521484
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 168.8699951171875,
+ "bottom": 39.73999786376953,
+ "left": 7.939999904949218
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 47.659996032714844,
+ "height": 47.659996032714844
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 7.970001220703125,
+ "bottom": 7.970005035400391,
+ "left": 7.940000057220459
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 409.37001037597656,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.37998962402344
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.8599853515625
+ },
+ "offset": {
+ "top": 27.770004272460938,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111.25,
+ "right": 240.3866729736328,
+ "bottom": 190.62998962402344,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 79.37998962402344,
+ "right": 0,
+ "bottom": 352.8000030517578,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.37001037597656
+ },
+ "offset": {
+ "top": 135.9499969482422,
+ "right": 0,
+ "bottom": 272.42999267578125,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.38002014160156
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 80.3699951171875
+ },
+ "offset": {
+ "top": 216.32000732421875,
+ "right": 0,
+ "bottom": 192.05999755859375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": 240.3866729736328,
+ "bottom": 407.94000244140625,
+ "left": -0.006679687183350325
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 79.3800048828125
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 23.860000610351562,
+ "height": 23.860015869140625
+ },
+ "offset": {
+ "top": 27.769989013671875,
+ "right": 11.919998168945312,
+ "bottom": 27.75,
+ "left": 204.5999945071526
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-state": "",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 600
+ },
+ "offset": {
+ "top": -327.57000732421875,
+ "right": -240.3799591064453,
+ "bottom": -192.05999755859375,
+ "left": 240.3799780276604
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 111.25
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 39.72998046875,
+ "height": 39.72999954223633
+ },
+ "offset": {
+ "top": 7.940000057220459,
+ "right": 192.70999145507812,
+ "bottom": 63.58000183105469,
+ "left": 7.94000244140625
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 488.75
+ },
+ "offset": {
+ "top": 111.25,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 433.1699981689453,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.56999206542969
+ },
+ "offset": {
+ "top": 55.58000183105469,
+ "right": 0,
+ "bottom": 376.6000061035156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 56.57000732421875
+ },
+ "offset": {
+ "top": 112.14999389648438,
+ "right": 0,
+ "bottom": 320.0299987792969,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37997436523438,
+ "height": 55.58000183105469
+ },
+ "offset": {
+ "top": 0.9900054931640625,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 56.569976806640625
+ },
+ "offset": {
+ "top": 296.69000244140625,
+ "right": 0,
+ "bottom": 135.49002075195312,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240.37998962402344,
+ "height": 55.579986572265625
+ },
+ "offset": {
+ "top": 0.989990234375,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..c8e3121274b0c98c816b5f2840b5626b9435a492
--- /dev/null
+++ b/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,800 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 111
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 489,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 169,
+ "bottom": 39,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 285,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": -230,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 354
+ },
+ "offset": {
+ "top": 111,
+ "right": 0,
+ "bottom": 135,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 274,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 191,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 71,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 157
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 191,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 191,
+ "left": 240
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 56
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 218,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 55
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 81
+ },
+ "offset": {
+ "top": 136,
+ "right": 0,
+ "bottom": 137,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 217,
+ "right": 0,
+ "bottom": 57,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -328,
+ "right": 0,
+ "bottom": 408,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 79
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 477,
+ "height": 24
+ },
+ "offset": {
+ "top": 27,
+ "right": 12,
+ "bottom": 28,
+ "left": -249
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -328,
+ "right": 0,
+ "bottom": 408,
+ "left": 240
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 57
+ },
+ "offset": {
+ "top": 297,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..c8e3121274b0c98c816b5f2840b5626b9435a492
--- /dev/null
+++ b/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,800 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 111
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 489,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 169,
+ "bottom": 39,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 285,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": -230,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 354
+ },
+ "offset": {
+ "top": 111,
+ "right": 0,
+ "bottom": 135,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 274,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 191,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 71,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 157
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 191,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 191,
+ "left": 240
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 56
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 218,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 55
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 81
+ },
+ "offset": {
+ "top": 136,
+ "right": 0,
+ "bottom": 137,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 217,
+ "right": 0,
+ "bottom": 57,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -328,
+ "right": 0,
+ "bottom": 408,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 79
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 477,
+ "height": 24
+ },
+ "offset": {
+ "top": 27,
+ "right": 12,
+ "bottom": 28,
+ "left": -249
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -328,
+ "right": 0,
+ "bottom": 408,
+ "left": 240
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 57
+ },
+ "offset": {
+ "top": 297,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..cc46c20d102c8de53f79412a9c65426a1d013158
--- /dev/null
+++ b/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,740 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 231,
+ "height": 212
+ },
+ "offset": {
+ "top": 0,
+ "right": 1,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 231,
+ "height": 30
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 182,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -109,
+ "right": 269,
+ "bottom": 139,
+ "left": -38
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 231,
+ "height": 173
+ },
+ "offset": {
+ "top": 39,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 231,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 155,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148,
+ "right": 269,
+ "bottom": 166,
+ "left": -38
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148,
+ "right": 269,
+ "bottom": 166,
+ "left": -38
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 208,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 11,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148,
+ "right": 269,
+ "bottom": 166,
+ "left": -38
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 231,
+ "height": 18
+ },
+ "offset": {
+ "top": 27,
+ "right": 0,
+ "bottom": 128,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 208,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 11,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 231,
+ "height": 36
+ },
+ "offset": {
+ "top": 54,
+ "right": 0,
+ "bottom": 83,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 208,
+ "height": 36
+ },
+ "offset": {
+ "top": 0,
+ "right": 11,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 231,
+ "height": 37
+ },
+ "offset": {
+ "top": 98,
+ "right": 0,
+ "bottom": 38,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -246,
+ "right": 269,
+ "bottom": 283,
+ "left": -38
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 208,
+ "height": 37
+ },
+ "offset": {
+ "top": 0,
+ "right": 11,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 265,
+ "height": 14
+ },
+ "offset": {
+ "top": 20,
+ "right": -57,
+ "bottom": 3,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 208,
+ "height": 0
+ },
+ "offset": {
+ "top": 37,
+ "right": 11,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -283,
+ "right": 258,
+ "bottom": 283,
+ "left": -50
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 208,
+ "height": 72
+ },
+ "offset": {
+ "top": 8,
+ "right": 0,
+ "bottom": -80,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 208,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 54,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 196,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 208,
+ "height": 18
+ },
+ "offset": {
+ "top": 27,
+ "right": 0,
+ "bottom": 27,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 196,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 208,
+ "height": 18
+ },
+ "offset": {
+ "top": 54,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 196,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 231,
+ "height": 30
+ },
+ "offset": {
+ "top": 143,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 208,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 11,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..20800c2fa140c4845d232762ac50375c03deefe6
--- /dev/null
+++ b/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,780 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 584
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -584,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 111
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 473,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 169,
+ "bottom": 39,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 285,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": -230,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 330
+ },
+ "offset": {
+ "top": 111,
+ "right": 0,
+ "bottom": 143,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 274,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 167,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 167,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 167,
+ "left": 240
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 217,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 137,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 79
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 193,
+ "right": 0,
+ "bottom": 57,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -304,
+ "right": 0,
+ "bottom": 384,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 79
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 477,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 27,
+ "left": -249
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -304,
+ "right": 0,
+ "bottom": 384,
+ "left": 240
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 57
+ },
+ "offset": {
+ "top": 273,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..c8e3121274b0c98c816b5f2840b5626b9435a492
--- /dev/null
+++ b/tests/snapshot/baseline/IE 9.0.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,800 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 111
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 489,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 63,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 169,
+ "bottom": 39,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 285,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": -230,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 354
+ },
+ "offset": {
+ "top": 111,
+ "right": 0,
+ "bottom": 135,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 274,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "toc",
+ "type": "checkbox",
+ "data-md-toggle": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 191,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 71,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 157
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active",
+ "href": "."
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 191,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -111,
+ "right": 0,
+ "bottom": 191,
+ "left": 240
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Default",
+ "class": "md-nav__link",
+ "href": "#default"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 56
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 218,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 55
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 81
+ },
+ "offset": {
+ "top": 136,
+ "right": 0,
+ "bottom": 137,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 80
+ },
+ "offset": {
+ "top": 217,
+ "right": 0,
+ "bottom": 57,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "id": "nav-4",
+ "type": "checkbox",
+ "data-md-toggle": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -328,
+ "right": 0,
+ "bottom": 408,
+ "left": 240
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 79
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 477,
+ "height": 24
+ },
+ "offset": {
+ "top": 27,
+ "right": 12,
+ "bottom": 28,
+ "left": -249
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-level": "1",
+ "data-md-component": "collapsible"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -328,
+ "right": 0,
+ "bottom": 408,
+ "left": 240
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Donec tortor sem",
+ "class": "md-nav__link",
+ "href": "nested/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link",
+ "href": "secondary/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Pretium ac risus",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 57
+ },
+ "offset": {
+ "top": 297,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link",
+ "href": "_/"
+ },
+ "props": {
+ "size": {
+ "width": 240,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#bug/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#bug/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..645e4d96828c98e52ee72b600ad2bcc3ac5b5f7b
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#bug/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition bug"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 2012,
+ "right": 0,
+ "bottom": 157,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 96,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 586,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#custom-title/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#custom-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..c692db66a221670009899f364c3190c45b5c07cc
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#custom-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 383,
+ "right": 0,
+ "bottom": 1786,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 650,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#danger/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#danger/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..875b9685bbcf4c701659e19682dc816f64a894d8
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#danger/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition danger"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 1855,
+ "right": 0,
+ "bottom": 314,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 73,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 609,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#empty-title/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#empty-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..43db5fee35b0a0efda6763d1fdf6240e0e979162
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#empty-title/@screen.json
@@ -0,0 +1,60 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 68
+ },
+ "offset": {
+ "top": 717,
+ "right": 0,
+ "bottom": 1472,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 650,
+ "bottom": 40,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#failure/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#failure/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..d2658871a0ba52421b1c9a8eb0f5ebe5b3b7181a
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#failure/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition failure"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 1698,
+ "right": 0,
+ "bottom": 471,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 43,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 639,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#long-title/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#long-title/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..6fb9d3fe86fda8f8f648b418652d7e834b951d3a
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#long-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 108
+ },
+ "offset": {
+ "top": 540,
+ "right": 0,
+ "bottom": 1609,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 650,
+ "bottom": 80,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 60,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#note/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#note/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..f4d53c08868c7021bf850de4106b2a53376acf57
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#note/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 913,
+ "right": 0,
+ "bottom": 1256,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 650,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#quote/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#quote/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..8f2c03280329bb2f96b08f6d047d412649610cbc
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#quote/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition quote"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 2169,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 117,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 565,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#success/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#success/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..bfff44541daf867c8de94795fc41898665686a67
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#success/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition success"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 1384,
+ "right": 0,
+ "bottom": 785,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 43,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 639,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#summary/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#summary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..60ccd8b8e61afcdc8d13a4cff069232278e40877
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#summary/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition summary"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 1070,
+ "right": 0,
+ "bottom": 1099,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 62,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 620,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#tip/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#tip/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..282e82ef3e7a6ace5fe26f9907e457e54ed20e48
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#tip/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition tip"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 1227,
+ "right": 0,
+ "bottom": 942,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 79,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 603,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#warning/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#warning/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..899defe1da791840494bb26ed3c7a148d1423529
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/#warning/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition warning"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 1541,
+ "right": 0,
+ "bottom": 628,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 68,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 614,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@mobile/landscape.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..ca45ac1f54ece558a1032ec75c246bb5447806a9
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@mobile/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 512,
+ "height": 108
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2262,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 474,
+ "bottom": 80,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 456,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 68,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 456,
+ "height": 60
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@mobile/portrait.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..aff9148fdb0af6fc069f3920a812eb1e9b94913d
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@mobile/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 272,
+ "height": 168
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 3062,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 234,
+ "bottom": 140,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 216,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 128,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 216,
+ "height": 120
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..cdee710e89574646f1ed1ac2f153556dceca742b
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2002,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 650,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@tablet/landscape.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..38fb7355e6cf15c356fc86f992abaf2785437f66
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@tablet/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 730,
+ "height": 88
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2002,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 692,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 674,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 674,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@tablet/portrait.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..e1e49d1d0d22bdf5ae2e69ca81e922f7d910b805
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/extensions/admonition/@tablet/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 752,
+ "height": 88
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2002,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 32,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 714,
+ "bottom": 60,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 696,
+ "height": 20
+ },
+ "offset": {
+ "top": 20,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 696,
+ "height": 40
+ },
+ "offset": {
+ "top": 40,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..8048213f7f88298ccec7a05b5a4ea27db6f814f5
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,701 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..8048213f7f88298ccec7a05b5a4ea27db6f814f5
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,701 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
new file mode 100644
index 0000000000000000000000000000000000000000..757da37bc032c7a000f75e61336f591220ec680d
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@screen.json
@@ -0,0 +1,721 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 208
+ },
+ "offset": {
+ "top": 0,
+ "right": 1,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 178,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -110,
+ "right": 267,
+ "bottom": 140,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 170
+ },
+ "offset": {
+ "top": 38,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 152,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148,
+ "right": 267,
+ "bottom": 166,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148,
+ "right": 267,
+ "bottom": 166,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148,
+ "right": 267,
+ "bottom": 166,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 26,
+ "right": 0,
+ "bottom": 126,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 36
+ },
+ "offset": {
+ "top": 52,
+ "right": 0,
+ "bottom": 82,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 36
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 36
+ },
+ "offset": {
+ "top": 96,
+ "right": 0,
+ "bottom": 38,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -244,
+ "right": 267,
+ "bottom": 280,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 36
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 143,
+ "height": 14
+ },
+ "offset": {
+ "top": 21,
+ "right": 66,
+ "bottom": 1,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 0
+ },
+ "offset": {
+ "top": 36,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -280,
+ "right": 255,
+ "bottom": 280,
+ "left": -46
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 70
+ },
+ "offset": {
+ "top": 8,
+ "right": 0,
+ "bottom": -78,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 52,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 26,
+ "right": 0,
+ "bottom": 26,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 52,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30
+ },
+ "offset": {
+ "top": 140,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 0000000000000000000000000000000000000000..8048213f7f88298ccec7a05b5a4ea27db6f814f5
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,701 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 0000000000000000000000000000000000000000..8048213f7f88298ccec7a05b5a4ea27db6f814f5
--- /dev/null
+++ b/tests/snapshot/baseline/Opera 12.12.0/Windows 7 0.0.0/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,701 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/suites/extensions/admonition/index.js b/tests/snapshot/suites/extensions/admonition/index.js
index f7713d8fb0744efd5f030d0ab67bd6e59d4995c3..9681eafce4e131c84962ef6f54029eca080e6db2 100644
--- a/tests/snapshot/suites/extensions/admonition/index.js
+++ b/tests/snapshot/suites/extensions/admonition/index.js
@@ -42,6 +42,7 @@ describe("extensions", () => {
/* Test: should capture layout */
it("should capture layout", () => {
+ debugger // eslint-disable-line
viewport.each(name => {
expect(ginseng.capture(`@${name}`, "#default + .admonition"))
.toEqual(true)
diff --git a/tests/static/context.html b/tests/static/context.html
index 26d1429ba60515ebe391c82a3461c472306db932..d8b2a34df61a5ac12c8add4920d1d81cf148f650 100644
--- a/tests/static/context.html
+++ b/tests/static/context.html
@@ -4,6 +4,15 @@
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+ <style type="text/css">
+ iframe {
+ border: 0;
+ }
+ html, body {
+ height: 100%;
+ font-family: sans-serif;
+ }
+ </style>
</head>
<body>
<iframe id="viewport" src="about:blank"></iframe>
diff --git a/tests/static/debug.html b/tests/static/debug.html
index f7d869b4b7b82dca11426e0b3292293e16203aa2..97b9042476fb1342d121c9522d1d3cf1a6493800 100644
--- a/tests/static/debug.html
+++ b/tests/static/debug.html
@@ -6,6 +6,15 @@
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+ <style type="text/css">
+ iframe {
+ border: 0;
+ }
+ html, body {
+ height: 100%;
+ font-family: sans-serif;
+ }
+ </style>
</head>
<body>
<iframe id="viewport" src="about:blank"></iframe>
diff --git a/yarn.lock b/yarn.lock
index a49a2df516335c9c653243dfec42c09960f74fe9..72f7c86d0fc264c0e11867ce1a9622c3e3d74853 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3591,9 +3591,11 @@ karma-clear-screen-reporter@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/karma-clear-screen-reporter/-/karma-clear-screen-reporter-1.0.0.tgz#97e270ab1715e2d8a194b86b9d11845f8a6186e1"
-karma-ginseng@^0.2.1:
- version "0.2.1"
- resolved "https://registry.yarnpkg.com/karma-ginseng/-/karma-ginseng-0.2.1.tgz#6c294b734cfac7291e5dc5f90eec8ddbdf8586a0"
+karma-ginseng@^0.2.2:
+ version "0.2.2"
+ resolved "https://registry.yarnpkg.com/karma-ginseng/-/karma-ginseng-0.2.2.tgz#34fbb5541f54a87ac7171f4bb128c1ba1b1621ed"
+ dependencies:
+ jsonschema "^1.1.1"
karma-jasmine@^1.1.0:
version "1.1.0"