From 5c2ee54c7c9465e8d018e3cb40783a5dfec35ec1 Mon Sep 17 00:00:00 2001 From: jlukic Date: Mon, 15 Jun 2015 15:56:55 -0400 Subject: [PATCH] Add content divider in default theme --- src/definitions/views/card.less | 11 ++++++----- src/themes/default/views/card.variables | 4 ++-- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less index 562dd3cae..300de5cc0 100755 --- a/src/definitions/views/card.less +++ b/src/definitions/views/card.less @@ -101,6 +101,7 @@ .ui.cards > .card > :first-child, .ui.card > :first-child { border-radius: @borderRadius @borderRadius 0em 0em !important; + border-top: none !important; } .ui.cards > .card > :last-child, @@ -131,6 +132,9 @@ width: 100%; height: auto; border-radius: inherit; +} +.ui.cards > .card > .image:not(.ui) > img, +.ui.card > .image:not(.ui) > img { border: @imageBorder; } @@ -141,18 +145,15 @@ .ui.cards > .card > .content, .ui.card > .content { flex-grow: 1; + border: @contentBorder; + border-top: @contentDivider; background: @contentBackground; margin: @contentMargin; padding: @contentPadding; box-shadow: @contentBoxShadow; font-size: @contentFontSize; - border: @contentBorder; border-radius: @contentBorderRadius; } -.ui.cards > .card > .content ~ .content, -.ui.card > .content ~ .content { - border-top: @repeatedContentBorder; -} .ui.cards > .card > .content:after, .ui.card > .content:after { diff --git a/src/themes/default/views/card.variables b/src/themes/default/views/card.variables index a81f13996..a7485293b 100644 --- a/src/themes/default/views/card.variables +++ b/src/themes/default/views/card.variables @@ -59,15 +59,15 @@ @imageBorder: none; /* Content */ +@contentDivider: @borderWidth solid @internalBorderColor; @contentMargin: 0em; @contentBackground: none; @contentPadding: 1em 1em; @contentFontSize: 1em; -@contentBorder: none; @contentBorderRadius: 0em; @contentBoxShadow: none; +@contentBorder: none; -@repeatedContentBorder: @borderWidth solid @internalBorderColor; /* Header */ @headerMargin: '';