105 lines
3.0 KiB
SCSS
105 lines
3.0 KiB
SCSS
|
// * Help center
|
||
|
// *******************************************************************************
|
||
|
|
||
|
@use '../../assets/vendor/scss/_bootstrap-extended/include' as light;
|
||
|
@use '../../assets/vendor/scss/_bootstrap-extended/include-dark' as dark;
|
||
|
@import '../../assets/vendor/scss/_custom-variables/pages';
|
||
|
|
||
|
.user-card {
|
||
|
.user-info-title {
|
||
|
min-width: 100px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.card.primary-shadow {
|
||
|
box-shadow: 0 0.125rem 0.375rem 0 rgba(light.$primary, 0.3) !important;
|
||
|
}
|
||
|
// Light style
|
||
|
@if $enable-light-style {
|
||
|
.light-style {
|
||
|
@include light.media-breakpoint-up(xl) {
|
||
|
.user-card {
|
||
|
.border-container-lg {
|
||
|
border-right: 1px solid light.$border-color;
|
||
|
}
|
||
|
}
|
||
|
@include app-rtl-style() {
|
||
|
.user-card {
|
||
|
.border-container-lg {
|
||
|
border-right: 0;
|
||
|
border-left: 1px solid light.$border-color;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
@include light.media-breakpoint-down(xl) {
|
||
|
.user-card {
|
||
|
.border-container-lg {
|
||
|
padding-bottom: 1rem;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
@include light.media-breakpoint-up(sm) {
|
||
|
.user-card {
|
||
|
.border-container {
|
||
|
border-right: 1px solid light.$border-color;
|
||
|
}
|
||
|
}
|
||
|
.timeline {
|
||
|
.break-text {
|
||
|
width: calc(100% - 90px);
|
||
|
}
|
||
|
}
|
||
|
@include app-rtl-style() {
|
||
|
.user-card {
|
||
|
.border-container {
|
||
|
border-right: 0;
|
||
|
border-left: 1px solid light.$border-color;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// Dark style
|
||
|
@if $enable-dark-style {
|
||
|
.dark-style {
|
||
|
@include dark.media-breakpoint-up(lg) {
|
||
|
.user-card {
|
||
|
.border-container-lg {
|
||
|
border-right: 1px solid dark.$border-color;
|
||
|
}
|
||
|
}
|
||
|
@include app-rtl-style() {
|
||
|
.user-card {
|
||
|
.border-container-lg {
|
||
|
border-right: 0;
|
||
|
border-left: 1px solid dark.$border-color;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
@include dark.media-breakpoint-up(sm) {
|
||
|
.user-card {
|
||
|
.border-container {
|
||
|
border-right: 1px solid dark.$border-color;
|
||
|
}
|
||
|
}
|
||
|
.timeline {
|
||
|
.break-text {
|
||
|
width: calc(100% - 90px);
|
||
|
}
|
||
|
}
|
||
|
@include app-rtl-style() {
|
||
|
.user-card {
|
||
|
.border-container {
|
||
|
border-right: 0;
|
||
|
border-left: 1px solid dark.$border-color;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|