254 lines
6.9 KiB
SCSS
254 lines
6.9 KiB
SCSS
|
@charset "UTF-8";
|
||
|
|
|
||
|
|
//$card-border-color:rgba(var(--bs-body-color-rgb), 0.1);
|
||
|
|
//$card-box-shadow: null;
|
||
|
|
/*
|
||
|
|
$headings-line-height: 1.4;
|
||
|
|
$line-height-base: 1.7;
|
||
|
|
$border-radius: 0.25rem;
|
||
|
|
$lead-font-weight:normal;
|
||
|
|
//$dropdown-font-size: 14px;
|
||
|
|
|
||
|
|
$font-family-sans-serif: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
|
||
|
|
//$font-family-monospace: 'Lora', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
||
|
|
*/
|
||
|
|
$custom-select-indicator: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M509.121,125.966c-3.838-3.838-10.055-3.838-13.893,0L256.005,365.194L16.771,125.966c-3.838-3.838-10.055-3.838-13.893,0 c-3.838,3.838-3.838,10.055,0,13.893l246.18,246.175c1.842,1.842,4.337,2.878,6.947,2.878c2.61,0,5.104-1.036,6.946-2.878 l246.17-246.175C512.959,136.021,512.959,129.804,509.121,125.966z'/%3E%3C/svg%3E");
|
||
|
|
|
||
|
|
$btn-padding-y: 0.5rem;
|
||
|
|
$btn-padding-x: 1rem;
|
||
|
|
$btn-font-weight:500;
|
||
|
|
$btn-font-size: 15px;
|
||
|
|
//$btn-disabled-opacity: 0.35;
|
||
|
|
$btn-close-width: 0.75rem;
|
||
|
|
|
||
|
|
$primary: #0070f0;
|
||
|
|
$breadcrumb-font-size: 14px;
|
||
|
|
$pagination-border-color: transparent;
|
||
|
|
$pagination-active-border-color: transparent;
|
||
|
|
//$pagination-active-bg: var(--bs-primary-bg-subtle);
|
||
|
|
//$pagination-active-color: var(--bs-link-color);
|
||
|
|
//$pagination-active-bg: transparent;
|
||
|
|
$pagination-active-bg: var(--bs-tertiary-bg);
|
||
|
|
$pagination-active-color: var(--bs-body-color);
|
||
|
|
$card-border-color: var(--bs-border-color);
|
||
|
|
$card-bg: transparent;
|
||
|
|
//$dropdown-link-active-color:var(--bs-body-color);
|
||
|
|
//$dropdown-link-active-bg:var(--bs-secondary-bg);
|
||
|
|
$dropdown-padding-y:0;
|
||
|
|
|
||
|
|
//$input-btn-font-size:0.875rem;
|
||
|
|
$accordion-border-color: rgba(var(--bs-body-color-rgb), 0.1);
|
||
|
|
$accordion-icon-width: 1rem;
|
||
|
|
|
||
|
|
.page-item {
|
||
|
|
margin:0 0.2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
$enable-grid-classes: true;
|
||
|
|
$enable-cssgrid: false;
|
||
|
|
|
||
|
|
@import "bootstrap/bootstrap";
|
||
|
|
@import "sections/sections";
|
||
|
|
@import "base";
|
||
|
|
@import "logo";
|
||
|
|
@import "fonts";
|
||
|
|
@import "navbar";
|
||
|
|
@import "blog";
|
||
|
|
@import "products";
|
||
|
|
@import "product-page";
|
||
|
|
@import "post-style";
|
||
|
|
@import "cart";
|
||
|
|
@import "menutree";
|
||
|
|
|
||
|
|
|
||
|
|
:root, [data-bs-theme="light"] {
|
||
|
|
--light-bg-rgb:244,245,248;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-bs-theme="dark"] {
|
||
|
|
--light-bg-rgb:44,45,48;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn {
|
||
|
|
--bs-border-radius: 0.25rem;
|
||
|
|
--bs-btn-font-weight: 500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-item.dropdown {
|
||
|
|
.dropdown-menu {
|
||
|
|
margin-top: -1.5rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar-sticky {
|
||
|
|
background-color: rgba(var(--bs-body-color-rgb), 0.025);
|
||
|
|
border: 1px solid rgba(var(--bs-body-color-rgb), 0.04);
|
||
|
|
padding: 1rem;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.inner-page-hero {
|
||
|
|
background-color: rgba(var(--bs-body-color-rgb),.01);
|
||
|
|
border-bottom: 1px solid rgba(var(--bs-body-color-rgb),.05);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.post h1 {
|
||
|
|
@extend .display-4;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1, h2, h3, h4 {
|
||
|
|
letter-spacing: -0.03em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fs-1, .fs-2, .fs-3, .fs-4 {
|
||
|
|
letter-spacing: -0.02em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.accordion.faq {
|
||
|
|
--bs-accordion-active-color: var(--bs-body-color);
|
||
|
|
--bs-accordion-btn-icon: url('data:image/svg+xml,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" /></svg>');
|
||
|
|
--bs-accordion-btn-active-icon: url('data:image/svg+xml,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>minus</title><path d="M19,13H5V11H19V13Z" /></svg>');
|
||
|
|
--bs-accordion-border-width: 0;
|
||
|
|
--bs-accordion-btn-focus-border-color: transparent;
|
||
|
|
--bs-accordion-btn-focus-box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.border-dashed {
|
||
|
|
border-bottom: dashed var(--bs-body-color)
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-card {
|
||
|
|
max-width:480px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.btn
|
||
|
|
{
|
||
|
|
//text-transform:capitalize;
|
||
|
|
margin-bottom:0px;
|
||
|
|
position:relative;
|
||
|
|
//padding:0.5rem 2.1rem;
|
||
|
|
//padding:0.5rem 1rem;
|
||
|
|
//box-shadow:0 4px 4px #08080814, 0 1px 2px #08080833, inset 0 6px 12px #ffffff1f, inset 0 1px 1px #fff3;
|
||
|
|
//box-shadow:1px 1px 2px 1px rgba(0, 0, 0,0.07),1px 1px 2px 1px rgba(255, 255, 255,0.15) inset;
|
||
|
|
//box-shadow:0 4px 4px rgba(0, 0, 0,0.08), 0 6px 12px rgba(0, 0, 0,0.012), 0 6px 12px rgba(255, 255, 255,0.12) inset, 0 1px 1px rgba(255, 255, 255,0.2) inset;
|
||
|
|
//border:none;
|
||
|
|
font-weight:500;
|
||
|
|
/*
|
||
|
|
i:first-child {
|
||
|
|
display: inline-block;
|
||
|
|
margin-right:0.3rem;
|
||
|
|
//font-size: 21px;
|
||
|
|
//opacity:0.7;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
&.btn-outline-primary {
|
||
|
|
border-width:0px;
|
||
|
|
box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(var(--bs-primary-rgb), 0.15) 0px 1px 2px 0px, rgba(var(--bs-primary-rgb), 0.2) 0px 0px 0px 1px;
|
||
|
|
|
||
|
|
&:hover
|
||
|
|
{
|
||
|
|
color:var(--bs-link-color);
|
||
|
|
background:var(--bs-border-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
i {
|
||
|
|
//border-right:1px solid rgba(0, 0, 0, 0.1);
|
||
|
|
background:transparent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.btn-outline-secondary, &.btn-outline-success , &.btn-outline-danger {
|
||
|
|
//box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.1), -1px 1px 2px 0px rgba(255, 255, 255, 0.15) inset;
|
||
|
|
box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
|
||
|
|
//--bs-btn-bg:var(--bs-body-bg);
|
||
|
|
border: none;
|
||
|
|
--bs-border-width:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.btn-gray {
|
||
|
|
i {
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.btn-secondary {
|
||
|
|
box-shadow:1px 1px 2px 1px rgba(0, 0, 0,0.07),-1px 1px 2px 0px rgba(255, 255, 255,0.15) inset;
|
||
|
|
//--bs-btn-bg:var(--bs-body-bg);
|
||
|
|
i {
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.btn-primary {
|
||
|
|
//box-shadow:1px 1px 2px 1px rgba(0, 0, 0,0.07),1px 1px 2px 1px rgba(255, 255, 255,0.15) inset;
|
||
|
|
//box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.2) 0px 0.75px 0px 0px inset, rgba(var(--bs-primary-rgb), 0.4) 0px 1px 2px 0px, rgba(var(--bs-primary-rgb), 0.8) 0px 0px 0px 1px;
|
||
|
|
//padding:0.5rem 2.1rem;
|
||
|
|
//padding-left:2.1rem;
|
||
|
|
//padding-right:2.1rem;
|
||
|
|
--bs-btn-border-color: rgba(var(--bs-primary-rgb), 0.5);
|
||
|
|
//--bs-btn-bg: rgba(var(--bs-primary-rgb), 0.9);
|
||
|
|
box-shadow:0 4px 4px rgba(0, 0, 0,0.08), 0 6px 12px rgba(0, 0, 0,0.012), 0 6px 12px rgba(255, 255, 255,0.12) inset, 0 1px 1px rgba(255, 255, 255,0.2) inset;
|
||
|
|
padding-left:1.2rem;
|
||
|
|
padding-right:1.2rem;
|
||
|
|
|
||
|
|
|
||
|
|
i {
|
||
|
|
/*background: rgba(255, 255, 255, 0.1);*/
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.btn-sm {
|
||
|
|
border: none;
|
||
|
|
i {
|
||
|
|
/*padding: 0.5rem 0.5rem;*/
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
content: ".";
|
||
|
|
background-image:linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
opacity: 0.16;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.border-0 {
|
||
|
|
box-shadow:none;
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
content:"";
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.btn-outline-secondary:before,&.btn-outline-primary:after,&.btn-outline-secondary:before {
|
||
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
|
||
|
|
opacity: 0.03;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-v-component-language] .dropdown-item {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-v-component-language] .active {
|
||
|
|
background: var(--bs-tertiary-bg);
|
||
|
|
color: var(--bs-body-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-v-component-language] .active::before {
|
||
|
|
content: "✓";
|
||
|
|
color: var(--bs-success);
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 1.2rem;
|
||
|
|
}
|