1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-19 13:19:43 +02:00
documize/gui/app/styles/core/widget/widget.scss

94 lines
2 KiB
SCSS
Raw Normal View History

2016-07-07 18:54:16 -07:00
// Copyright (c) 2015 Documize Inc.
// Material Design icons from https://design.google.com/icons/
.material-icons {
2016-10-24 19:20:29 -07:00
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";
2016-07-07 18:54:16 -07:00
}
.transition-shadow {
2016-10-24 19:20:29 -07:00
transition: box-shadow 0.25s;
2016-07-07 18:54:16 -07:00
}
.transition-all {
2016-10-24 19:20:29 -07:00
transition: all 0.25s;
2016-07-07 18:54:16 -07:00
}
.z-depth-0 {
2016-10-24 19:20:29 -07:00
box-shadow: none !important;
2016-07-07 18:54:16 -07:00
}
.z-depth-tiny {
2016-10-24 19:20:29 -07:00
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
2016-07-07 18:54:16 -07:00
}
.z-depth-half {
2016-10-24 19:20:29 -07:00
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
2016-07-07 18:54:16 -07:00
}
.z-depth-1 {
2016-10-24 19:20:29 -07:00
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
2016-07-07 18:54:16 -07:00
}
2016-10-24 19:20:29 -07:00
.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);
2016-07-07 18:54:16 -07:00
}
.z-depth-2 {
2016-10-24 19:20:29 -07:00
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
2016-07-07 18:54:16 -07:00
}
.z-depth-3 {
2016-10-24 19:20:29 -07:00
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
2016-07-07 18:54:16 -07:00
}
.z-depth-4 {
2016-10-24 19:20:29 -07:00
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
2016-07-07 18:54:16 -07:00
}
.z-depth-5 {
2016-10-24 19:20:29 -07:00
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
2016-07-07 18:54:16 -07:00
}
2016-10-27 13:40:54 -07:00
2018-03-18 13:56:20 +00:00
.drag-handle {
font-size: 1.5rem;
2018-12-04 17:26:57 +00:00
color: map-get($gray-shades, 300);
2018-03-18 13:56:20 +00:00
cursor: pointer;
}
.drag-indicator-dropzone {
opacity: 1 !important;
2018-12-04 17:26:57 +00:00
border: 2px dotted map-get($gray-shades, 300);
2018-03-18 13:56:20 +00:00
}
.drag-indicator-chosen {
opacity: 1 !important;
2018-12-04 17:26:57 +00:00
background: map-get($gray-shades, 100);
2018-03-18 13:56:20 +00:00
}
.drag-indicator-dragged {
opacity: 1 !important;
@include card();
}
2016-07-07 18:54:16 -07:00
@import "widget-avatar";
@import "widget-button";
@import "widget-checkbox";
@import "widget-list-picker";
2016-07-07 18:54:16 -07:00
@import "widget-notification";
2016-11-25 11:39:39 -08:00
@import "widget-radio";
2017-10-05 11:41:53 -04:00
@import "widget-symbol";
@import "widget-table";
@import "widget-tabnav";