2021-08-05 02:31:54 +03:00
|
|
|
//
|
|
|
|
// Copyright © 2021 Anticrm Platform Contributors.
|
|
|
|
//
|
|
|
|
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
|
|
|
|
// you may not use this file except in compliance with the License. You may
|
|
|
|
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
|
|
|
|
//
|
|
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
//
|
|
|
|
// See the License for the specific language governing permissions and
|
|
|
|
// limitations under the License.
|
|
|
|
//
|
|
|
|
|
|
|
|
@import "./_colors.scss";
|
2021-08-14 14:42:31 +03:00
|
|
|
@import "./_layouts.scss";
|
2022-02-02 12:05:33 +03:00
|
|
|
@import "./common.scss";
|
2022-01-21 12:07:24 +03:00
|
|
|
@import "./components.scss";
|
2022-02-07 12:39:23 +03:00
|
|
|
@import "./dialogs.scss";
|
2022-02-02 12:05:33 +03:00
|
|
|
@import "./popups.scss";
|
2021-09-07 10:48:41 +03:00
|
|
|
@import "./mixins.scss";
|
2022-04-05 07:15:14 +03:00
|
|
|
@import "./panel.scss";
|
2022-11-11 09:40:04 +03:00
|
|
|
@import "./prose.scss";
|
2021-08-05 02:31:54 +03:00
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: 'IBM Plex Sans';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
|
|
|
src: local('IBM Plex Sans'),
|
|
|
|
local('IBMPlexSans'),
|
|
|
|
url('../fonts/complete/woff2/IBMPlexSans-Regular.woff2') format('woff2'),
|
|
|
|
url('../fonts/complete/woff/IBMPlexSans-Regular.woff') format('woff');
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'IBM Plex Sans';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 500;
|
|
|
|
src: local('IBM Plex Sans Medium'),
|
|
|
|
local('IBMPlexSans-Medium'),
|
|
|
|
url('../fonts/complete/woff2/IBMPlexSans-Medium.woff2') format('woff2'),
|
|
|
|
url('../fonts/complete/woff/IBMPlexSans-Medium.woff') format('woff');
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'IBM Plex Sans';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 600;
|
|
|
|
src: local('IBM Plex Sans SemiBold'),
|
|
|
|
local('IBMPlexSans-SemiBold'),
|
|
|
|
url('../fonts/complete/woff2/IBMPlexSans-SemiBold.woff2') format('woff2'),
|
|
|
|
url('../fonts/complete/woff/IBMPlexSans-SemiBold.woff') format('woff');
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'IBM Plex Sans';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 700;
|
|
|
|
src: local('IBM Plex Sans Bold'),
|
|
|
|
local('IBMPlexSans-Bold'),
|
|
|
|
url('../fonts/complete/woff2/IBMPlexSans-Bold.woff2') format('woff2'),
|
|
|
|
url('../fonts/complete/woff/IBMPlexSans-Bold.woff') format('woff');
|
|
|
|
}
|
|
|
|
|
|
|
|
* {
|
|
|
|
box-sizing: border-box;
|
2022-10-20 05:43:05 +03:00
|
|
|
touch-action: manipulation;
|
2021-08-05 02:31:54 +03:00
|
|
|
scrollbar-color: var(--theme-menu-color) var(--theme-bg-color);
|
2022-10-27 06:56:21 +03:00
|
|
|
scrollbar-width: none;
|
2022-12-07 08:02:03 +03:00
|
|
|
--body-font-size: .875rem;
|
2022-04-08 21:17:04 +03:00
|
|
|
--font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto;
|
2022-04-13 07:25:59 +03:00
|
|
|
--timing-shadow: cubic-bezier(0,.65,.35,1);
|
2022-05-22 07:30:59 +03:00
|
|
|
--timing-main: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
2022-12-12 07:39:03 +03:00
|
|
|
--timing-rotate: cubic-bezier(.28,1.92,.39,.56);
|
2022-05-22 07:30:59 +03:00
|
|
|
// transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
2021-08-05 02:31:54 +03:00
|
|
|
}
|
2022-10-11 09:40:09 +03:00
|
|
|
:root {
|
|
|
|
--app-height: 100%;
|
|
|
|
}
|
2021-08-05 02:31:54 +03:00
|
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
width: 6px;
|
|
|
|
}
|
|
|
|
::-webkit-scrollbar:horizontal {
|
|
|
|
height: 6px;
|
|
|
|
}
|
2021-09-07 10:48:41 +03:00
|
|
|
::-webkit-scrollbar-track, .panel-container .scroll .scroll::-webkit-scrollbar-track {
|
2021-08-05 02:31:54 +03:00
|
|
|
margin: 6px;
|
|
|
|
// background-color: var(--theme-scroll-bar);
|
|
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
|
background-color: var(--theme-scroll-bar);
|
2021-08-17 17:46:06 +03:00
|
|
|
border-radius: .25rem;
|
2021-08-05 02:31:54 +03:00
|
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
|
|
background-color: var(--theme-scroll-bar);
|
2021-08-17 17:46:06 +03:00
|
|
|
border-radius: .25rem;
|
2021-08-05 02:31:54 +03:00
|
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
|
|
background-color: var(--theme-scroll-bar);
|
2021-08-17 17:46:06 +03:00
|
|
|
border-radius: .25rem;
|
2021-08-05 02:31:54 +03:00
|
|
|
}
|
2021-09-06 19:00:43 +03:00
|
|
|
.kanban-container .scroll::-webkit-scrollbar-track {
|
|
|
|
margin: 2.5rem;
|
|
|
|
}
|
2021-08-05 02:31:54 +03:00
|
|
|
|
2021-08-14 14:42:31 +03:00
|
|
|
.normal-font { font-size: 16px; }
|
|
|
|
.small-font { font-size: 14px; }
|
2021-08-10 11:30:01 +03:00
|
|
|
|
2021-08-05 02:31:54 +03:00
|
|
|
body {
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
2022-04-08 21:17:04 +03:00
|
|
|
font-family: var(--font-family);
|
2021-08-05 02:31:54 +03:00
|
|
|
font-weight: 400;
|
2022-12-07 08:02:03 +03:00
|
|
|
font-size: var(--body-font-size);
|
2022-04-02 07:06:48 +03:00
|
|
|
color: var(--content-color);
|
|
|
|
background-color: var(--body-color);
|
|
|
|
user-select: none;
|
2021-08-05 02:31:54 +03:00
|
|
|
}
|
2022-10-11 09:40:09 +03:00
|
|
|
|
|
|
|
html,
|
|
|
|
body {
|
|
|
|
height: var(--app-height);
|
|
|
|
width: 100%;
|
|
|
|
overflow: hidden;
|
2022-10-20 05:43:05 +03:00
|
|
|
touch-action: none;
|
2022-10-11 09:40:09 +03:00
|
|
|
}
|