3 namespace Drupal\slick;
5 use Drupal\Core\StringTranslation\StringTranslationTrait;
8 * Implements SlickSkinInterface.
10 class SlickSkin implements SlickSkinInterface {
12 use StringTranslationTrait;
17 public function skins() {
23 'css/theme/slick.theme--default.css' => [],
28 'name' => 'Thumbnail: asNavFor',
31 'css/theme/slick.theme--asnavfor.css' => [],
34 'description' => $this->t('Affected thumbnail navigation only.'),
38 'description' => $this->t('Adds dark background color over white caption, only good for slider (single slide visible), not carousel (multiple slides visible), where small captions are placed over images.'),
41 'css/theme/slick.theme--classic.css' => [],
46 'name' => 'Full screen',
47 'description' => $this->t('Adds full screen display, works best with 1 slidesToShow.'),
50 'css/theme/slick.theme--full.css' => [],
51 'css/theme/slick.theme--fullscreen.css' => [],
56 'name' => 'Full width',
57 'description' => $this->t('Adds .slide__constrained wrapper to hold caption overlay within the max-container.'),
60 'css/theme/slick.theme--full.css' => [],
61 'css/theme/slick.theme--fullwidth.css' => [],
66 'name' => 'Grid Foundation',
67 'description' => $this->t('Use slidesToShow > 1 to have more grid combination, only if you have considerable amount of grids, otherwise 1.'),
70 'css/theme/slick.theme--grid.css' => [],
76 'description' => $this->t('Puts image and caption side by side, requires any split layout option.'),
79 'css/theme/slick.theme--split.css' => [],
85 foreach ($skins as $key => $skin) {
86 $skins[$key]['group'] = $key == 'asnavfor' ? 'thumbnail' : 'main';
87 $skins[$key]['provider'] = 'slick';