diff --git a/src/scss/layout/main/base.scss b/src/scss/layout/main/base.scss index 4493ef0..6b45912 100644 --- a/src/scss/layout/main/base.scss +++ b/src/scss/layout/main/base.scss @@ -78,94 +78,48 @@ p { } } -// exclude bootstrap-table -[data-toggle="table"] { - &:hover, - &.active, - &:focus { - opacity: 1; - } -} - -[data-toggle="collapse"] { - &[aria-expanded="true"] { - .accordion-icon { - &:before { - content: "\f068"; - } - } - } -} - // transactions -.transition, a, -a *, .a, -.a *, button, input, optgroup, select, textarea, +option, .btn, -.btn *, -.dropdown, -.row, -.alert, -.alert *, -.message, -[data-toggle], -[data-toggle] * { +.transition { transition: all 0.4s ease; } -.a, a, -[data-toggle], -button, +.a, .btn { &:hover, - &.active, - &[aria-expanded="true"] { + &.active { + opacity: 0.8; + > .fa, - > .far, - > .fas, - > .fab, > .svg-inline--fa, &.fa, - &.far, - &.fas, - &.fab, &.svg-inline--fa { transform: scale(1.5); } } - &:hover, - &[aria-expanded="true"] { - opacity: 0.8; - } - &.disabled { - opacity: 0.5; + opacity: 0.8; cursor: default; - - &:hover, - &.active, - &[aria-expanded="true"] { - > .fa, - > .far, - > .fas, - > .fab, - > .svg-inline--fa, - &.fa, - &.far, - &.fas, - &.fab, - &.svg-inline--fa { - transform: rotate(0deg); - } - } + } +} + +[data-toggle][aria-expanded="true"] { + opacity: 0.8; + + > .fa, + > .svg-inline--fa, + &.fa, + &.svg-inline--fa { + transform: scale(1.5); } }