From c9d5e21c0cbed7cb4f75616e5641603254650649 Mon Sep 17 00:00:00 2001 From: "Kenneth G. Franqueiro" Date: Fri, 8 Dec 2017 16:14:49 -0500 Subject: [PATCH 01/10] feat(list): Use states mixins; change padding behavior to support them Also updates demo index page DOM and styles to accommodate new padding behavior and make entire rows clickable to match states' shade region. BREAKING CHANGE: List padding is now per-item rather than across the entire list. Separators now span the entire list width by default, with the addition of a mdc-list-divider--padded modifier class to achieve the old default behavior. --- demos/index.html | 220 +++++++++++++++--------------- demos/index.scss | 14 +- demos/list.html | 6 +- packages/mdc-list/README.md | 29 ++-- packages/mdc-list/_variables.scss | 1 + packages/mdc-list/mdc-list.scss | 46 ++++--- 6 files changed, 158 insertions(+), 158 deletions(-) diff --git a/demos/index.html b/demos/index.html index d4b4b76ede5..3e8ae7d7084 100644 --- a/demos/index.html +++ b/demos/index.html @@ -37,216 +37,216 @@
diff --git a/demos/index.scss b/demos/index.scss index 55ca6f3055f..2dc1f150e3a 100644 --- a/demos/index.scss +++ b/demos/index.scss @@ -17,16 +17,10 @@ @import "./common"; @import "../packages/mdc-list/mdc-list"; -.catalog-list { - padding-left: 28px; -} -.catalog-list-icon { - margin-right: 24px; +.catalog-list a { + color: #212121; } -ul.catalog-list { - a { - text-decoration: none; - color: #212121; - } +.catalog-list-icon { + margin: 0 24px 0 12px; } diff --git a/demos/list.html b/demos/list.html index e91a902a091..5535380d3b0 100644 --- a/demos/list.html +++ b/demos/list.html @@ -201,8 +201,8 @@

Files

Single-Line List

-

Text only

-