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"> ba-panel-class="with-scroll">
<div > <div >
<div class="alert bg-warning"> <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. <strong>Pay attention.</strong> Change a few things up and try submitting again.
<div class="control-alert"> <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> <button type="button" class="btn btn-primary">Ignore</button>
</div> </div>
</div> </div>

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

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