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/_slider.scss | |
| parent | 88d3e67474c518a5c422b5f0e47c58147f31fe6e (diff) | |
import materialize sass sources instead of relying on npm
Diffstat (limited to 'sass/components/_slider.scss')
| -rw-r--r-- | sass/components/_slider.scss | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/sass/components/_slider.scss b/sass/components/_slider.scss new file mode 100644 index 0000000..5d7c27e --- /dev/null +++ b/sass/components/_slider.scss @@ -0,0 +1,92 @@ +.slider {
+ position: relative;
+ height: 400px;
+ width: 100%;
+
+ // Fullscreen slider
+ &.fullscreen {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+
+ ul.slides {
+ height: 100%;
+ }
+
+ ul.indicators {
+ z-index: 2;
+ bottom: 30px;
+ }
+ }
+
+ .slides {
+ background-color: $slider-bg-color;
+ margin: 0;
+ height: 400px;
+
+ li {
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1;
+ width: 100%;
+ height: inherit;
+ overflow: hidden;
+
+ img {
+ height: 100%;
+ width: 100%;
+ background-size: cover;
+ background-position: center;
+ }
+
+ .caption {
+ color: #fff;
+ position: absolute;
+ top: 15%;
+ left: 15%;
+ width: 70%;
+ opacity: 0;
+
+ p { color: $slider-bg-color-light; }
+ }
+
+ &.active {
+ z-index: 2;
+ }
+ }
+ }
+
+
+ .indicators {
+ position: absolute;
+ text-align: center;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0;
+
+ .indicator-item {
+ display: inline-block;
+ position: relative;
+ cursor: pointer;
+ height: 16px;
+ width: 16px;
+ margin: 0 12px;
+ background-color: $slider-bg-color-light;
+
+ transition: background-color .3s;
+ border-radius: 50%;
+
+ &.active {
+ background-color: $slider-indicator-color;
+ }
+ }
+ }
+
+}
\ No newline at end of file |