jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

refactor(alerts): link colors and font-weight

pull/3/head
alex 2016-02-18 12:19:40 +03:00
parent 818c0295b9
commit 3a81bdc0c7
2 changed files with 33 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/pages/ui/alerts/alerts.html
View File

@ -71,10 +71,10 @@
ba-panel-class="with-scroll">
<div >
<div class="alert bg-warning">
<h4 class="default-color">Warning!</h4>
<h4>Warning!</h4>
<strong>Pay attention.</strong> Change a few things up and try submitting again.
<div class="control-alert">
<button type="button" class="btn btn-warning">Pay Attention</button>
<button type="button" class="btn btn-danger">Pay Attention</button>
<button type="button" class="btn btn-primary">Ignore</button>
</div>
</div>

38
src/sass/app/_alerts.scss
View File

@ -1,15 +1,15 @@
.alert{
font-size: 13px;
font-weight: $font-light;
strong{
font-weight: $font-normal;
}
.close{
margin-top: -3px;
}
//a{
// font-weight: 900;
// color: #3C3C3B;
// &:hover{
// border-bottom: 1px solid $github-color;
// }
//}
.alert-link{
font-weight: $font-normal;
}
.control-alert{
padding-top:10px ;
button{
@ -26,13 +26,37 @@
.bg-success {
background-color: $success;
a{
color: $primary-charts;
&:hover{
color: $primary-dark;
}
}
}
.bg-info {
background-color: $info;
a{
color: $warning-bg;
&:hover{
color: $warning;
}
}
}
.bg-warning {
background-color: $warning;
a{
color: $danger;
&:hover{
color: $danger-dark;
}
}
}
.bg-danger {
background-color: $danger;
a{
color: $primary-light;
&:hover{
color: $primary;
}
}
}