IMPROVEMENT: animate regular fontawesome icons

This commit is contained in:
Tony Air 2019-12-16 06:12:15 +07:00
parent 26ab1727d3
commit b2dfb988c3
4 changed files with 38 additions and 5 deletions

34
dist/css/app.css vendored
View File

@ -14686,42 +14686,72 @@ a:focus,
[data-toggle]:hover,
[data-toggle]:focus,
button:hover,
button:focus {
button:focus,
.btn:hover,
.btn:focus {
opacity: .8;
}
.a:hover > .far,
.a:hover > .fas,
.a:hover > .fab,
.a:hover.far,
.a:hover.fas,
.a:hover.fab,
.a:focus > .far,
.a:focus > .fas,
.a:focus > .fab,
.a:focus.far,
.a:focus.fas,
.a:focus.fab,
a:hover > .far,
a:hover > .fas,
a:hover > .fab,
a:hover.far,
a:hover.fas,
a:hover.fab,
a:focus > .far,
a:focus > .fas,
a:focus > .fab,
a:focus.far,
a:focus.fas,
a:focus.fab,
[data-toggle]:hover > .far,
[data-toggle]:hover > .fas,
[data-toggle]:hover > .fab,
[data-toggle]:hover.far,
[data-toggle]:hover.fas,
[data-toggle]:hover.fab,
[data-toggle]:focus > .far,
[data-toggle]:focus > .fas,
[data-toggle]:focus > .fab,
[data-toggle]:focus.far,
[data-toggle]:focus.fas,
[data-toggle]:focus.fab,
button:hover > .far,
button:hover > .fas,
button:hover > .fab,
button:hover.far,
button:hover.fas,
button:hover.fab,
button:focus > .far,
button:focus > .fas,
button:focus > .fab,
button:focus.far,
button:focus.fas,
button:focus.fab {
button:focus.fab,
.btn:hover > .far,
.btn:hover > .fas,
.btn:hover > .fab,
.btn:hover.far,
.btn:hover.fas,
.btn:hover.fab,
.btn:focus > .far,
.btn:focus > .fas,
.btn:focus > .fab,
.btn:focus.far,
.btn:focus.fas,
.btn:focus.fab {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{
"name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
"version": "1.3.4",
"version": "1.3.5",
"author": "Tony Air <tony@twma.pro>",
"license": "MIT",
"description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",

View File

@ -20,13 +20,16 @@ img {
.a,
a,
[data-toggle],
button {
button,
.btn {
&:hover,
&:focus {
opacity: .8;
> .far,
> .fas,
> .fab,
&.far,
&.fas,
&.fab {
transform: rotate(-180deg);