Home Explore Help
Sign In
hugh
/
splide
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Attempt to reduce CLS by default.

NaotoshiFujita 3 years ago
parent
eedafccf61
commit
eb7f9b5d5d
9 changed files with 66 additions and 6 deletions
Unified View Show Diff Stats
  1. 0 0
      dist/css/splide-core.min.css
  2. 0 0
      dist/css/splide.min.css
  3. 0 0
      dist/css/themes/splide-default.min.css
  4. 0 0
      dist/css/themes/splide-sea-green.min.css
  5. 0 0
      dist/css/themes/splide-skyblue.min.css
  6. 0 0
      dist/js/splide.js.map
  7. 4 2
      src/css/core/object/objects/list.scss
  8. 62 0
      src/js/test/php/examples/body.php
  9. 0 4
      src/js/test/php/examples/default.php

File diff suppressed because it is too large
+ 0 - 0
dist/css/splide-core.min.css


File diff suppressed because it is too large
+ 0 - 0
dist/css/splide.min.css


File diff suppressed because it is too large
+ 0 - 0
dist/css/themes/splide-default.min.css


File diff suppressed because it is too large
+ 0 - 0
dist/css/themes/splide-sea-green.min.css


File diff suppressed because it is too large
+ 0 - 0
dist/css/themes/splide-skyblue.min.css


File diff suppressed because it is too large
+ 0 - 0
dist/js/splide.js.map


+ 4 - 2
src/css/core/object/objects/list.scss
View File 

@@ -5,11 +5,13 @@
 
     height: 100%;
 
     height: 100%;
 
     margin: 0 !important;
 
     margin: 0 !important;
 
     padding: 0 !important;
 
     padding: 0 !important;
 
+    backface-visibility: hidden;
 
+    display: flex;
 
   }
 
   }
 
 
 
-  &.is-active {
 
+  &.is-initialized:not(.is-active) {
 
     #{ $root }__list {
 
     #{ $root }__list {
 
-      display: flex;
 
+      display: block;
 
     }
 
     }
 
   }
 
   }
 
 }
 
 }

+ 62 - 0
src/js/test/php/examples/body.php
View File 

@@ -0,0 +1,62 @@
 
+<?php
 
+require_once '../parts.php';
 
+require_once '../settings.php';
 
+
 
+$settings = get_settings();
 
+?>
 
+
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+  <title>Body</title>
 
+
 
+  <link rel="stylesheet" href="../../../../../dist/css/themes/splide-<?php echo $settings['theme'] ?>.min.css">
 
+  <link rel="stylesheet" href="../../assets/css/styles.css">
 
+  <script type="text/javascript" src="../../../../../dist/js/splide.js"></script>
 
+
 
+  <style>
 
+    body {
 
+      /*margin: 50em 0;*/
 
+      height: initial;
 
+    }
 
+
 
+    .splide {
 
+      visibility: visible !important;
 
+    }
 
+
 
+    .wrapper {
 
+      height: 400px;
 
+      overflow: hidden;
 
+    }
 
+  </style>
 
+</head>
 
+<body>
 
+
 
+<div class="wrapper">
 
+  <?php render(); ?>
 
+  aa
 
+</div>
 
+
 
+<script>
 
+  setTimeout( () => {
 
+    var splide = new Splide( '#splide01', {
 
+      type   : 'loop',
 
+      perPage: 3,
 
+      perMove: 1,
 
+      gap    : '1.5rem',
 
+      // height : 300,
 
+      // cover  : true,
 
+      classes: {
 
+        arrows: 'splide__arrows splide__test',
 
+        clone : 'splide__clone splide__test',
 
+      }
 
+    } );
 
+
 
+    splide.mount();
 
+  }, 0 )
 
+</script>
 
+
 
+</body>
 
+</html>

+ 0 - 4
src/js/test/php/examples/default.php
View File 

@@ -54,9 +54,5 @@ $settings = get_settings();
 
 
 
 <?php render(); ?>
 
 <?php render(); ?>
 
 
 
-<div aria-hidden="true">
 
-  <input>
 
-</div>
 
-
 
 </body>
 
 </body>
 
 </html>
 
 </html>

Some files were not shown because too many files changed in this diff