From 399d53aee963419c1804a50aaa55cd3a8fe41beb Mon Sep 17 00:00:00 2001 From: Blackbaud-ToddRoberts Date: Thu, 29 Mar 2018 22:45:19 -0400 Subject: [PATCH 1/2] fixed needs double :: --- src/modules/alert/alert.component.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/modules/alert/alert.component.scss b/src/modules/alert/alert.component.scss index d42c8296e..ab765d537 100644 --- a/src/modules/alert/alert.component.scss +++ b/src/modules/alert/alert.component.scss @@ -16,7 +16,7 @@ width: 100%; } - :ng-deep .sky-alert-content a { + ::ng-deep .sky-alert-content a { color: change-color($sky-text-color-default, $alpha: 0.8); text-decoration: underline; From c8dc7ab09ac7d6271cab7e9507a9483149c63dab Mon Sep 17 00:00:00 2001 From: Blackbaud-ToddRoberts Date: Fri, 30 Mar 2018 09:33:03 -0400 Subject: [PATCH 2/2] restructure css --- src/modules/alert/alert.component.scss | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/src/modules/alert/alert.component.scss b/src/modules/alert/alert.component.scss index ab765d537..168e384de 100644 --- a/src/modules/alert/alert.component.scss +++ b/src/modules/alert/alert.component.scss @@ -14,16 +14,18 @@ padding-top: $sky-padding; padding-bottom: $sky-padding; width: 100%; + + ::ng-deep a { + color: change-color($sky-text-color-default, $alpha: 0.8); + text-decoration: underline; + + &:hover { + color: $sky-text-color-default; + } + } } - ::ng-deep .sky-alert-content a { - color: change-color($sky-text-color-default, $alpha: 0.8); - text-decoration: underline; - - &:hover { - color: $sky-text-color-default; - } - } + button { margin-left: auto;