mirror of
https://github.com/a2nt/webpack-bootstrap-ui-kit.git
synced 2024-10-22 11:05:45 +02:00
IMPROVEMENT: animate button icons
This commit is contained in:
parent
f0a58611be
commit
26ab1727d3
14
dist/css/app.css
vendored
14
dist/css/app.css
vendored
@ -14684,7 +14684,9 @@ img {
|
|||||||
a:hover,
|
a:hover,
|
||||||
a:focus,
|
a:focus,
|
||||||
[data-toggle]:hover,
|
[data-toggle]:hover,
|
||||||
[data-toggle]:focus {
|
[data-toggle]:focus,
|
||||||
|
button:hover,
|
||||||
|
button:focus {
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -14711,7 +14713,15 @@ a:focus.fab,
|
|||||||
[data-toggle]:focus > .fas,
|
[data-toggle]:focus > .fas,
|
||||||
[data-toggle]:focus > .fab,
|
[data-toggle]:focus > .fab,
|
||||||
[data-toggle]:focus.fas,
|
[data-toggle]:focus.fas,
|
||||||
[data-toggle]:focus.fab {
|
[data-toggle]:focus.fab,
|
||||||
|
button:hover > .fas,
|
||||||
|
button:hover > .fab,
|
||||||
|
button:hover.fas,
|
||||||
|
button:hover.fab,
|
||||||
|
button:focus > .fas,
|
||||||
|
button:focus > .fab,
|
||||||
|
button:focus.fas,
|
||||||
|
button:focus.fab {
|
||||||
-webkit-transform: rotate(-180deg);
|
-webkit-transform: rotate(-180deg);
|
||||||
transform: rotate(-180deg);
|
transform: rotate(-180deg);
|
||||||
}
|
}
|
||||||
|
2
dist/css/app.css.map
vendored
2
dist/css/app.css.map
vendored
File diff suppressed because one or more lines are too long
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
|
"name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
|
||||||
"version": "1.3.3",
|
"version": "1.3.4",
|
||||||
"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.",
|
||||||
|
@ -17,19 +17,20 @@ img {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.a:hover,
|
.a,
|
||||||
.a:focus,
|
a,
|
||||||
a:hover,
|
[data-toggle],
|
||||||
a:focus,
|
button {
|
||||||
[data-toggle]:hover,
|
&:hover,
|
||||||
[data-toggle]:focus {
|
&:focus {
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
|
|
||||||
> .fas,
|
> .fas,
|
||||||
> .fab,
|
> .fab,
|
||||||
&.fas,
|
&.fas,
|
||||||
&.fab {
|
&.fab {
|
||||||
transform: rotate(-180deg);
|
transform: rotate(-180deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user