Aknaproff/resources/sass/app.scss
2023-09-21 13:45:08 +01:00

151 lines
2.4 KiB
SCSS
Vendored

// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');
// Variables
@import 'variables';
// Bootstrap
//@import '~bootstrap/scss/bootstrap';
@import '~admin-lte/dist/css/adminlte.css';
.font_icon_size{
font-size: 24px;
}
.on_hover:hover {
box-shadow: 0 0 25px rgba(35,35,35,.3);
}
.subscribed{
box-shadow: 0 0 25px rgba(35,35,35,.3);
}
.app_tour_play_btn{
margin-top: 9px;
margin-bottom: 9px;
margin-left: 80px;
}
.dz-preview .dz-image img{
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.mb-85 {
margin-bottom: 85px;
}
.float-left {
float: left;
}
.form_custom_attr_field {
margin: 2px;
margin-top: 7px;
}
.mb-10 {
margin-bottom: 10px;
}
.text-deco-none {
text-decoration: none !important;
}
.cursor-pointer {
cursor: pointer;
}
.edit-assigned-form {
background: #d2d6de;
padding-top: 6px;
padding-left: 6px;
}
.assign-form {
background: #86BCEB;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
}
.introjs-helperLayer{
min-height:58px !important;
}
.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.1);
}
.element-config-action-btn{
position: absolute;
top: 14%;
transform: translateY(-14%);
right: -32px;
z-index: 1;
}
canvas{
max-width: 100% !important;
}
.bg-light-gray{
background-color: #C8CEED !important;
}
.border-1{
border: 1px;
}
.border-solid{
border-style: solid;
}
.divider {
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
margin: 1rem 0;
}
.divider .divider-text {
position: relative;
display: inline-block;
font-size: 0.9375rem;
padding: 0 1rem;
}
.divider .divider-text:before, .divider .divider-text:after {
content: '';
position: absolute;
top: 50%;
width: 9999px;
border-top: 1px solid #ebe9f1;
}
.divider .divider-text:before {
right: 100%;
}
.divider .divider-text:after {
left: 100%;
}
.divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after {
border-style: dashed;
border-width: 1px;
border-top-width: 0;
border-color: #475569;
}
.max-width-100{
max-width: 100% !important;
}