| -+ | 1 | @import '~node_modules/bootstrap-vue/src/index.scss'; | ||
| 2 | ||||
| 1 | // Base | = | 3 | // Base |
| 2 | // | 4 | // | |
| 3 | 5 | |||
| 4 | .dropdown-item, | 6 | .dropdown-item, | |
| 5 | .page-link, | 7 | .page-link, | |
| 6 | .nav { | 8 | .nav { | |
| 7 | outline: 0; | 9 | outline: 0; | |
| 8 | } | 10 | } | |
| 9 | 11 | |||
| 10 | // Page transition | 12 | // Page transition | |
| 11 | // | 13 | // | |
| 12 | 14 | |||
| 13 | .router-transitions { | 15 | .router-transitions { | |
| 14 | opacity: 1; | 16 | opacity: 1; | |
| 15 | transition: opacity .2s; | 17 | transition: opacity .2s; | |
| 16 | 18 | |||
| 17 | body.app-loading & { | 19 | body.app-loading & { | |
| 18 | opacity: .75; | 20 | opacity: .75; | |
| 19 | } | 21 | } | |
| 20 | } | 22 | } | |
| 21 | 23 | |||
| 22 | // Tables | 24 | // Tables | |
| 23 | // | 25 | // | |
| 24 | 26 | |||
| 25 | table.b-table > thead > tr > th.sorting, | 27 | table.b-table > thead > tr > th.sorting, | |
| 26 | table.b-table > tfoot > tr > th.sorting { | 28 | table.b-table > tfoot > tr > th.sorting { | |
| 27 | padding-right: 2rem; | 29 | padding-right: 2rem; | |
| 28 | } | 30 | } | |
| 29 | 31 | |||
| 30 | [dir=rtl] .b-table > thead > tr > th.sorting, | 32 | [dir=rtl] .b-table > thead > tr > th.sorting, | |
| 31 | [dir=rtl] .b-table > tfoot > tr > th.sorting { | 33 | [dir=rtl] .b-table > tfoot > tr > th.sorting { | |
| 32 | padding-left: 2rem; | 34 | padding-left: 2rem; | |
| 33 | 35 | |||
| 34 | &:before { | 36 | &:before { | |
| 35 | right: auto; | 37 | right: auto; | |
| 36 | left: .75em; | 38 | left: .75em; | |
| 37 | } | 39 | } | |
| 38 | 40 | |||
| 39 | &:after { | 41 | &:after { | |
| 40 | right: auto; | 42 | right: auto; | |
| 41 | left: .25em; | 43 | left: .25em; | |
| 42 | } | 44 | } | |
| 43 | } | 45 | } | |
| 44 | 46 | |||
| 45 | table.b-table > thead { | 47 | table.b-table > thead { | |
| 46 | > tr > th:focus { | 48 | > tr > th:focus { | |
| 47 | outline: 0; | 49 | outline: 0; | |
| 48 | text-decoration: underline; | 50 | text-decoration: underline; | |
| 49 | } | 51 | } | |
| 50 | 52 | |||
| 51 | > tr > th.sorting::before, | 53 | > tr > th.sorting::before, | |
| 52 | > tr > th.sorting::after { | 54 | > tr > th.sorting::after { | |
| 53 | bottom: auto !important; | 55 | bottom: auto !important; | |
| 54 | padding-bottom: 0 !important; | 56 | padding-bottom: 0 !important; | |
| 55 | top: 50%; | 57 | top: 50%; | |
| 56 | transform: translateY(-50%); | 58 | transform: translateY(-50%); | |
| 57 | } | 59 | } | |
| 58 | } | 60 | } | |
| 59 | 61 | |||
| 60 | .default-style[dir=rtl] .b-table { | 62 | .default-style[dir=rtl] .b-table { | |
| 61 | @import "~@/vendor/styles/_appwork/include"; | 63 | @import "~@/vendor/styles/_appwork/include"; | |
| 62 | 64 | |||
| 63 | > thead > tr > th.sorting, | 65 | > thead > tr > th.sorting, | |
| 64 | > tfoot > tr > th.sorting { | 66 | > tfoot > tr > th.sorting { | |
| 65 | padding-right: $table-cell-padding; | 67 | padding-right: $table-cell-padding; | |
| 66 | } | 68 | } | |
| 67 | 69 | |||
| 68 | &.card-table > thead > tr > th.sorting:first-child, | 70 | &.card-table > thead > tr > th.sorting:first-child, | |
| 69 | &.card-table > tfoot > tr > th.sorting:first-child { | 71 | &.card-table > tfoot > tr > th.sorting:first-child { | |
| 70 | padding-right: $card-spacer-x; | 72 | padding-right: $card-spacer-x; | |
| 71 | } | 73 | } | |
| 72 | } | 74 | } | |
| 73 | 75 | |||
| 74 | .material-style[dir=rtl] .b-table { | 76 | .material-style[dir=rtl] .b-table { | |
| 75 | @import "~@/vendor/styles/_appwork/include-material"; | 77 | @import "~@/vendor/styles/_appwork/include-material"; | |
| 76 | 78 | |||
| 77 | > thead > tr > th.sorting, | 79 | > thead > tr > th.sorting, | |
| 78 | > tfoot > tr > th.sorting { | 80 | > tfoot > tr > th.sorting { | |
| 79 | padding-right: $table-cell-padding; | 81 | padding-right: $table-cell-padding; | |
| 80 | } | 82 | } | |
| 81 | 83 | |||
| 82 | &.card-table > thead > tr > th.sorting:first-child, | 84 | &.card-table > thead > tr > th.sorting:first-child, | |
| 83 | &.card-table > tfoot > tr > th.sorting:first-child { | 85 | &.card-table > tfoot > tr > th.sorting:first-child { | |
| 84 | padding-right: $card-spacer-x; | 86 | padding-right: $card-spacer-x; | |
| 85 | } | 87 | } | |
| 86 | } | 88 | } | |
| -+ | 89 | |||
| 90 | // Cards | |||
| 91 | // | |||
| 92 | ||||
| 93 | .default-style { | |||
| 94 | @import "~@/vendor/styles/_appwork/include"; | |||
| 95 | ||||
| 96 | .card-img-left { | |||
| 97 | @include border-left-radius(if($border-radius != 0px, calc(#{$border-radius} - 1px), 0)); | |||
| 98 | } | |||
| 99 | ||||
| 100 | .card-img-right { | |||
| 101 | @include border-right-radius(if($border-radius !=0px, calc(#{$border-radius} - 1px), 0)); | |||
| 102 | } | |||
| 103 | ||||
| 104 | &[dir=rtl] { | |||
| 105 | .card-img-left { | |||
| 106 | @include border-left-radius(0); | |||
| 107 | @include border-right-radius(if($border-radius !=0px, calc(#{$border-radius} - 1px), 0)); | |||
| 108 | } | |||
| 109 | ||||
| 110 | .card-img-right { | |||
| 111 | @include border-right-radius(0); | |||
| 112 | @include border-left-radius(if($border-radius !=0px, calc(#{$border-radius} - 1px), 0)); | |||
| 113 | } | |||
| 114 | } | |||
| 115 | } | |||
| 116 | ||||
| 117 | .material-style { | |||
| 118 | @import "~@/vendor/styles/_appwork/include-material"; | |||
| 119 | ||||
| 120 | .card-img-left { | |||
| 121 | @include border-left-radius(if($border-radius !=0px, calc(#{$border-radius} - 1px), 0)); | |||
| 122 | } | |||
| 123 | ||||
| 124 | .card-img-right { | |||
| 125 | @include border-right-radius(if($border-radius !=0px, calc(#{$border-radius} - 1px), 0)); | |||
| 126 | } | |||
| 127 | ||||
| 128 | &[dir=rtl] { | |||
| 129 | .card-img-left { | |||
| 130 | @include border-left-radius(0); | |||
| 131 | @include border-right-radius(if($border-radius !=0px, calc(#{$border-radius} - 1px), 0)); | |||
| 132 | } | |||
| 133 | ||||
| 134 | .card-img-right { | |||
| 135 | @include border-right-radius(0); | |||
| 136 | @include border-left-radius(if($border-radius !=0px, calc(#{$border-radius} - 1px), 0)); | |||
| 137 | } | |||
| 138 | } | |||
| 139 | } | |||
| 140 | ||||
| 141 | // Dropdowns | |||
| 142 | // | |||
| 143 | ||||
| 144 | .default-style { | |||
| 145 | @import "~@/vendor/styles/_appwork/include"; | |||
| 146 | ||||
| 147 | .b-dropdown-form, | |||
| 148 | .b-dropdown-text { | |||
| 149 | padding: $dropdown-item-padding-y $dropdown-item-padding-x; | |||
| 150 | } | |||
| 151 | } | |||
| 152 | ||||
| 153 | .material-style { | |||
| 154 | @import "~@/vendor/styles/_appwork/include-material"; | |||
| 155 | ||||
| 156 | .b-dropdown-form, | |||
| 157 | .b-dropdown-text { | |||
| 158 | padding: $dropdown-item-padding-y $dropdown-item-padding-x; | |||
| 159 | } | |||
| 160 | } |