Added theme files

Author: JulianPrieber

animations.css

@@ -0,0 +1,106 @@
+/* ************************************************************* */
+/* 
+/* Use this file to add custom CSS animations.
+/* Delete this file if you wish to use the default animations.
+/* If you do not want to have animations in your theme,
+/* remove or comment them and include this file in your theme.
+/* 
+/* ************************************************************* */
+
+
+/* Table of contents
+––––––––––––––––––––––––––––––––––––––––––––––––––
+- Entrance animations
+- Button hover animations
+- Icon hover animations
+- Footer hover animations
+
+*/
+
+
+
+/* Entrance animations
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+/* .button-entrance {
+    animation-name: popUp;
+    animation-duration: 1s;
+    animation-fill-mode: both;
+    animation-delay: calc(var(--delay)/10);
+  }
+
+@keyframes popUp {
+  from {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+} */
+
+/* .fadein {
+    animation-name: fadein;
+    animation-duration: 3s;
+    animation-fill-mode: both;
+  }
+
+@keyframes fadein {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+} */
+
+
+/* Button hover animations
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+/* (Also apply to icon) */
+
+.button-hover, .credit-hover{
+    display:inline-block;
+    -webkit-transform:perspective(1px) translateZ(0);
+    transform:perspective(1px) translateZ(0);
+    box-shadow:0 0 1px rgba(0,0,0,0);
+    -webkit-transition-duration:.1s;
+    transition-duration:.1s;
+    -webkit-transition-property:transform;
+    transition-property:transform
+}
+.button-hover:active,
+.button-hover:focus, 
+.button-hover:hover{
+    -webkit-transform:scale(1.02);
+    transform:scale(1.02)
+}
+.credit-hover:active, 
+.credit-hover:focus, 
+.credit-hover:hover{
+    -webkit-transform:scale(1.04);
+    transform:scale(1.04)
+}
+
+
+/* Footer hover animations
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+.footer-hover{
+    display:inline-block;
+    -webkit-transform:perspective(1px) translateZ(0);
+    transform:perspective(1px) translateZ(0);
+    box-shadow:0 0 1px rgba(0,0,0,0);
+    -webkit-transition-duration:.3s;
+    transition-duration:.3s;
+    -webkit-transition-property:transform;
+    transition-property:transform;
+    -webkit-transition-timing-function:ease-out;
+    transition-timing-function:ease-out
+}
+.footer-hover:active,.footer-hover:focus,.footer-hover:hover{
+    -webkit-transform:translateY(-8px);
+    transform:translateY(-8px)
+}

brands.css

@@ -0,0 +1,74 @@
+
+/* Table of contents
+––––––––––––––––––––––––––––––––––––––––––––––––––
+
+- Rounded user avatars
+- Buttons
+- Brand Styles
+
+*/
+
+
+/* Rounded avatars
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+/* Disable this if you don't want rounded avatars for users */
+.rounded-avatar {
+  border-radius: 50%;
+  -webkit-box-shadow: 0px 0px 0px 3px var(--button-background-color); 
+  box-shadow: 0px 0px 0px 3px var(--button-background-color);
+  background-color: var(--button-background-color) !important;
+  width: var(--image-width);
+  height: var(--image-height);
+}
+
+.social-icon {
+  font-size: 32px;
+  padding: 10px;
+}
+.social-icon-div {
+  padding-bottom: 30px;
+}
+.social-icon{color:#fff;}
+
+/* Buttons
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+.button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  font-size: 1em;
+  color: var(--button-text-color);
+  min-height: 58px;
+  line-height: 58px;
+  cursor: pointer;
+
+  color: var(--button-text-color);
+  background-color: var(--button-background-color);
+  width: 100%;
+  max-width: 600px;
+  border-radius: 14px;
+  margin-bottom: 13px;
+}
+
+
+/* Brand Icons
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+.icon {
+  right: 10px;
+  bottom: 2px;
+  position: relative;
+  vertical-align: middle;
+  width: 20px;
+  height: 20px;
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  filter: grayscale(100%);
+}
+
+svg {
+  color: white !important;
+}

config.php

@@ -0,0 +1,66 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Theme Config
+    |--------------------------------------------------------------------------
+    |
+    | The theme config allows you to configure how LittleLink Custom should treat your theme.
+    | All settings can either be set to "true" or "false", unless stated otherwise.
+    | 
+    | The settings below change how your buttons behave.
+    |
+    */
+
+    // Some themes may not be compatible with custom buttons created by the Button Editor.
+    // If 'false' the default button CSS is used.
+    'allow_custom_buttons' => 'false',
+
+    'open_links_in_same_tab' => 'false',
+
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Code
+    |--------------------------------------------------------------------------
+    |
+    | Custom code allows you to inject customized Blade, PHP, HTML, JavaScript and CSS code.
+    | 
+    | In your "extra" folder, you will find 3 separate files for injecting your code to 
+    | different places on the final page (head, body, at the end of the body).
+    | 
+    | You may also attach custom assets like CSS, JS, or images. 
+    | You can find instructions for this in the files in your extra folder.
+    | 
+    */
+
+    'enable_custom_code' => 'true',
+
+    // Disable individual files (only applies if above is 'true').
+    'enable_custom_head'     => 'true',
+    'enable_custom_body'     => 'true',
+    'enable_custom_body_end' => 'false',
+
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Icons
+    |--------------------------------------------------------------------------
+    |
+    | You may add custom icons to your theme. 
+    | These icons are stored under: .../extra/custom-icons.
+    | 
+    | You can adjust the file extension types to use other files than just SVGs.
+    |
+    */
+
+    'use_custom_icons' => 'false',
+
+    // Is not set correct this will cause errors.
+    'custom_icon_extension' => '.svg', // (.png, .jpg ...)
+
+
+
+];