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]:hover,
[data-toggle]:focus, [data-toggle]:focus,
button:hover, button:hover,
button:focus { button:focus,
.btn:hover,
.btn:focus {
opacity: .8; opacity: .8;
} }
.a:hover > .far,
.a:hover > .fas, .a:hover > .fas,
.a:hover > .fab, .a:hover > .fab,
.a:hover.far,
.a:hover.fas, .a:hover.fas,
.a:hover.fab, .a:hover.fab,
.a:focus > .far,
.a:focus > .fas, .a:focus > .fas,
.a:focus > .fab, .a:focus > .fab,
.a:focus.far,
.a:focus.fas, .a:focus.fas,
.a:focus.fab, .a:focus.fab,
a:hover > .far,
a:hover > .fas, a:hover > .fas,
a:hover > .fab, a:hover > .fab,
a:hover.far,
a:hover.fas, a:hover.fas,
a:hover.fab, a:hover.fab,
a:focus > .far,
a:focus > .fas, a:focus > .fas,
a:focus > .fab, a:focus > .fab,
a:focus.far,
a:focus.fas, a:focus.fas,
a:focus.fab, a:focus.fab,
[data-toggle]:hover > .far,
[data-toggle]:hover > .fas, [data-toggle]:hover > .fas,
[data-toggle]:hover > .fab, [data-toggle]:hover > .fab,
[data-toggle]:hover.far,
[data-toggle]:hover.fas, [data-toggle]:hover.fas,
[data-toggle]:hover.fab, [data-toggle]:hover.fab,
[data-toggle]:focus > .far,
[data-toggle]:focus > .fas, [data-toggle]:focus > .fas,
[data-toggle]:focus > .fab, [data-toggle]:focus > .fab,
[data-toggle]:focus.far,
[data-toggle]:focus.fas, [data-toggle]:focus.fas,
[data-toggle]:focus.fab, [data-toggle]:focus.fab,
button:hover > .far,
button:hover > .fas, button:hover > .fas,
button:hover > .fab, button:hover > .fab,
button:hover.far,
button:hover.fas, button:hover.fas,
button:hover.fab, button:hover.fab,
button:focus > .far,
button:focus > .fas, button:focus > .fas,
button:focus > .fab, button:focus > .fab,
button:focus.far,
button:focus.fas, 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); -webkit-transform: rotate(-180deg);
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", "name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
"version": "1.3.4", "version": "1.3.5",
"author": "Tony Air <tony@twma.pro>", "author": "Tony Air <tony@twma.pro>",
"license": "MIT", "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.", "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,
a, a,
[data-toggle], [data-toggle],
button { button,
.btn {
&:hover, &:hover,
&:focus { &:focus {
opacity: .8; opacity: .8;
> .far,
> .fas, > .fas,
> .fab, > .fab,
&.far,
&.fas, &.fas,
&.fab { &.fab {
transform: rotate(-180deg); transform: rotate(-180deg);