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.
 
 
 
 
 
 

77 lines
1.7 KiB

// ===============================================================================================
// 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;
}
}
}