162 lines
3.7 KiB
SCSS
162 lines
3.7 KiB
SCSS
/**
|
|
* Vvveb
|
|
*
|
|
* Copyright (C) 2022 Ziadin Givan
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*
|
|
*/
|
|
|
|
body
|
|
{
|
|
font-family:"Helvetica Neue", Helvetica, -apple-system, Arial, "Lucida Grande", system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
}
|
|
|
|
//$form-select-indicator: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 2'%3E%3Cpath fill='%23aaa' d='M 2,2 0,0 h 4 z'/%3E%3C/svg%3E");
|
|
|
|
$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
|
|
$form-select-bg-size: 10px 12px;
|
|
$form-select-bg-position: right 0.7rem center;
|
|
|
|
$input-btn-padding-y: .4rem;
|
|
$input-btn-padding-x: .5rem;
|
|
$custom-select-padding-y: .4rem;
|
|
//$light: rgba(var(--bs-secondary-color-rgb), 0.05);
|
|
//$blue:#495ffb;
|
|
|
|
#logo {
|
|
html[data-bs-theme="dark"] & {
|
|
//filter: brightness(3);
|
|
filter: invert(93%) hue-rotate(180deg);
|
|
}
|
|
}
|
|
|
|
$input-height: default;
|
|
|
|
$la-font-path: '../fonts/line-awesome';
|
|
$la-css-prefix-lar: 'la';
|
|
$la-css-prefix-las: 'la';
|
|
|
|
i.la {
|
|
font-style:normal;
|
|
}
|
|
|
|
|
|
$link-decoration: none;
|
|
$font-size-base: 1rem;
|
|
|
|
@import "line-awesome/line-awesome";
|
|
@import "bootstrap/bootstrap";
|
|
@import "builder";
|
|
|
|
|
|
.btn-icon
|
|
{
|
|
font-weight:500;
|
|
text-transform:capitalize;
|
|
margin-bottom:0px;
|
|
padding:0.4rem 2rem;
|
|
|
|
i:first-child
|
|
{
|
|
display: inline-block;
|
|
margin-right:0.3rem;
|
|
//font-size: 21px;
|
|
opacity:0.7;
|
|
}
|
|
|
|
&.btn-outline-primary
|
|
{
|
|
border-width:0px;
|
|
box-shadow:0px 0px 1px 0px #3478f2;
|
|
background-color:var(--bs-body-bg);
|
|
|
|
&:hover
|
|
{
|
|
color:var(--bs-link-color);
|
|
background:$gray-100;
|
|
}
|
|
|
|
i {
|
|
//border-right:1px solid rgba(var(--bs-body-color-rgb), 0.1);
|
|
background:transparent;
|
|
}
|
|
}
|
|
|
|
&.btn-outline-secondary {
|
|
box-shadow:0px 0px 2px 1px rgba(var(--bs-body-color-rgb), 0.07), -1px 1px 2px 0px rgba(var(--bs-body-bg-rgb), 0.15) inset;
|
|
box-shadow:1px 1px 1px 0px rgba(var(--bs-body-color-rgb), 0.07);
|
|
}
|
|
|
|
&.btn-gray
|
|
{
|
|
i
|
|
{
|
|
}
|
|
}
|
|
|
|
&.btn-secondary
|
|
{
|
|
box-shadow:-1px 1px 2px 1px rgba(var(--bs-body-color-rgb),0.07),-1px 1px 2px 0px rgba(var(--bs-body-bg-rgb),0.15) inset;
|
|
|
|
i
|
|
{
|
|
background: transparent;
|
|
}
|
|
}
|
|
|
|
&.btn-primary {
|
|
box-shadow:-1px 1px 2px 1px rgba(var(--bs-body-color-rgb),0.07),-1px 1px 2px 0px rgba(var(--bs-body-bg-rgb),0.15) inset;
|
|
|
|
i {
|
|
/*background: rgba(var(--bs-body-bg-rgb), 0.1);*/
|
|
}
|
|
}
|
|
|
|
&.btn-sm {
|
|
i {
|
|
//padding: 0.5rem 0.5rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
label.form-check .form-check-input {
|
|
float: none;
|
|
vertical-align: middle;
|
|
margin-right: 0.2rem;
|
|
}
|
|
.form-check .form-check-input {
|
|
position: relative;
|
|
box-shadow: 0px 0px 2px 1px rgba(var(--bs-body-color-rgb), 0.07) inset;
|
|
}
|
|
|
|
.alert-light {
|
|
//color: #525252;
|
|
//background-color: whitesmoke;
|
|
//border-color: #f0f0f0;
|
|
}
|
|
|
|
.modal-full .modal-dialog.modal-xl {
|
|
max-width: 90%;
|
|
}
|
|
|
|
.modal-full .modal-dialog.modal-xl.modal-dialog-scrollable .modal-content {
|
|
min-height:50%;
|
|
}
|
|
|
|
.btn-outline-secondary
|
|
{
|
|
//color:#555;
|
|
//border-color:var(--bs-border-color);
|
|
} |