diff options
| author | Daniel Friesel <derf@finalrewind.org> | 2020-11-21 14:13:41 +0100 |
|---|---|---|
| committer | Daniel Friesel <derf@finalrewind.org> | 2020-11-21 14:13:41 +0100 |
| commit | e3fba3dcd493f609e107435867c4a67cb7ee420f (patch) | |
| tree | cd228574b1d4f4e446fac87e9d6fe3eeffe27b63 /sass/components/_materialbox.scss | |
| parent | 88d3e67474c518a5c422b5f0e47c58147f31fe6e (diff) | |
import materialize sass sources instead of relying on npm
Diffstat (limited to 'sass/components/_materialbox.scss')
| -rw-r--r-- | sass/components/_materialbox.scss | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/sass/components/_materialbox.scss b/sass/components/_materialbox.scss new file mode 100644 index 0000000..3027667 --- /dev/null +++ b/sass/components/_materialbox.scss @@ -0,0 +1,43 @@ +.materialboxed {
+ &:hover {
+ &:not(.active) {
+ opacity: .8;
+ }
+ }
+
+ display: block;
+ cursor: zoom-in;
+ position: relative;
+ transition: opacity .4s;
+ -webkit-backface-visibility: hidden;
+
+ &.active {
+ cursor: zoom-out;
+ }
+}
+
+#materialbox-overlay {
+ position:fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: #292929;
+ z-index: 1000;
+ will-change: opacity;
+}
+
+.materialbox-caption {
+ position: fixed;
+ display: none;
+ color: #fff;
+ line-height: 50px;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ text-align: center;
+ padding: 0% 15%;
+ height: 50px;
+ z-index: 1000;
+ -webkit-font-smoothing: antialiased;
+}
\ No newline at end of file |