You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
1.7 KiB
78 lines
1.7 KiB
7 months ago
|
// ===============================================================================================
|
||
|
|
// File Name: knowledge-base.scss
|
||
|
|
// Description: Knowledge Base Page Content SCSS
|
||
|
|
// ----------------------------------------------------------------------------------------------
|
||
|
|
// Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||
|
|
// Author: PIXINVENT
|
||
|
|
// Author URL: http://www.themeforest.net/user/pixinvent
|
||
|
|
// ================================================================================================
|
||
|
|
|
||
|
|
@import '../bootstrap-extended/include'; // Bootstrap includes
|
||
|
|
@import '../components/include'; // Components includes
|
||
|
|
|
||
|
|
$svg-bg: #fcfcfc;
|
||
|
|
|
||
|
|
// Knowledge-base jumbotron scss
|
||
|
|
.knowledge-base-bg {
|
||
|
|
background-size: cover;
|
||
|
|
background-color: rgba($primary, 0.12) !important;
|
||
|
|
|
||
|
|
// knowledge base search
|
||
|
|
.kb-search-input {
|
||
|
|
.input-group {
|
||
|
|
// remove input group box shadow on inside focus
|
||
|
|
&:focus-within {
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
.kb-search-content-info {
|
||
|
|
.kb-search-content {
|
||
|
|
.card-img-top {
|
||
|
|
background-color: $svg-bg;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.no-result {
|
||
|
|
&.no-items {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// knowledge base title
|
||
|
|
.kb-title {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
//search input width fixed for medium up screen
|
||
|
|
@include media-breakpoint-up(md) {
|
||
|
|
.knowledge-base-bg {
|
||
|
|
.kb-search-input {
|
||
|
|
.input-group {
|
||
|
|
width: 576px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// make jumbotron card body padding
|
||
|
|
@include media-breakpoint-up(lg) {
|
||
|
|
.knowledge-base-bg {
|
||
|
|
.card-body {
|
||
|
|
padding: 8rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// make jumbotron card body padding
|
||
|
|
@include media-breakpoint-only(md) {
|
||
|
|
.knowledge-base-bg {
|
||
|
|
.card-body {
|
||
|
|
padding: 6rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|