From 65410c53c3bd7463d0605796cb3179779869e189 Mon Sep 17 00:00:00 2001 From: psychobunny Date: Mon, 2 Nov 2015 13:03:50 -0500 Subject: [PATCH] its about time I styled the alerts... --- less/modules/alerts.less | 31 +++++++++++++++++++++++++++---- less/persona.less | 9 ++++++++- 2 files changed, 35 insertions(+), 5 deletions(-) diff --git a/less/modules/alerts.less b/less/modules/alerts.less index ba82641..6e844d1 100644 --- a/less/modules/alerts.less +++ b/less/modules/alerts.less @@ -7,9 +7,32 @@ bottom: 0px; .alert { - img { - float: left; - padding-right: 10px; - } + background-color: white; + border: 0; + border-left: 5px solid !important; + box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25), 0px 2px 10px 0px rgba(0, 0, 0, 0.25); + + strong { + text-transform: uppercase; + } + + p { + padding: 10px 0px 0px; + } + + &.alert-warning { + color: @material-warning; + border-color: @material-warning; + } + + &.alert-success { + color: @material-success; + border-color: @material-success; + } + + &.alert-danger { + color: @material-danger; + border-color: @material-danger; + } } } \ No newline at end of file diff --git a/less/persona.less b/less/persona.less index ef8ad4d..81ca354 100644 --- a/less/persona.less +++ b/less/persona.less @@ -29,4 +29,11 @@ @import "modules/taskbar"; @import "modules/alerts"; @import "modules/fab"; -@import "modules/morph"; \ No newline at end of file +@import "modules/morph"; + + +@material-primary: #337ab7; +@material-success: #4CAF50; +@material-info: #C5CAE9; +@material-warning: #ff6d00; +@material-danger: #F44336; \ No newline at end of file