mirror of
https://github.com/documize/community.git
synced 2025-07-24 15:49:44 +02:00
[WIP] theme selector
This commit is contained in:
Harvey Kandola
parent
a7e52809dc
commit
11e164496b
74 changed files with 363 additions and 38 deletions
182
gui/app/styles/core/bootstrap.scss
vendored
Normal file
182
gui/app/styles/core/bootstrap.scss
vendored
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
|
||||
//
|
||||
// Variable overrides
|
||||
//
|
||||
|
||||
// font
|
||||
// $font-family-sans-serif: "Helvetica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
|
||||
// colors
|
||||
$blue: $color-primary;
|
||||
$red: $color-red;
|
||||
$green: $color-green;
|
||||
$secondary: $color-gray;
|
||||
$light: $color-white;
|
||||
$dark: $color-off-black;
|
||||
|
||||
// popover
|
||||
$popover-bg: $color-white;
|
||||
$popover-header-bg: $color-dark;
|
||||
$popover-header-color: $color-white;
|
||||
|
||||
// tooltip
|
||||
$tooltip-bg: $color-dark;
|
||||
$tooltip-color: $color-white;
|
||||
|
||||
// modal
|
||||
$modal-backdrop-opacity: 0.5;
|
||||
$modal-header-border-color: $color-white;
|
||||
$modal-footer-border-color: $color-white;
|
||||
|
||||
.modal-header {
|
||||
background-color: $color-primary;
|
||||
color: $color-off-white;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
// rounded corners
|
||||
$border-radius: 0;
|
||||
$border-radius-lg: 0;
|
||||
$border-radius-sm: 0;
|
||||
$border-radius: .125rem;
|
||||
$border-radius-lg: .15rem;
|
||||
$border-radius-sm: .1rem;
|
||||
|
||||
// dropdown
|
||||
$dropdown-link-color: $color-off-black;
|
||||
$dropdown-link-hover-color: $color-link;
|
||||
$dropdown-link-hover-bg: $color-white;
|
||||
$dropdown-link-active-color: $color-link;
|
||||
$dropdown-link-active-bg: $color-white;
|
||||
$dropdown-header-color: $color-black;
|
||||
|
||||
// form
|
||||
$input-color: $color-off-black;
|
||||
$input-border-color: $color-stroke;
|
||||
$input-focus-bg: $color-white;
|
||||
$input-focus-border-color: $color-gray;
|
||||
$input-focus-color: $color-off-black;
|
||||
$input-placeholder-color: $color-gray;
|
||||
$input-focus-border-color: $color-stroke;
|
||||
$input-btn-focus-width: .2rem;
|
||||
$input-btn-focus-color: rgba($color-primary, .25);
|
||||
|
||||
// form labels
|
||||
.form-group {
|
||||
> label {
|
||||
color: $color-dark;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
> small, > div[class*="col"] > small {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
> small.highlight, > div[class*="col"] > small.highlight {
|
||||
font-size: 1rem;
|
||||
color: $color-orange !important;
|
||||
}
|
||||
}
|
||||
|
||||
// links
|
||||
$link-color: $color-link;
|
||||
$link-decoration: none;
|
||||
$link-hover-color: darken($link-color, 15%) !default;
|
||||
$link-hover-decoration: none;
|
||||
|
||||
//
|
||||
// Bootstrap includes
|
||||
//
|
||||
|
||||
// Required
|
||||
@import "node_modules/bootstrap/scss/functions";
|
||||
@import "node_modules/bootstrap/scss/variables";
|
||||
@import "node_modules/bootstrap/scss/mixins";
|
||||
|
||||
// Optional
|
||||
@import "node_modules/bootstrap/scss/reboot";
|
||||
@import "node_modules/bootstrap/scss/grid";
|
||||
@import "node_modules/bootstrap/scss/buttons";
|
||||
@import "node_modules/bootstrap/scss/button-group";
|
||||
@import "node_modules/bootstrap/scss/dropdown";
|
||||
@import "node_modules/bootstrap/scss/forms";
|
||||
@import "node_modules/bootstrap/scss/custom-forms";
|
||||
@import "node_modules/bootstrap/scss/input-group";
|
||||
@import "node_modules/bootstrap/scss/modal";
|
||||
@import "node_modules/bootstrap/scss/utilities";
|
||||
@import "node_modules/bootstrap/scss/popover";
|
||||
@import "node_modules/bootstrap/scss/tooltip";
|
||||
@import "node_modules/bootstrap/scss/tables";
|
||||
@import "node_modules/bootstrap/scss/badge";
|
||||
|
||||
// Boostrap overrides
|
||||
.modal-80 {
|
||||
max-width: 80% !important;
|
||||
}
|
||||
|
||||
body.modal-open {
|
||||
padding-right: 0 !important;
|
||||
// Do not scroll body to top.
|
||||
// See: https://stackoverflow.com/questions/21604674/bootstrap-modal-background-jumps-to-top-on-toggle/21881894
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.modal-header-white {
|
||||
background-color: $color-white !important;
|
||||
border: none !important;
|
||||
|
||||
> .close {
|
||||
background-color: $color-white !important;
|
||||
border: none !important;
|
||||
|
||||
> span {
|
||||
color: $color-gray;
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popover-header {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.popover-body {
|
||||
font-size: 1rem;
|
||||
|
||||
> p {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
> ul {
|
||||
margin: 10px 0 10px 25px;
|
||||
|
||||
> li {
|
||||
list-style: square;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
// Bootstrap override that removes gutter space on smaller screens
|
||||
// @media (max-width: 1200px) {
|
||||
// .container {
|
||||
// width: 100%;
|
||||
// max-width: none;
|
||||
// }
|
||||
// }
|
||||
Loading…
Add table
Add a link
Reference in a new issue