Wrapped modal.less into a mixin which gets rid of the last file which emitted CSS

pull/1/head
Caleb James DeLisle 7 years ago
parent 4a352f2ed8
commit a6d3dbf94f

@ -1,8 +1,9 @@
@import (reference) './colortheme-all.less'; @import (reference) './colortheme-all.less';
@import (once) './modal.less'; @import (reference) './modal.less';
.fileupload_main () { .fileupload_main () {
/* Upload status table */ /* Upload status table */
modal_main();
#cp-fileupload { #cp-fileupload {
.modal_base(); .modal_base();
position: absolute; position: absolute;

@ -1,6 +1,6 @@
@import (reference) "./colortheme-all.less"; @import (reference) "./colortheme-all.less";
@import (once) "./toolbar.less"; @import (reference) "./toolbar.less";
@import (once) './fileupload.less'; @import (reference) './fileupload.less';
@import (reference) './alertify.less'; @import (reference) './alertify.less';
@import (reference) './tokenfield.less'; @import (reference) './tokenfield.less';
@import (reference) './creation.less'; @import (reference) './creation.less';

@ -17,62 +17,64 @@
} }
} }
.cp-modal-container { .modal_main() {
display: none; .cp-modal-container {
display: none;
z-index: 100000; //Z modal container
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: @colortheme_modal-dim;
.cp-modal {
background-color: @colortheme_modal-bg;
color: @colortheme_modal-fg;
box-shadow: @variables_shadow;
padding: @variables_padding;
z-index: 100000; //Z modal container
position: absolute; position: absolute;
top: 15vh; bottom: 15vh; top: 0;
left: 10vw; right: 10vw; bottom: 0;
left: 0;
overflow: auto; right: 0;
background-color: @colortheme_modal-dim;
font-family: @colortheme_font;
text-align: center;
& > p { .cp-modal {
margin-bottom: 1em; background-color: @colortheme_modal-bg;
} color: @colortheme_modal-fg;
box-shadow: @variables_shadow;
.cp-modal-form {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
input {
background-color: @colortheme_modal-input;
color: @colortheme_modal-input-fg;
border: 0;
padding: 8px 12px;
margin: 1em;
width: 300px;
}
.cp-modal-close { padding: @variables_padding;
text-shadow: none;
color: inherit;
position: absolute; position: absolute;
top: 0; top: 15vh; bottom: 15vh;
right: 0; left: 10vw; right: 10vw;
margin: @variables_padding;
cursor: pointer; overflow: auto;
font-family: @colortheme_font;
text-align: center;
& > p {
margin-bottom: 1em;
}
.cp-modal-form {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
input {
background-color: @colortheme_modal-input;
color: @colortheme_modal-input-fg;
border: 0;
padding: 8px 12px;
margin: 1em;
width: 300px;
}
.cp-modal-close {
text-shadow: none;
color: inherit;
position: absolute;
top: 0;
right: 0;
margin: @variables_padding;
cursor: pointer;
}
} }
} }
} }

@ -7,7 +7,7 @@
@import (reference) "./icon-colors.less"; @import (reference) "./icon-colors.less";
@import (reference) "./tools.less"; @import (reference) "./tools.less";
@import (reference) "./icons.less"; @import (reference) "./icons.less";
@import (once) "./modal.less"; @import (reference) "./modal.less";
@import (reference) "./markdown-toolbar.less"; @import (reference) "./markdown-toolbar.less";
@import (reference) "./help.less"; @import (reference) "./help.less";
@ -32,6 +32,7 @@
.iconColors_main(); .iconColors_main();
.markdownToolbar_main(@color, @bg-color); .markdownToolbar_main(@color, @bg-color);
.help_main(@color, @bg-color); .help_main(@color, @bg-color);
.modal_main();
.cp-toolbar-container { .cp-toolbar-container {
display: flex; display: flex;

@ -1,6 +1,6 @@
@import (reference) "../../customize/src/less2/include/browser.less"; @import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/markdown.less";
@import (once) "../../customize/src/less2/include/framework.less"; @import (reference) "../../customize/src/less2/include/framework.less";
.framework_main( .framework_main(

@ -1,7 +1,8 @@
@import (reference) '../customize/src/less2/include/colortheme-all.less'; @import (reference) '../customize/src/less2/include/colortheme-all.less';
@import (once) '../customize/src/less2/include/modal.less'; @import (reference) '../customize/src/less2/include/modal.less';
.fileDialog_main () { .fileDialog_main () {
.modal_main();
#fileDialog { #fileDialog {
display: none; display: none;
.cp-modal { .cp-modal {

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less"; @import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/avatar.less'; @import (reference) '../../customize/src/less2/include/avatar.less';
@import (once) '../../customize/src/less2/include/framework.less'; @import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main( .framework_min_main(
@bg-color: @colortheme_friends-bg, @bg-color: @colortheme_friends-bg,

@ -2,7 +2,7 @@
@import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/tools.less'; @import (reference) '../../customize/src/less2/include/tools.less';
@import (reference) '../../customize/src/less2/include/tokenfield.less'; @import (reference) '../../customize/src/less2/include/tokenfield.less';
@import (once) '../../customize/src/less2/include/framework.less'; @import (reference) '../../customize/src/less2/include/framework.less';
.tokenfield_main(); .tokenfield_main();
.framework_min_main(); .framework_min_main();

@ -4,7 +4,7 @@
@import (reference) "../../customize/src/less2/include/tools.less"; @import (reference) "../../customize/src/less2/include/tools.less";
@import (reference) "../../customize/src/less2/include/limit-bar.less"; @import (reference) "../../customize/src/less2/include/limit-bar.less";
@import (reference) "../../customize/src/less2/include/tokenfield.less"; @import (reference) "../../customize/src/less2/include/tokenfield.less";
@import (once) '../../customize/src/less2/include/framework.less'; @import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main( .framework_min_main(
@bg-color: @colortheme_drive-bg, @bg-color: @colortheme_drive-bg,

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less"; @import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/tokenfield.less'; @import (reference) '../../customize/src/less2/include/tokenfield.less';
@import (once) '../../customize/src/less2/include/framework.less'; @import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main( .framework_min_main(
@bg-color: @colortheme_file-bg, @bg-color: @colortheme_file-bg,

@ -1,7 +1,7 @@
@import (reference) '../../customize/src/less2/include/colortheme-all.less'; @import (reference) '../../customize/src/less2/include/colortheme-all.less';
@import (once) '../../customize/src/less2/include/modal.less'; @import (reference) '../../customize/src/less2/include/modal.less';
@import (reference) '../../customize/src/less2/include/icon-colors.less'; @import (reference) '../../customize/src/less2/include/icon-colors.less';
@import (once) '../../customize/src/less2/include/fileupload.less'; @import (reference) '../../customize/src/less2/include/fileupload.less';
@import (reference) '../../customize/src/less2/include/alertify.less'; @import (reference) '../../customize/src/less2/include/alertify.less';
@import (reference) '../../customize/src/less2/include/tippy.less'; @import (reference) '../../customize/src/less2/include/tippy.less';
@import (reference) '../../customize/src/less2/include/checkmark.less'; @import (reference) '../../customize/src/less2/include/checkmark.less';
@ -13,6 +13,7 @@
.tippy_main(); .tippy_main();
.checkmark_main(20px); .checkmark_main(20px);
.password_main(); .password_main();
.modal_main();
#cp-filepicker-dialog { #cp-filepicker-dialog {
display: none; display: none;

@ -1,5 +1,5 @@
@import (reference) "../../customize/src/less2/include/browser.less"; @import (reference) "../../customize/src/less2/include/browser.less";
@import (once) "../../customize/src/less2/include/framework.less"; @import (reference) "../../customize/src/less2/include/framework.less";
@import (reference) "../../customize/src/less2/include/tools.less"; @import (reference) "../../customize/src/less2/include/tools.less";
.framework_main( @bg-color: @colortheme_kanban-bg, .framework_main( @bg-color: @colortheme_kanban-bg,

@ -1,4 +1,4 @@
@import (once) "../../customize/src/less2/include/framework.less"; @import (reference) "../../customize/src/less2/include/framework.less";
.framework_main( .framework_main(
@bg-color: @colortheme_pad-bg, @bg-color: @colortheme_pad-bg,

@ -2,7 +2,7 @@
@import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/tools.less'; @import (reference) '../../customize/src/less2/include/tools.less';
@import (reference) '../../customize/src/less2/include/avatar.less'; @import (reference) '../../customize/src/less2/include/avatar.less';
@import (once) "../../customize/src/less2/include/framework.less"; @import (reference) "../../customize/src/less2/include/framework.less";
.framework_main( .framework_main(

@ -1,7 +1,6 @@
@import (reference) "../../customize/src/less2/include/browser.less"; @import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/markdown.less";
@import (once) '../../customize/src/less2/include/framework.less'; @import (reference) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/avatar.less'; @import (reference) '../../customize/src/less2/include/avatar.less';
@import (reference) '../../customize/src/less2/include/sidebar-layout.less'; @import (reference) '../../customize/src/less2/include/sidebar-layout.less';

@ -3,7 +3,7 @@
@import (reference) '../../customize/src/less2/include/sidebar-layout.less'; @import (reference) '../../customize/src/less2/include/sidebar-layout.less';
@import (reference) "../../customize/src/less2/include/limit-bar.less"; @import (reference) "../../customize/src/less2/include/limit-bar.less";
@import (reference) "../../customize/src/less2/include/creation.less"; @import (reference) "../../customize/src/less2/include/creation.less";
@import (once) '../../customize/src/less2/include/framework.less'; @import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main( .framework_min_main(
@bg-color: @colortheme_settings-bg, @bg-color: @colortheme_settings-bg,

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less"; @import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) "../../customize/src/less2/include/mediatag.less"; @import (reference) "../../customize/src/less2/include/mediatag.less";
@import (once) "../../customize/src/less2/include/framework.less"; @import (reference) "../../customize/src/less2/include/framework.less";
.mediatag_base(); .mediatag_base();
.framework_main( .framework_main(

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less"; @import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/avatar.less'; @import (reference) '../../customize/src/less2/include/avatar.less';
@import (once) '../../customize/src/less2/include/framework.less'; @import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main( .framework_min_main(
@bg-color: @colortheme_todo-bg, @bg-color: @colortheme_todo-bg,

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less"; @import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/tools.less'; @import (reference) '../../customize/src/less2/include/tools.less';
@import (once) "../../customize/src/less2/include/framework.less"; @import (reference) "../../customize/src/less2/include/framework.less";
.framework_main( .framework_main(
@bg-color: @colortheme_whiteboard-bg, @bg-color: @colortheme_whiteboard-bg,

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less"; @import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less"; @import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/avatar.less'; @import (reference) '../../customize/src/less2/include/avatar.less';
@import (once) '../../customize/src/less2/include/framework.less'; @import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(); .framework_min_main();

Loading…
Cancel
Save