Update to 1.8.1

teckel12 · Jul 30, 2024 · 245e60f · 245e60f
1 parent dfcc28a
commit 245e60f
Show file tree

Hide file tree

Showing 11 changed files with 12 additions and 130 deletions.
diff --git a/README.markdown b/README.markdown
@@ -3,45 +3,20 @@ slick
 
 [1]: <https://github.com/kenwheeler/slick>
 
-_the last carousel you'll ever need_
+_the last carousel you'll ever need--without the fonts or loading png files_
 
 #### Demo
 
 [http://kenwheeler.github.io/slick](http://kenwheeler.github.io/slick/)
 
-#### CDN
-
-To start working with Slick right away, there's a couple of CDN choices available
-to serve the files as close, and fast as possible to your users:
-
-- https://cdnjs.com/libraries/slick-carousel
-- https://www.jsdelivr.com/projects/jquery.slick
-
-##### Example using jsDelivr
-
-Just add a link to the css file in your `<head>`:
-
-```html
-<!-- Add the slick-theme.css if you want default styling -->
-<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
-<!-- Add the slick-theme.css if you want default styling -->
-<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css"/>
-```
-
-Then, before your closing ```<body>``` tag add:
-
-```html
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
-```
-
 #### Package Managers
 
 ```sh
 # Bower
-bower install --save slick-carousel
+bower install --save slick-carousel-no-font-no-png
 
 # NPM
-npm install slick-carousel
+npm install slick-carousel-no-font-no-png
 ```
 
 #### Contributing
@@ -265,8 +240,6 @@ $(element).slick('unslick');
 Variable | Type | Default | Description
 ------ | ---- | ------- | -----------
 $slick-font-path | string | "./fonts/" | Directory path for the slick icon font
-$slick-font-family | string | "slick" | Font-family for slick icon font
-$slick-loader-path | string | "./" | Directory path for the loader image
 $slick-arrow-color | color | white | Color of the left/right arrow icons
 $slick-dot-color | color | black | Color of the navigation dots
 $slick-dot-color-active | color | $slick-dot-color | Color of the active navigation dot

diff --git a/package.json b/package.json
@@ -1,11 +1,11 @@
 {
-  "name": "slick-carousel",
+  "name": "slick-carousel-no-font-no-png",
   "version": "1.8.1",
-  "description": "the last carousel you'll ever need",
+  "description": "the last carousel you'll ever need--without the fonts or loading png files",
   "main": "slick/slick.js",
   "repository": {
     "type": "git",
-    "url": "https://github.com/kenwheeler/slick.git"
+    "url": "https://github.com/teckel12/slick.git"
   },
   "keywords": [
     "carousel",
@@ -38,11 +38,15 @@
     {
       "name": "ashley mcknight",
       "email": "[email protected]"
+    },
+    {
+      "name": "tim eckel",
+      "email": "[email protected]"
     }
   ],
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/kenwheeler/slick/issues"
+    "url": "https://github.com/teckel12/slick/issues"
   },
   "peerDependencies": {
     "jquery": ">=1.8.0"

diff --git a/slick/ajax-loader.gif b/slick/ajax-loader.gif
diff --git a/slick/fonts/slick.eot b/slick/fonts/slick.eot
diff --git a/slick/fonts/slick.svg b/slick/fonts/slick.svg
diff --git a/slick/fonts/slick.ttf b/slick/fonts/slick.ttf
diff --git a/slick/fonts/slick.woff b/slick/fonts/slick.woff
diff --git a/slick/fonts/slick.woff2 b/slick/fonts/slick.woff2
diff --git a/slick/slick-theme.css b/slick/slick-theme.css
@@ -1,22 +1,5 @@
 @charset "UTF-8";
-/* Slider */
-.slick-loading .slick-list
-{
-    background: #fff url('./ajax-loader.gif') center center no-repeat;
-}
-
-/* Icons */
-@font-face
-{
-    font-family: 'slick';
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
 
-    src: url('./fonts/slick.eot');
-    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff2') format('woff2'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
-    font-display: swap;
-}
 /* Arrows */
 .slick-prev,
 .slick-next

diff --git a/slick/slick-theme.less b/slick/slick-theme.less
@@ -2,9 +2,6 @@
 
 // Default Variables
 
-@slick-font-path: "./fonts/";
-@slick-font-family: "slick";
-@slick-loader-path: "./";
 @slick-arrow-color: white;
 @slick-dot-color: black;
 @slick-dot-color-active: @slick-dot-color;
@@ -16,12 +13,8 @@
 @slick-opacity-on-hover: 1;
 @slick-opacity-not-active: 0.25;
 
-/* Slider */
-.slick-loading .slick-list{
-    background: #fff url('@{slick-loader-path}ajax-loader.gif') center center no-repeat;
-}
-
 /* Arrows */
+
 .slick-prev,
 .slick-next {
     position: absolute;
@@ -54,25 +47,12 @@
 }
 
 .slick-prev:before, .slick-next:before {
-    font-family: @slick-font-family;
     font-size: 20px;
     line-height: 1;
     color: @slick-arrow-color;
     opacity: @slick-opacity-default;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-
-    & when ( @slick-font-family = 'slick' ) {
-        /* Icons */
-        @font-face {
-            font-family: 'slick';
-            font-weight: normal;
-            font-style: normal;
-            src: url('@{slick-font-path}slick.eot');
-            src: url('@{slick-font-path}slick.eot?#iefix') format('embedded-opentype'), url('@{slick-font-path}slick.woff2') format('woff2'), url('@{slick-font-path}slick.woff') format('woff'), url('@{slick-font-path}slick.ttf') format('truetype'), url('@{slick-font-path}slick.svg#slick') format('svg');
-            font-display: swap;
-        }
-    }
 }
 
 .slick-prev {
@@ -151,7 +131,6 @@
                 content: @slick-dot-character;
                 width: 20px;
                 height: 20px;
-                font-family: @slick-font-family;
                 font-size: @slick-dot-size;
                 line-height: 20px;
                 text-align: center;

diff --git a/slick/slick-theme.scss b/slick/slick-theme.scss
@@ -7,9 +7,6 @@
 // "\2192" outputs ascii character "→"
 // "\2022" outputs ascii character "•"
 
-$slick-font-path: "./fonts/" !default;
-$slick-font-family: "slick" !default;
-$slick-loader-path: "./" !default;
 $slick-arrow-color: white !default;
 $slick-dot-color: black !default;
 $slick-dot-color-active: $slick-dot-color !default;
@@ -21,44 +18,6 @@ $slick-opacity-default: 0.75 !default;
 $slick-opacity-on-hover: 1 !default;
 $slick-opacity-not-active: 0.25 !default;
 
-@function slick-image-url($url) {
-    @if function-exists(image-url) {
-        @return image-url($url);
-    }
-    @else {
-        @return url($slick-loader-path + $url);
-    }
-}
-
-@function slick-font-url($url) {
-    @if function-exists(font-url) {
-        @return font-url($url);
-    }
-    @else {
-        @return url($slick-font-path + $url);
-    }
-}
-
-/* Slider */
-
-.slick-list {
-    .slick-loading & {
-        background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
-    }
-}
-
-/* Icons */
-@if $slick-font-family == "slick" {
-    @font-face {
-        font-family: "slick";
-        src: slick-font-url("slick.eot");
-        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff2") format("woff2"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
-        font-weight: normal;
-        font-style: normal;
-        font-display: swap;
-    }
-}
-
 /* Arrows */
 
 .slick-prev,
@@ -91,7 +50,6 @@ $slick-opacity-not-active: 0.25 !default;
         opacity: $slick-opacity-not-active;
     }
     &:before {
-        font-family: $slick-font-family;
         font-size: 20px;
         line-height: 1;
         color: $slick-arrow-color;
@@ -177,7 +135,6 @@ $slick-opacity-not-active: 0.25 !default;
                 content: $slick-dot-character;
                 width: 20px;
                 height: 20px;
-                font-family: $slick-font-family;
                 font-size: $slick-dot-size;
                 line-height: 20px;
                 text-align: center;