Updates for mobile list styles and layout

This commit is contained in:
Alex Wolfe 2015-05-17 11:34:24 -07:00
parent 1af6775b61
commit d135d1bf7e
6 changed files with 29 additions and 15 deletions

View File

@ -1,10 +1,10 @@
number = 1;
ul
ul.is-plain.l-offset-page-header
for page, slug in public.docs[current.path[1]][current.path[2]].guide._data
if slug != '_listtype' && slug != 'index'
url = "/docs/" + current.path[1] + "/" + current.path[2] + "/" + current.path[3] + "/" + slug + ".html"
num = number++
li.c8
li
!= partial("../../../../_includes/_hover-card", { icon: "icon-number", number: num, name: page.title, url: url })

View File

@ -1,19 +1,18 @@
.l-main-section
.callout.is-helpful.l-offset-page-header
header Developer Preview
.callout.is-helpful
header Developer Preview
p.
The Angular 2.0 API is currently in active development and not production ready.
This page showcases a preview of proposed methods to help further the discussion
in the development community. If you're building a production app today, please
<a href="https://docs.angularjs.org/api">use Angular 1.X</a>.
p.
The Angular 2.0 API is currently in active development and not production ready.
This page showcases a preview of proposed methods to help further the discussion
in the development community. If you're building a production app today, please
<a href="https://docs.angularjs.org/api">use Angular 1.X</a>.
ul
ul.is-plain.l-offset-page-header
for page, slug in public.docs[current.path[1]][current.path[2]].api
if slug != 'index' && slug != '_contents' && slug != '_data'
url = "/docs/" + current.path[1] + "/" + current.path[2] + "/" + current.path[3] + "/" + slug
title = public.docs[current.path[1]][current.path[2]][current.path[3]][slug]._data["index"]["title"]
li.c8
li
!= partial("../../../../_includes/_hover-card", {name: title, url: url })

View File

@ -1,10 +1,10 @@
number = 1;
ul
ul.is-plain.l-offset-page-header
for page, slug in public.docs[current.path[1]][current.path[2]].guide._data
if slug != '_listtype' && slug != 'index'
url = "/docs/" + current.path[1] + "/" + current.path[2] + "/" + current.path[3] + "/" + slug + ".html"
num = number++
li.c8
li
!= partial("../../../../_includes/_hover-card", { icon: "icon-number", number: num, name: page.title, url: url })

View File

@ -21,4 +21,4 @@
bottom: 0px;
right: 0px;
z-index: $layer-1;
}
}

View File

@ -105,6 +105,11 @@ table th,
font-weight: 400;
opacity: .87;
line-height: 28px;
&.is-plain {
list-style-type: none;
padding: 0px;
}
}
.l-sub-section p,

View File

@ -67,6 +67,16 @@
}
}
.l-offset-page-header {
margin-left: $unit * 6 !important;
@media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint),
screen and (max-width: $tablet-breakpoint) {
margin: 0px !important;
}
}
.l-content {
padding: ($unit * 8) ($unit * 12);