From c75e38bc5d34ef61738490f446110fcdbc890e15 Mon Sep 17 00:00:00 2001 From: Dan Barber Date: Tue, 26 Feb 2013 15:23:46 +0000 Subject: [PATCH] Split out link lists and lists. --- includes/_list.scss | 49 ++++++++++++++++++++++++++++++--------------- 1 file changed, 33 insertions(+), 16 deletions(-) diff --git a/includes/_list.scss b/includes/_list.scss index b92f041..73d2867 100644 --- a/includes/_list.scss +++ b/includes/_list.scss @@ -1,23 +1,40 @@ -.list { +@mixin list-style { + background: #ffffff; /* Old browsers */ + @include linear-gradient(white, #f1f1f1); + text-shadow: 0 2px 2px white; + border: { + style: solid; + width: 1px 0; + color: #ffffff white #cccccc; + } + display: block; + padding: 0.7em 1em; + text-decoration: none; +} + +.list-global { list-style: none; padding: 0; +} + +.list { + @extend .list-global; li { - a { - background: #ffffff; /* Old browsers */ - @include linear-gradient(white, #f1f1f1); - text-shadow: 0 2px 2px white; - border: { - style: solid; - width: 1px 0; - color: #ffffff white #cccccc; - } - display: block; - padding: 0.7em 1em; - text-decoration: none; - } + @include list-style; } } -@mixin list() { - @extend .list; +@mixin list { + @extend .link-list; +} + +.link-list { + @extend .list-global; + li a { + @include list-style; + } +} + +@mixin link-list { + @extend .link-list; }