Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 15:49:44 +02:00
Code Releases Activity

[WIP] theme selector

Browse source
This commit is contained in:
Harvey Kandola 2018-11-24 16:13:21 +00:00
parent a7e52809dc
commit 11e164496b
74 changed files with 363 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

93
gui/app/styles/core/widget/widget.scss Normal file
View file

@ -0,0 +1,93 @@
// Copyright (c) 2015 Documize Inc.
// Material Design icons from https://design.google.com/icons/
.material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 1.2rem;
display: inline-block;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga";
}
.transition-shadow {
transition: box-shadow 0.25s;
}
.transition-all {
transition: all 0.25s;
}
.z-depth-0 {
box-shadow: none !important;
}
.z-depth-tiny {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.z-depth-half {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.z-depth-1 {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.z-depth-1-half {
/* used on hover states */
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.z-depth-2 {
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.z-depth-3 {
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.z-depth-4 {
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.z-depth-5 {
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}
.drag-handle {
font-size: 1.5rem;
color: $color-gray-light;
cursor: pointer;
}
.drag-indicator-dropzone {
opacity: 1 !important;
border: 2px dotted $color-border;
}
.drag-indicator-chosen {
opacity: 1 !important;
background: $color-off-white;
}
.drag-indicator-dragged {
opacity: 1 !important;
@include card();
}
@import "widget-avatar";
@import "widget-button";
@import "widget-checkbox";
@import "widget-list-picker";
@import "widget-notification";
@import "widget-radio";
@import "widget-symbol";
@import "widget-table";
@import "widget-tabnav";