mirror of
https://github.com/documize/community.git
synced 2025-08-02 12:05:23 +02:00
Implement new refactored color scheme
This commit is contained in:
Harvey Kandola
parent
da0861b3fd
commit
d7a46ceee6
70 changed files with 934 additions and 521 deletions
49
gui/app/styles/core/all.scss
Normal file
49
gui/app/styles/core/all.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
// 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
|
||||
|
||||
// Theme color utility classes.
|
||||
.color-theme-900 { color: $theme-900; }
|
||||
.color-theme-800 { color: $theme-800; }
|
||||
.color-theme-700 { color: $theme-700; }
|
||||
.color-theme-600 { color: $theme-600; }
|
||||
.color-theme-500 { color: $theme-500; }
|
||||
.color-theme-400 { color: $theme-400; }
|
||||
.color-theme-300 { color: $theme-300; }
|
||||
.color-theme-200 { color: $theme-200; }
|
||||
.color-theme-100 { color: $theme-100; }
|
||||
.background-color-theme-900 { background-color: $theme-900; }
|
||||
.background-color-theme-800 { background-color: $theme-800; }
|
||||
.background-color-theme-700 { background-color: $theme-700; }
|
||||
.background-color-theme-600 { background-color: $theme-600; }
|
||||
.background-color-theme-500 { background-color: $theme-500; }
|
||||
.background-color-theme-400 { background-color: $theme-400; }
|
||||
.background-color-theme-300 { background-color: $theme-300; }
|
||||
.background-color-theme-200 { background-color: $theme-200; }
|
||||
.background-color-theme-100 { background-color: $theme-100; }
|
||||
|
||||
@import "font.scss";
|
||||
@import "icon.scss";
|
||||
@import "mixins.scss";
|
||||
@import "base.scss";
|
||||
@import "bootstrap.scss";
|
||||
|
||||
@import "view/common.scss";
|
||||
@import "widget/widget.scss";
|
||||
@import "ui/all.scss";
|
||||
@import "view/toolbar.scss";
|
||||
@import "view/views.scss";
|
||||
@import "layout/all.scss";
|
||||
|
||||
@import "vendor.scss";
|
||||
@import "print.scss";
|
||||
@import "news.scss";
|
||||
@import "section/all.scss";
|
||||
@import "enterprise/all.scss";
|
||||
|
|
@ -34,7 +34,6 @@ a {
|
|||
cursor: pointer;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
// text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
|
|
@ -43,7 +42,6 @@ a {
|
|||
}
|
||||
|
||||
a.admin-link {
|
||||
// color: $color-gray;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
|
||||
|
|
@ -54,7 +52,7 @@ a.admin-link {
|
|||
}
|
||||
|
||||
a.broken-link {
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
|
|
@ -118,7 +116,7 @@ input:-webkit-autofill {
|
|||
}
|
||||
|
||||
.bordered {
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
}
|
||||
|
||||
.text-truncate {
|
||||
|
|
@ -131,13 +129,13 @@ input:-webkit-autofill {
|
|||
width: 7px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: $color-off-white;
|
||||
background: map-get($gray-shades, 100);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: $color-gray-light;
|
||||
background: map-get($gray-shades, 300);
|
||||
|
||||
&:hover {
|
||||
background: $color-gray;
|
||||
background: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
40
gui/app/styles/core/bootstrap.scss
vendored
40
gui/app/styles/core/bootstrap.scss
vendored
|
|
@ -18,20 +18,20 @@
|
|||
// $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;
|
||||
$blue: $theme-500;
|
||||
$red: map-get($red-shades, 600);
|
||||
$green: map-get($green-shades, 700);
|
||||
$secondary: map-get($gray-shades, 600);
|
||||
$light: $color-white;
|
||||
$dark: $color-off-black;
|
||||
$dark: $color-black-light-1;
|
||||
|
||||
// popover
|
||||
$popover-bg: $color-white;
|
||||
$popover-header-bg: $color-dark;
|
||||
$popover-header-bg: map-get($gray-shades, 800);
|
||||
$popover-header-color: $color-white;
|
||||
|
||||
// tooltip
|
||||
$tooltip-bg: $color-dark;
|
||||
$tooltip-bg: map-get($gray-shades, 800);
|
||||
$tooltip-color: $color-white;
|
||||
|
||||
// modal
|
||||
|
|
@ -40,8 +40,8 @@ $modal-header-border-color: $color-white;
|
|||
$modal-footer-border-color: $color-white;
|
||||
|
||||
.modal-header {
|
||||
background-color: $color-primary;
|
||||
color: $color-off-white;
|
||||
background-color: $theme-500;
|
||||
color: map-get($gray-shades, 100);
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
|
|
@ -54,7 +54,7 @@ $border-radius-lg: .15rem;
|
|||
$border-radius-sm: .1rem;
|
||||
|
||||
// dropdown
|
||||
$dropdown-link-color: $color-off-black;
|
||||
$dropdown-link-color: $color-black-light-1;
|
||||
$dropdown-link-hover-color: $color-link;
|
||||
$dropdown-link-hover-bg: $color-white;
|
||||
$dropdown-link-active-color: $color-link;
|
||||
|
|
@ -62,20 +62,20 @@ $dropdown-link-active-bg: $color-white;
|
|||
$dropdown-header-color: $color-black;
|
||||
|
||||
// form
|
||||
$input-color: $color-off-black;
|
||||
$input-border-color: $color-stroke;
|
||||
$input-color: $color-black-light-1;
|
||||
$input-border-color: map-get($gray-shades, 200);
|
||||
$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-focus-border-color: map-get($gray-shades, 600);
|
||||
$input-focus-color: $color-black-light-1;
|
||||
$input-placeholder-color: map-get($gray-shades, 600);
|
||||
$input-focus-border-color: map-get($gray-shades, 200);
|
||||
$input-btn-focus-width: .2rem;
|
||||
$input-btn-focus-color: rgba($color-primary, .25);
|
||||
$input-btn-focus-color: rgba($theme-500, .25);
|
||||
|
||||
// form labels
|
||||
.form-group {
|
||||
> label {
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
|
@ -86,7 +86,7 @@ $input-btn-focus-color: rgba($color-primary, .25);
|
|||
|
||||
> small.highlight, > div[class*="col"] > small.highlight {
|
||||
font-size: 1rem;
|
||||
color: $color-orange !important;
|
||||
color: map-get($yellow-shades, 700) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -142,7 +142,7 @@ body.modal-open {
|
|||
border: none !important;
|
||||
|
||||
> span {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,108 +0,0 @@
|
|||
// 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
|
||||
|
||||
// default theme makes things tick
|
||||
$color-primary: #280A42;
|
||||
$color-primary-light: #F7F2FF;
|
||||
$color-link: #348A37;
|
||||
|
||||
// black, white
|
||||
$color-black: #000000;
|
||||
$color-off-black: #111111;
|
||||
$color-white: #ffffff;
|
||||
$color-off-white: #f5f5f5;
|
||||
|
||||
// gray
|
||||
$color-dark: #434343;
|
||||
$color-gray: #8b9096;
|
||||
$color-gray-light: #d8d8d8;
|
||||
$color-gray-light2: #eaeaea;
|
||||
$color-gray-light3: #f9f9f9;
|
||||
$color-border: #d3d3d3;
|
||||
|
||||
// colors
|
||||
$color-red: #9E0D1F;
|
||||
$color-green: #348A37;
|
||||
$color-blue: #2667af;
|
||||
$color-goldy: #FFD700;
|
||||
$color-yellow: #fff8dc;
|
||||
$color-orange: #FFAD15;
|
||||
|
||||
// widgets
|
||||
$color-checkbox: #2667af;
|
||||
$color-symbol-box: #dce5e8;
|
||||
$color-symbol-icon: #a4b8be;
|
||||
$color-card: #F9F9F9;
|
||||
$color-stroke: #e1e1e1;
|
||||
$color-whats-new: #fc1530;
|
||||
|
||||
// Color utility classes for direct usage in HTML
|
||||
.color-white {
|
||||
color: $color-white !important;
|
||||
}
|
||||
.color-off-white {
|
||||
color: $color-off-white !important;
|
||||
}
|
||||
.color-black {
|
||||
color: $color-black !important;
|
||||
}
|
||||
.color-off-black {
|
||||
color: $color-off-black !important;
|
||||
}
|
||||
.color-primary {
|
||||
color: $color-primary !important;
|
||||
}
|
||||
.color-link {
|
||||
color: $color-link !important;
|
||||
}
|
||||
.color-blue {
|
||||
color: $color-blue !important;
|
||||
}
|
||||
.color-red {
|
||||
color: $color-red !important;
|
||||
}
|
||||
.color-green {
|
||||
color: $color-green !important;
|
||||
}
|
||||
.color-gray {
|
||||
color: $color-gray !important;
|
||||
}
|
||||
.color-gold {
|
||||
color: $color-goldy !important;
|
||||
}
|
||||
.color-orange {
|
||||
color: $color-orange !important;
|
||||
}
|
||||
.color-whats-new {
|
||||
color: $color-whats-new !important;
|
||||
}
|
||||
|
||||
.background-color-white {
|
||||
background-color: $color-white !important;
|
||||
}
|
||||
.background-color-off-white {
|
||||
background-color: $color-off-white !important;
|
||||
}
|
||||
.background-color-off-black {
|
||||
background-color: $color-off-black !important;
|
||||
}
|
||||
.background-color-green {
|
||||
background-color: $color-green !important;
|
||||
}
|
||||
.background-color-theme {
|
||||
background-color: $color-primary !important;
|
||||
}
|
||||
.background-color-theme-light {
|
||||
background-color: $color-primary-light !important;
|
||||
}
|
||||
.background-color-gold {
|
||||
background-color: $color-goldy !important;
|
||||
}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
.content-zone {
|
||||
> .explainer-header {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
|
@ -8,14 +8,14 @@
|
|||
> .explainer-text {
|
||||
margin: 3px 0;
|
||||
padding: 0;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
> .explainer-list {
|
||||
margin: 5px 20px;
|
||||
padding: 0;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
|
||||
> li {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
footer {
|
||||
background-color: $color-primary-light;
|
||||
color: $color-gray;
|
||||
background-color: $theme-100;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
padding: 5px 2rem;
|
||||
|
|
@ -12,7 +12,7 @@ footer {
|
|||
|
||||
a, a:visited {
|
||||
@include ease-in();
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
|
|
@ -33,7 +33,7 @@ footer {
|
|||
}
|
||||
|
||||
> .progress-done {
|
||||
background-color: $color-green;
|
||||
background-color: map-get($green-shades, 600);
|
||||
color: $color-white;
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
|
|
@ -45,7 +45,7 @@ footer {
|
|||
> .progress-notification {
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ $break-5: 1800px;
|
|||
|
||||
.layout-sidebar {
|
||||
order: -1;
|
||||
background-color: $color-gray-light2;
|
||||
background-color: map-get($gray-shades, 200);
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -37,8 +37,8 @@
|
|||
}
|
||||
|
||||
.sidebar-view-switcher {
|
||||
color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
color: $theme-500;
|
||||
background-color: map-get($gray-shades, 600);
|
||||
padding: 5px 20px;
|
||||
text-align: center;
|
||||
height: 50px;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: $color-primary;
|
||||
background-color: $theme-500;
|
||||
color: $color-white;
|
||||
padding: 0 2rem;
|
||||
font-size: 1rem;
|
||||
|
|
@ -40,12 +40,12 @@
|
|||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary-light !important;
|
||||
color: $color-primary !important;
|
||||
background-color: $theme-500 !important;
|
||||
color: $theme-500 !important;
|
||||
padding: 5px 10px !important;
|
||||
|
||||
&:hover {
|
||||
color: darken($color-primary, 15%) !important;
|
||||
color: darken($theme-500, 15%) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -63,23 +63,23 @@
|
|||
> .hamburger {
|
||||
@include ease-in();
|
||||
@include border-radius(3px);
|
||||
background-color: $color-primary;
|
||||
border: 1px solid $color-primary-light;
|
||||
background-color: $theme-500;
|
||||
border: 1px solid $theme-100;
|
||||
|
||||
> i {
|
||||
font-size: 1.8rem;
|
||||
line-height: 2.1rem;
|
||||
padding: 0px 3px 0px 3px;
|
||||
color: $color-primary-light;
|
||||
color: $theme-100;
|
||||
cursor: pointer;
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $color-primary-light;
|
||||
background-color: $theme-100;
|
||||
|
||||
> i {
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,12 +10,14 @@ $display-break-5: 1800px;
|
|||
display: block;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
// z-index: 777;
|
||||
|
||||
.master-content {
|
||||
display: block;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
// z-index: 666;
|
||||
}
|
||||
}
|
||||
.master-sidebar-container {
|
||||
|
|
@ -27,7 +29,7 @@ $display-break-5: 1800px;
|
|||
display: block;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
background-color: $color-primary;
|
||||
background-color: $theme-500;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
z-index: 999;
|
||||
|
|
@ -91,7 +93,7 @@ $display-break-5: 1800px;
|
|||
border-radius: 50%;
|
||||
font-size: 0.75rem;
|
||||
text-align: center;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-weight: bold;
|
||||
background-color: $color-white;
|
||||
@extend .no-select;
|
||||
|
|
@ -107,7 +109,7 @@ $display-break-5: 1800px;
|
|||
width: 100%;
|
||||
padding: 5px 10px;
|
||||
z-index: 888;
|
||||
background-color: $color-off-white;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@
|
|||
@mixin content-container($pad-tb: 25px, $pad-lr: 50px) {
|
||||
@include border-radius(2px);
|
||||
padding: $pad-tb $pad-lr;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
box-shadow: 0 0 0 0.75pt map-get($gray-shades, 200),0 0 3pt 0.75pt map-get($gray-shades, 200);
|
||||
background-color: $color-white;
|
||||
}
|
||||
|
||||
|
|
@ -64,17 +64,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
@mixin card-theme() {
|
||||
background-color: $color-primary-light;
|
||||
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
|
||||
|
||||
&:hover {
|
||||
background-color: darken($color-primary-light, 5%);
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin shadow() {
|
||||
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,14 +4,14 @@
|
|||
|
||||
> .update-summary {
|
||||
padding: 25px;
|
||||
border: 1px solid $color-orange;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid map-get($yellow-shades, 700);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
@include border-radius(2px);
|
||||
|
||||
> .caption {
|
||||
font-weight: bold;
|
||||
font-size: 1.5rem;
|
||||
color: $color-orange;
|
||||
color: map-get($yellow-shades, 700);
|
||||
margin-bottom: 15px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -19,13 +19,13 @@
|
|||
> .instructions {
|
||||
font-weight: normal;
|
||||
font-size: 1.3rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
> .version {
|
||||
margin: 30px 0 0 20px;
|
||||
font-size: 1.3rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
|
@ -41,8 +41,8 @@
|
|||
> .tag-edition {
|
||||
margin: 10px 10px 10px 10px;
|
||||
padding: 5px 10px;
|
||||
background-color: $color-gray-light;
|
||||
color: $color-primary;
|
||||
background-color: map-get($gray-shades, 300);
|
||||
color: $theme-500;
|
||||
font-weight: bold;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
> .version {
|
||||
font-weight: bold;
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 1rem;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
text-align: left;
|
||||
font-weight: normal;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
border-radius: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: $color-orange;
|
||||
background-color: map-get($yellow-shades, 700);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
|
|
@ -106,7 +106,7 @@
|
|||
border-radius: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: $color-whats-new;
|
||||
background-color: map-get($red-shades, 600);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -120,23 +120,23 @@
|
|||
margin: 0 0 10px 0;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
|
||||
> .news-item {
|
||||
padding: 30px 0;
|
||||
border-bottom: 1px solid $color-border;
|
||||
border-bottom: 1px solid map-get($gray-shades, 300);
|
||||
text-align: center;
|
||||
|
||||
> .title {
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .date {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
|
|
@ -152,8 +152,8 @@
|
|||
> .tag-edition {
|
||||
margin: 10px 10px 10px 10px;
|
||||
padding: 5px 10px;
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: 700;
|
||||
font-size: 0.9rem;
|
||||
display: inline-block;
|
||||
|
|
@ -168,7 +168,7 @@
|
|||
> .action {
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: 800;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,19 +15,19 @@
|
|||
|
||||
@top-right {
|
||||
font-size: 12px;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
// content: string(doctitle);
|
||||
}
|
||||
|
||||
@bottom-left {
|
||||
font-size: 12px;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
// content: 'Exported from Documize';
|
||||
}
|
||||
|
||||
@bottom-right {
|
||||
font-size: 12px;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
// content: counter(page);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
1
gui/app/styles/core/ui/all.scss
Normal file
1
gui/app/styles/core/ui/all.scss
Normal file
|
|
@ -0,0 +1 @@
|
|||
@import "ui-tooltip";
|
||||
23
gui/app/styles/core/ui/ui-tooltip.scss
Normal file
23
gui/app/styles/core/ui/ui-tooltip.scss
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
// https://github.com/kybishop/ember-attacher
|
||||
|
||||
.ember-attacher-popper {
|
||||
background-color: $color-white;
|
||||
font-size: 1rem;
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
@include border-radius(3px);
|
||||
|
||||
> p {
|
||||
margin: 4px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
> .menu {
|
||||
margin: 0;
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ember-attacher-tooltip {
|
||||
font-size: 0.9rem;
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
max-width: 500px;
|
||||
padding: 20px 50px;
|
||||
background-color: $color-white;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
@include border-radius(3px);
|
||||
@include shadow();
|
||||
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
|
||||
> .url {
|
||||
margin: 20px 0;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -38,5 +38,5 @@
|
|||
text-align: center;
|
||||
margin-top: 150px;
|
||||
font-size: 3rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,27 +9,27 @@
|
|||
max-width: 500px;
|
||||
padding: 30px;
|
||||
@include border-radius(5px);
|
||||
background-color: $color-off-white;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
display: block;
|
||||
opacity: 0.8;
|
||||
|
||||
> p {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2.5rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
display: block;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
font-size: 5rem;
|
||||
color: $color-stroke;
|
||||
color: map-get($gray-shades, 200);
|
||||
}
|
||||
}
|
||||
|
||||
.not-found {
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
margin: 5rem 0;
|
||||
}
|
||||
|
||||
|
|
@ -50,12 +50,12 @@
|
|||
margin: 0 20px 20px 0;
|
||||
padding: 10px 0 0 0;
|
||||
cursor: default;
|
||||
border: 7px solid $color-gray-light;
|
||||
border: 7px solid map-get($gray-shades, 300);
|
||||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
|
||||
&:hover {
|
||||
border: 7px solid $color-gray;
|
||||
border: 7px solid map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
.tick {
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
> .sub-heading {
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
.user-table {
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
> .email {
|
||||
font-size: 0.9rem;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
cursor: pointer;
|
||||
margin: 5px 0 0 10px;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
|
|
@ -46,19 +46,19 @@
|
|||
|
||||
.inactive-user
|
||||
{
|
||||
@extend .color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
font-weight: normal;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.admin-user
|
||||
{
|
||||
@extend .color-primary;
|
||||
color: map-get($green-shades, 600);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
color: $color-checkbox;
|
||||
color: map-get($gray-shades, 900);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
margin: 15px 0;
|
||||
padding: 15px 0;
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -83,13 +83,13 @@
|
|||
margin: 15px 0;
|
||||
|
||||
.name {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 600;
|
||||
|
||||
> .purpose {
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -101,7 +101,7 @@
|
|||
margin: 10px 0;
|
||||
|
||||
> .fullname {
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -113,7 +113,7 @@
|
|||
margin: 10px 0;
|
||||
|
||||
> .group-name {
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-size: 1.2rem;
|
||||
|
||||
> .group-purpose {
|
||||
|
|
@ -126,13 +126,13 @@
|
|||
> .smtp-failure, .admin-setting-failure {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
}
|
||||
|
||||
> .smtp-success, .admin-setting-success {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
}
|
||||
|
||||
> .archive-admin {
|
||||
|
|
@ -142,7 +142,7 @@
|
|||
padding: 15px 0;
|
||||
@include ease-in();
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -157,38 +157,38 @@
|
|||
|
||||
> .backup-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-green, 60%);
|
||||
color: $color-off-black;
|
||||
background-color: map-get($green-shades, 200);
|
||||
color: $color-black-light-1;
|
||||
|
||||
> .backup-fail {
|
||||
margin: 10px 0;
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
}
|
||||
|
||||
> .backup-success {
|
||||
margin: 10px 0;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 800);
|
||||
}
|
||||
}
|
||||
|
||||
> .restore-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
margin: 50px 0;
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-red, 60%);
|
||||
color: $color-off-black;
|
||||
background-color: map-get($red-shades, 200);
|
||||
color: $color-black-light-1;
|
||||
|
||||
> .restore-fail {
|
||||
margin: 10px 0;
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 800);
|
||||
}
|
||||
|
||||
> .restore-success {
|
||||
margin: 10px 0;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 700);
|
||||
}
|
||||
|
||||
> .upload-backup-file {
|
||||
|
|
@ -209,12 +209,12 @@
|
|||
}
|
||||
|
||||
> .wait {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
> .ready {
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 700);
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -223,10 +223,10 @@
|
|||
|
||||
> .deactivation-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-red;
|
||||
border: 1px solid map-get($red-shades, 600);
|
||||
margin: 30px 0;
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-red, 60%);
|
||||
color: $color-off-black;
|
||||
background-color: map-get($red-shades, 100);
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
text-align: center;
|
||||
margin: 30px 0 20px 0;
|
||||
position: relative;
|
||||
color: $color-gray-light;
|
||||
color: map-get($gray-shades, 300);
|
||||
|
||||
> .cta {
|
||||
@include ease-in();
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
letter-spacing: 0.22rem;
|
||||
|
||||
&:hover {
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 700);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -29,14 +29,14 @@
|
|||
|
||||
.new-section-caption {
|
||||
margin: 20px 0 10px 0;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-size: 1.4rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.new-section-empty {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
.preset-list {
|
||||
|
|
@ -52,12 +52,12 @@
|
|||
margin: 0 20px 20px 0;
|
||||
padding: 12px 0 0 20px;
|
||||
height: 60px;
|
||||
border: 1px solid $color-border;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
|
||||
&:hover {
|
||||
border-color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
border-color: $theme-500;
|
||||
background-color: $theme-100;
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
|
@ -78,7 +78,7 @@
|
|||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
letter-spacing: 0.5px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
|
@ -99,12 +99,12 @@
|
|||
padding: 12px 20px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
border: 1px solid $color-border;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
|
||||
&:hover {
|
||||
border-color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
border-color: $theme-500;
|
||||
background-color: $theme-100;
|
||||
}
|
||||
|
||||
> .actions {
|
||||
|
|
@ -118,12 +118,12 @@
|
|||
> .title {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
> .desc {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,8 +8,8 @@
|
|||
@include ease-in();
|
||||
margin: 0 0 5px 0;
|
||||
padding: 10px 15px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
|
|
@ -19,12 +19,12 @@
|
|||
}
|
||||
|
||||
> .title {
|
||||
color : $color-off-black;
|
||||
color : $color-black-light-1;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
> .space {
|
||||
color : $color-gray;
|
||||
color : map-get($gray-shades, 600);
|
||||
font-size: 0.8rem;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
}
|
||||
|
||||
> .snippet {
|
||||
color : $color-gray;
|
||||
color : map-get($gray-shades, 600);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
.doc-excerpt {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
|
@ -18,24 +18,24 @@
|
|||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
display: inline-block;
|
||||
border: 2px solid $color-green;
|
||||
border: 2px solid map-get($green-shades, 700);
|
||||
padding: 2px 10px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
font-weight: 800;
|
||||
font-size: 1rem;
|
||||
|
||||
&:hover {
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 500);
|
||||
}
|
||||
}
|
||||
|
||||
.document-lifecycle-draft {
|
||||
@extend .document-lifecycle-live;
|
||||
border: 2px solid $color-orange;
|
||||
border: 2px solid map-get($yellow-shades, 700);
|
||||
|
||||
&:hover {
|
||||
color: $color-orange;
|
||||
color: map-get($yellow-shades, 700);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -46,30 +46,30 @@
|
|||
padding: 2px 10px;
|
||||
font-weight: 800;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 2px solid $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
border: 2px solid map-get($gray-shades, 600);
|
||||
|
||||
&:hover {
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
}
|
||||
|
||||
.document-protection-review {
|
||||
@extend .document-protection-unlocked;
|
||||
border: 2px solid $color-orange;
|
||||
border: 2px solid map-get($yellow-shades, 700);
|
||||
|
||||
&:hover {
|
||||
color: $color-orange;
|
||||
color: map-get($yellow-shades, 700);
|
||||
}
|
||||
}
|
||||
|
||||
.document-protection-locked {
|
||||
@extend .document-protection-unlocked;
|
||||
border: 2px solid $color-red;
|
||||
border: 2px solid map-get($red-shades, 600);
|
||||
|
||||
&:hover {
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -78,10 +78,10 @@
|
|||
padding: 2px 10px;
|
||||
font-weight: 600;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 2px solid $color-gray;
|
||||
border-left: 13px solid $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
border: 2px solid map-get($gray-shades, 600);
|
||||
border-left: 13px solid map-get($gray-shades, 600);
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -91,6 +91,6 @@
|
|||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,8 +10,8 @@
|
|||
margin: 0 0 2rem 0;
|
||||
|
||||
> .page-number {
|
||||
color: $color-gray;
|
||||
background-color: $color-gray-light2;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 200);
|
||||
padding: 0.2rem 1rem;
|
||||
font-size: 1.8rem;
|
||||
margin: 0 1.5rem 0 0;
|
||||
|
|
@ -21,11 +21,11 @@
|
|||
}
|
||||
|
||||
> .page-state-pending {
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
}
|
||||
|
||||
> .page-state-review {
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
}
|
||||
|
||||
> .page-title {
|
||||
|
|
@ -33,7 +33,7 @@
|
|||
font-size: 2.0rem;
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -55,8 +55,8 @@
|
|||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
> th:first-child {
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
cursor: not-allowed !important;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-gray-light;
|
||||
color: map-get($gray-shades, 300);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -42,7 +42,7 @@
|
|||
overflow: hidden;
|
||||
|
||||
> .link {
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
}
|
||||
|
||||
> .numbering {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
> .canvas {
|
||||
// margin: 34px 0 0 0;
|
||||
padding: 30px 20px;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
box-shadow: 0 0 0 0.75pt map-get($gray-shades, 200),0 0 3pt 0.75pt map-get($gray-shades, 200);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
margin: 0 0 30px 0;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
> .list {
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
position: absolute;
|
||||
top: 19px;
|
||||
left: -20px;
|
||||
background-color: $color-border;
|
||||
background-color: map-get($gray-shades, 300);
|
||||
height: 3px;
|
||||
width: 10px;
|
||||
}
|
||||
|
|
@ -43,21 +43,21 @@
|
|||
> .doc {
|
||||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
> .note {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1rem;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .list-timeline {
|
||||
border-left: 5px solid $color-border;
|
||||
border-left: 5px solid map-get($gray-shades, 300);
|
||||
padding-left: 20px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
padding: 0;
|
||||
font-size: 1.1rem;
|
||||
list-style-type: none;
|
||||
border-left: 6px solid $color-gray-light;
|
||||
border-left: 6px solid map-get($gray-shades, 300);
|
||||
padding-left: 15px;
|
||||
margin-left: 3px;
|
||||
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
font-size: 1.1rem;
|
||||
vertical-align: text-top;
|
||||
margin-right: 10px;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
@include ease-in();
|
||||
position: relative;
|
||||
padding: 25px 50px;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
box-shadow: 0 0 0 0.75pt map-get($gray-shades, 200),0 0 3pt 0.75pt map-get($gray-shades, 200);
|
||||
background-color: $color-white;
|
||||
margin: 50px 0;
|
||||
|
||||
|
|
|
|||
|
|
@ -3,14 +3,14 @@
|
|||
padding: 30px 50px;
|
||||
text-align: center;
|
||||
max-width: 400px;
|
||||
border: 1px dotted $color-border;
|
||||
background: $color-off-white;
|
||||
border: 1px dotted map-get($gray-shades, 300);
|
||||
background: map-get($gray-shades, 100);
|
||||
@include border-radius(3px);
|
||||
|
||||
> .prompt {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
|
|
@ -20,6 +20,6 @@
|
|||
> .ack {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,20 +1,20 @@
|
|||
.wysiwyg {
|
||||
font-size: 17px;
|
||||
line-height: 25px;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
|
||||
table {
|
||||
border: 1px solid $color-border !important;
|
||||
border: 1px solid map-get($gray-shades, 300) !important;
|
||||
|
||||
th {
|
||||
padding: 5px 7px !important;
|
||||
border: 1px solid $color-border !important;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid map-get($gray-shades, 300) !important;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 5px 7px !important;
|
||||
border: 1px solid $color-border !important;
|
||||
border: 1px solid map-get($gray-shades, 300) !important;
|
||||
|
||||
p {
|
||||
margin: 0 !important;
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
h6 {
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
h1 { font-size: 2.0rem; }
|
||||
|
|
@ -63,9 +63,9 @@
|
|||
h6 { font-size: 1.1rem; }
|
||||
|
||||
pre {
|
||||
background-color: $color-off-white;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
padding: 10px;
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
.documize-base-exception
|
||||
{
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid $color-border !important;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
border: 1px solid map-get($gray-shades, 300) !important;
|
||||
margin: 20px;
|
||||
padding: 20px;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
|
||||
display: none !important;
|
||||
|
||||
|
|
|
|||
2
gui/app/styles/core/view/import.scss
vendored
2
gui/app/styles/core/view/import.scss
vendored
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
> p {
|
||||
font-size: 1.1rem;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
.onboarding-container {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
letter-spacing: 1px;
|
||||
margin: 50px 0;
|
||||
|
||||
|
|
@ -48,13 +48,13 @@
|
|||
{
|
||||
font-size: 0.9rem;;
|
||||
font-style: italic;
|
||||
color: $color-stroke;
|
||||
color: map-get($gray-shades, 500);
|
||||
}
|
||||
|
||||
.mismatch
|
||||
{
|
||||
display: none;
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 700);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
|
@ -155,14 +155,14 @@
|
|||
h2
|
||||
{
|
||||
font-size: 2rem;;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
font-size: 1.3rem;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
}
|
||||
|
||||
p.note
|
||||
|
|
@ -192,7 +192,7 @@
|
|||
// padding: 10px 15px;
|
||||
// background: #12A936;
|
||||
// border: 0;
|
||||
// color: $color-off-white;
|
||||
// color: map-get($gray-shades, 100);
|
||||
// border-radius: 3px;
|
||||
// font-weight: 500;
|
||||
// font-size: 16px;
|
||||
|
|
@ -220,7 +220,7 @@
|
|||
// background: white;
|
||||
// border: 1px solid #e2e2e2;
|
||||
// @include border-radius(3px);
|
||||
// color: $color-off-black;
|
||||
// color: $color-black-light-1;
|
||||
// font-weight: bold;
|
||||
// font-size: 16px;
|
||||
// -webkit-appearance: none;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
> .heading {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
|
|
@ -66,18 +66,18 @@
|
|||
> .version {
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
> .space {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
|
@ -93,7 +93,7 @@
|
|||
> .hashtag {
|
||||
display: inline-block;
|
||||
margin: 5px 10px 0 5px;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1rem;
|
||||
font-style: italic;
|
||||
|
||||
|
|
@ -114,13 +114,13 @@
|
|||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
font-style: italic;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .explain {
|
||||
margin: 10px 0 20px 0px;
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
.view-space {
|
||||
> .filter-caption {
|
||||
margin: 10px 0;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
|
|
@ -39,13 +39,13 @@
|
|||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1rem;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
width: 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: $color-checkbox;
|
||||
color: map-get($gray-shades, 900);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary-light !important;
|
||||
background-color: $theme-100 !important;
|
||||
|
||||
> .checkbox {
|
||||
display: block;
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
> .hashtag {
|
||||
display: inline-block;
|
||||
margin: 5px 10px 0 5px;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 0.875rem;
|
||||
font-style: italic;
|
||||
|
||||
|
|
@ -105,12 +105,12 @@
|
|||
> .title {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .sub-title {
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
> .permission-table {
|
||||
|
|
@ -131,8 +131,8 @@
|
|||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
> th:first-child {
|
||||
|
|
@ -158,13 +158,13 @@
|
|||
|
||||
> .name {
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
}
|
||||
|
||||
> .info {
|
||||
font-size: 0.9rem;
|
||||
margin-top: 8px;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -2,13 +2,13 @@
|
|||
> .heading {
|
||||
font-size: 1.3rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
text-transform: uppercase;
|
||||
|
||||
> .counter {
|
||||
font-size: 0.9rem;
|
||||
font-weight: normal;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
|
||||
> .empty {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: normal;
|
||||
margin: 20px 0 50px 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
display: inlne-block;
|
||||
|
||||
> .link, div > .link {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
|
|
@ -13,7 +13,6 @@
|
|||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
@include ease-in();
|
||||
// border-bottom: 2px solid $color-gray-light;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
.avatar {
|
||||
color: $color-white;
|
||||
background-color: $color-gray;
|
||||
background-color: map-get($gray-shades, 600);
|
||||
@include border-radius(20px);
|
||||
@include ease-in();
|
||||
padding: 10px 0 0 0;
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
|
||||
.avatar-large {
|
||||
color: $color-white;
|
||||
background-color: $color-gray;
|
||||
background-color: map-get($gray-shades, 600);
|
||||
@include border-radius(100px);
|
||||
@include ease-in();
|
||||
height: 100px;
|
||||
|
|
|
|||
|
|
@ -31,14 +31,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-gray-light;
|
||||
color: map-get($gray-shades, 300);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-gray-light, 15%);
|
||||
color: darken(map-get($gray-shades, 300), 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -49,14 +49,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-goldy;
|
||||
color: map-get($yellow-shades, 700);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-goldy, 5%);
|
||||
color: darken(map-get($yellow-shades, 700), 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -67,14 +67,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-gray-light;
|
||||
color: map-get($gray-shades, 300);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 700);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -85,14 +85,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-blue, 5%);
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -103,14 +103,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 700);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-red, 5%);
|
||||
color: map-get($red-shades, 400);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -121,14 +121,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-green, 5%);
|
||||
color: map-get($green-shades, 700);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -139,14 +139,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-off-black, 5%);
|
||||
color: darken($color-black-light-1, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -157,14 +157,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-primary, 5%);
|
||||
color: darken($theme-500, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -175,14 +175,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-primary-light;
|
||||
color: $theme-100;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-primary-light, 5%);
|
||||
color: darken($theme-100, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,35 +8,35 @@
|
|||
|
||||
> .material-icons {
|
||||
font-size: 1.5rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .text {
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
vertical-align: sub;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-checkbox-selected {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
.widget-checkbox {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox-gray {
|
||||
color: $color-gray !important;
|
||||
color: map-get($gray-shades, 600) !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,9 +10,9 @@
|
|||
@include border-radius(3px);
|
||||
margin: 0 0 15px 0;
|
||||
padding: 10px 15px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
border: 1px solid map-get($gray-shades, 600);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
|
|
@ -20,13 +20,13 @@
|
|||
|
||||
&:hover {
|
||||
> .text-header, > .text {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
}
|
||||
|
||||
> .text-header {
|
||||
@include ease-in();
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.3rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
|
||||
> .text {
|
||||
@include ease-in();
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
|
@ -59,11 +59,11 @@
|
|||
|
||||
> .selected {
|
||||
> .text-header, > .text {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
|
||||
background-color: $color-yellow !important;
|
||||
border: 1px solid $color-goldy !important;
|
||||
background-color: map-get($yellow-shades, 700) !important;
|
||||
border: 1px solid map-get($yellow-shades, 700) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -96,12 +96,12 @@
|
|||
display: inline-block;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 700;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-green;
|
||||
border-bottom: 1px solid $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
border-bottom: 1px solid map-get($green-shades, 600);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
display: none;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
background-color: $color-off-black;
|
||||
background-color: $color-black-light-1;
|
||||
color: $color-white;
|
||||
padding: 10px 15px;
|
||||
text-align: left;
|
||||
|
|
|
|||
|
|
@ -8,28 +8,28 @@
|
|||
|
||||
> .material-icons {
|
||||
font-size: 1.5rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
vertical-align: top;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .text {
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
vertical-align: sub;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-radio-selected {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
line-height: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
background-color: $color-symbol-box;
|
||||
background-color: map-get($gray-shades, 300);
|
||||
|
||||
> .material-icons {
|
||||
font-size: 22px;
|
||||
margin-top: 20px;
|
||||
color: $color-symbol-icon;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
margin: 0 0 25px 0;
|
||||
width: 100%;
|
||||
font-size: 1rem;
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
border-radius: 2px;
|
||||
border-collapse: collapse;
|
||||
|
||||
|
|
@ -19,35 +19,35 @@
|
|||
|
||||
> thead {
|
||||
> tr {
|
||||
background-color: $color-off-white;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
|
||||
> th {
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid $color-border;
|
||||
border-bottom: 1px solid map-get($gray-shades, 300);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bordered {
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid $color-border;
|
||||
border-top: 1px solid map-get($gray-shades, 300);
|
||||
}
|
||||
|
||||
.border-bottom {
|
||||
border-bottom: 1px solid $color-border;
|
||||
border-bottom: 1px solid map-get($gray-shades, 300);
|
||||
}
|
||||
|
||||
.action-link {
|
||||
font-size: 0.8rem;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
.no-width {
|
||||
white-space: nowrap;
|
||||
width: 1%;
|
||||
|
|
|
|||
|
|
@ -10,8 +10,8 @@
|
|||
margin: 0;
|
||||
padding: 5px 15px;
|
||||
background-color: $color-white;
|
||||
color: $color-primary;
|
||||
border: 1px solid $color-border;
|
||||
color: $theme-500;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
font-weight: 500;
|
||||
font-size: 1.1rem;
|
||||
text-align: center;
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $color-primary-light;
|
||||
background-color: $theme-100;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary-light;
|
||||
background-color: $theme-100;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -63,18 +63,18 @@
|
|||
|
||||
.drag-handle {
|
||||
font-size: 1.5rem;
|
||||
color: $color-gray-light;
|
||||
color: map-get($gray-shades, 300);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.drag-indicator-dropzone {
|
||||
opacity: 1 !important;
|
||||
border: 2px dotted $color-border;
|
||||
border: 2px dotted map-get($gray-shades, 300);
|
||||
}
|
||||
|
||||
.drag-indicator-chosen {
|
||||
opacity: 1 !important;
|
||||
background: $color-off-white;
|
||||
background: map-get($gray-shades, 100);
|
||||
}
|
||||
|
||||
.drag-indicator-dragged {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue