Skip to content

Commit

Permalink
memperbaiki box-shadow alert, menghapus :before alert__icon, dan meng…
Browse files Browse the repository at this point in the history
…ubah warna alert__description menjadi putih
  • Loading branch information
rezafikkri committed Aug 16, 2020
1 parent db6f324 commit 3b71072
Show file tree
Hide file tree
Showing 5 changed files with 20 additions and 49 deletions.
29 changes: 8 additions & 21 deletions build/scss/alert.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,6 @@

.alert__icon {
color: $icon-color;
&::before {
background-color: $icon-before-bg-color;
}
}

.alert__description {
Expand Down Expand Up @@ -41,20 +38,10 @@
margin-bottom: 0px;

&__icon {
-ms-flex-preferred-size: 50px;
flex-basis: 50px;
-ms-flex-preferred-size: 38px;
flex-basis: 38px;

font-size: 20pt;
position: relative;

&::before {
content: "";
position: absolute;
left: 35px;
top: 5px;
bottom: 5px;
width: 1px;
}
}

&__description {
Expand All @@ -81,10 +68,10 @@
}
}

@include alert-color('danger', $red-reza, #e22424, #ff5b5b, #cc1e1e, #ffefef, #9b0f0f, #750707);
@include alert-color('info', $blue-reza, #2190d1, #5bc0ff, #1784c4, #eff9ff, #0e6093, #07446b);
@include alert-color('warning', $orange-reza, #ed9821, #ffbc70, #d3871d, #fff8ef, #965b09, #724304);
@include alert-color('success', $green-reza, #1ec93a, #41f25e, #15bf37, #f2fff3, #0e9128, #076819);
@include alert-color('danger', $red-reza, #e22424, #ff5b5b, #cc1e1e, #fff, #9b0f0f, #750707);
@include alert-color('info', $blue-reza, #2190d1, #5bc0ff, #1784c4, #fff, #0e6093, #07446b);
@include alert-color('warning', $orange-reza, #ed9821, #ffbc70, #d3871d, #fff, #965b09, #724304);
@include alert-color('success', $green-reza, #1ec93a, #41f25e, #15bf37, #fff, #0e9128, #076819);

&--fixed-rb {
position: fixed;
Expand All @@ -93,8 +80,8 @@
right: 10px;
width: 600px;

-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.3);
box-shadow: 0px 1px 5px rgba(0,0,0,.3);
-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.2);
box-shadow: 0px 1px 5px rgba(0,0,0,.2);

@media (max-width: 620px) {
left: 10px;
Expand Down
34 changes: 9 additions & 25 deletions dist/css/reza-admin.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/css/reza-admin.css.map

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/css/reza-admin.min.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/css/reza-admin.min.css.map

Large diffs are not rendered by default.

0 comments on commit 3b71072

Please sign in to comment.