web-apps/apps/documenteditor/main/resources/less/app.less
2021-11-04 22:44:24 +03:00

242 lines
8.8 KiB
Plaintext

//
// Common
// --------------------------------------------------
// App variables
@import "variables.less";
@import "../../../../common/main/resources/less/asc-mixins.less";
// Bootstrap overwrite
@import "../../../../common/main/resources/less/variables.less";
@import "../../../../common/main/resources/less/colors-table.less";
@import "../../../../common/main/resources/less/colors-table-classic.less";
@import "../../../../common/main/resources/less/colors-table-dark.less";
//
// Bootstrap
// --------------------------------------------------
// Core variables and mixins
//@import "../../../../vendor/bootstrap/less/variables.less";
@import "../../../../../vendor/bootstrap/less/mixins.less";
// Reset
@import "../../../../../vendor/bootstrap/less/normalize.less";
//@import "print.less";
// Core CSS
@import "../../../../../vendor/bootstrap/less/scaffolding.less";
@import "../../../../../vendor/bootstrap/less/type.less";
//@import "code.less";
//@import "grid.less";
//@import "tables.less";
@import "../../../../../vendor/bootstrap/less/forms.less";
@import "../../../../../vendor/bootstrap/less/buttons.less";
// Components
@import "../../../../../vendor/bootstrap/less/component-animations.less";
//@import "glyphicons.less";
@import "../../../../../vendor/bootstrap/less/dropdowns.less";
@import "../../../../../vendor/bootstrap/less/button-groups.less";
@import "../../../../../vendor/bootstrap/less/input-groups.less";
//@import "navs.less";
//@import "navbar.less";
//@import "breadcrumbs.less";
//@import "pagination.less";
//@import "pager.less";
//@import "labels.less";
//@import "badges.less";
//@import "jumbotron.less";
//@import "thumbnails.less";
//@import "alerts.less";
//@import "progress-bars.less";
//@import "media.less";
//@import "list-group.less";
//@import "panels.less";
//@import "wells.less";
//@import "close.less";
// Components w/ JavaScript
//@import "modals.less";
@import "../../../../../vendor/bootstrap/less/tooltip.less";
//@import "popovers.less";
//@import "carousel.less";
// Utility classes
@import "../../../../../vendor/bootstrap/less/utilities.less";
@import "../../../../../vendor/bootstrap/less/responsive-utilities.less";
//
// Perfect scrollbar
// --------------------------------------------------
@import (inline) "../../../../../vendor/perfect-scrollbar/src/perfect-scrollbar.css";
//
// Common
// --------------------------------------------------
@import "../../../../common/main/resources/less/header.less";
@import "../../../../common/main/resources/less/buttons.less";
@import "../../../../common/main/resources/less/dropdown-menu.less";
@import "../../../../common/main/resources/less/dropdown-submenu.less";
@import "../../../../common/main/resources/less/separator.less";
@import "../../../../common/main/resources/less/input.less";
@import "../../../../common/main/resources/less/combobox.less";
@import "../../../../common/main/resources/less/window.less";
@import "../../../../common/main/resources/less/spinner.less";
@import "../../../../common/main/resources/less/loadmask.less";
@import "../../../../common/main/resources/less/checkbox.less";
@import "../../../../common/main/resources/less/radiobox.less";
@import "../../../../common/main/resources/less/dataview.less";
@import "../../../../common/main/resources/less/listview.less";
@import "../../../../common/main/resources/less/treeview.less";
@import "../../../../common/main/resources/less/colorpalette.less";
@import "../../../../common/main/resources/less/theme-colorpalette.less";
@import "../../../../common/main/resources/less/dimension-picker.less";
@import "../../../../common/main/resources/less/hsb-colorpicker.less";
@import "../../../../common/main/resources/less/table-styler.less";
@import "../../../../common/main/resources/less/masked-field.less";
@import "../../../../common/main/resources/less/extended-color-picker.less";
@import "../../../../common/main/resources/less/layout.less";
@import "../../../../common/main/resources/less/combo-border-size.less";
@import "../../../../common/main/resources/less/combo-dataview.less";
@import "../../../../common/main/resources/less/slider.less";
@import "../../../../common/main/resources/less/multislider-gradient.less";
@import "../../../../common/main/resources/less/advanced-settings-window.less";
@import "../../../../common/main/resources/less/chat.less";
@import "../../../../common/main/resources/less/comments.less";
@import "../../../../common/main/resources/less/searchdialog.less";
@import "../../../../common/main/resources/less/about.less";
@import "../../../../common/main/resources/less/tooltip.less";
@import "../../../../common/main/resources/less/scroller.less";
@import "../../../../common/main/resources/less/synchronize-tip.less";
@import "../../../../common/main/resources/less/common.less";
@import "../../../../common/main/resources/less/switcher.less";
@import "../../../../common/main/resources/less/history.less";
@import "../../../../common/main/resources/less/opendialog.less";
@import "../../../../common/main/resources/less/review-changes.less";
@import "../../../../common/main/resources/less/plugins.less";
@import "../../../../common/main/resources/less/toolbar.less";
@import "../../../../common/main/resources/less/language-dialog.less";
@import "../../../../common/main/resources/less/winxp_fix.less";
@import "../../../../common/main/resources/less/calendar.less";
@import "../../../../common/main/resources/less/symboltable.less";
@import "../../../../common/main/resources/less/hint-manager.less";
// App
// --------------------------------------------------
@import "layout.less";
@import "toolbar.less";
@import "statusbar.less";
@import "leftmenu.less";
@import "filemenu.less";
@import "rightmenu.less";
@import "advanced-settings.less";
@import "navigation.less";
@import "sprites/iconssmall@1x";
@import "sprites/iconsbig@1x";
@import "sprites/iconshuge@1x";
@import "sprites/iconssmall@2x";
@import "sprites/iconsbig@2x";
@import "sprites/iconssmall@1.25x";
@import "sprites/iconsbig@1.25x";
@import "sprites/iconshuge@1.25x";
@import "sprites/iconssmall@1.5x";
@import "sprites/iconsbig@1.5x";
@import "sprites/iconshuge@1.5x";
@import "sprites/iconssmall@1.75x";
@import "sprites/iconsbig@1.75x";
@import "sprites/iconshuge@1.75x";
@import "sprites/iconshuge@2x";
:root {
//--big-icon-background-image: ~"url(@{app-image-const-path}/iconsbig.png)";
//--huge-icon-background-image: ~"url(@{app-image-const-path}/iconshuge.png)";
--big-icon-background-image-width: 56px;
--huge-icon-background-image-width: 80px;
//@safari-fix-base-path: "resources/img";
.safari {
//--big-icon-background-image: ~"url(@{safari-fix-base-path}/iconsbig.png)";
//--huge-icon-background-image: ~"url(@{safari-fix-base-path}/iconshuge.png)";
}
.pixel-ratio__1_5 {
//--big-icon-background-image: ~"url(@{app-image-const-path}/iconsbig@1.5x.png)";
//--huge-icon-background-image: ~"url(@{app-image-const-path}/iconshuge@1.5x.png)";
&.safari {
//--big-icon-background-image: ~"url(@{safari-fix-base-path}/iconsbig@1.5x.png)";
//--huge-icon-background-image: ~"url(@{safari-fix-base-path}/iconshuge@1.5x.png)";
}
}
.pixel-ratio__2 {
//--big-icon-background-image: ~"url(@{app-image-const-path}/iconsbig@2x.png)";
//--huge-icon-background-image: ~"url(@{app-image-const-path}/iconshuge@2x.png)";
&.safari {
//--big-icon-background-image: ~"url(@{safari-fix-base-path}/iconsbig@2x.png)";
//--huge-icon-background-image: ~"url(@{safari-fix-base-path}/iconshuge@2x.png)";
}
}
@huge-icon-background-image: var(--huge-icon-background-image);
}
.font-size-small {
.fontsize(@font-size-small);
}
.font-size-normal {
.fontsize(@font-size-base);
}
.font-size-large {
.fontsize(@font-size-large);
}
// Skeleton of document
#editor-container {
background-color: @canvas-background;
}
.doc-placeholder {
background: @canvas-content-background;
width: 794px;
margin: 46px auto;
height: 100%;
border: 1px solid @canvas-page-border;
padding-top: 50px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
> .line {
height: 15px;
margin: 30px 80px;
background: fade(#000, 5%);
overflow: hidden;
position: relative;
}
.content-theme-dark & {
@canvas-content-dark-background: #3a3a3a;
@canvas-content-dark-page-border: #2a2a2a;
background-color: @canvas-content-dark-background;
border-color: @canvas-content-dark-page-border;
> .line {
background-color: fade(#fff, 5%);
}
}
}