Initial commit

assets/css/panel.min.css

@@ -0,0 +1 @@
+.k-textarea-field .k-toolbar .k-dropdown .k-button:nth-of-type(2),.k-textarea-field .k-toolbar .k-dropdown .k-button:nth-of-type(3){display:none}.kirby-imagecrop-field .k-column:nth-of-type(2){display:none}/*# sourceMappingURL=panel.min.css.map */

assets/css/panel.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["panel.scss"],"names":[],"mappings":"AAYY,oIAEI,aAUZ,gDACI","file":"panel.min.css"}

assets/css/panel.scss

@@ -0,0 +1,28 @@
+// ----------------------------------------------------------------------------
+// KIRBY PANEL CUSTOMIZATION
+// ----------------------------------------------------------------------------
+
+// Textarea headline buttons
+
+.k-textarea-field {
+
+    .k-toolbar {
+
+        .k-dropdown {
+
+            .k-button:nth-of-type(2),
+            .k-button:nth-of-type(3) {
+                display: none;
+            }
+        }
+    }
+}
+
+// Visual image crop field properties
+
+.kirby-imagecrop-field {
+
+    .k-column:nth-of-type(2) {
+        display: none;
+    }
+}

assets/css/partials/_animations.scss

@@ -0,0 +1,3 @@
+// ----------------------------------------------------------------------------
+// ANIMATIONS
+// ----------------------------------------------------------------------------

assets/css/partials/_fonts.scss

@@ -0,0 +1,3 @@
+// ----------------------------------------------------------------------------
+// FONTS
+// ----------------------------------------------------------------------------

assets/css/partials/_minireset.css

@@ -0,0 +1,78 @@
+/* ----------------------------------------------------------------------------
+MINIRESET V0.0.6
+---------------------------------------------------------------------------- */
+
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin: 0;
+    padding: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-size: 100%;
+    font-weight: normal;
+}
+
+ul {
+    list-style: none;
+}
+
+button,
+input,
+select {
+    margin: 0;
+}
+
+html {
+    box-sizing: border-box;
+}
+
+*, *::before, *::after {
+    box-sizing: inherit;
+}
+
+img,
+video {
+    height: auto;
+    max-width: 100%;
+}
+
+iframe {
+    border: 0;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+td,
+th {
+    padding: 0;
+}

assets/css/partials/_variables.scss

@@ -0,0 +1,29 @@
+// ----------------------------------------------------------------------------
+// VARIABLES
+// ----------------------------------------------------------------------------
+
+:root {
+
+    // Fonts
+
+    // Dimensions
+
+    // Colors
+
+}
+
+// Media queries
+
+$tablet-media-query: 48rem;
+$desktop-media-query: 62rem;
+
+@media screen and (min-width: $tablet-media-query) {
+
+    :root {
+
+        // Fonts
+
+        // Dimensions
+
+    }
+}

assets/css/style.scss

@@ -0,0 +1,32 @@
+@use 'partials/minireset';
+@use 'partials/fonts';
+@use 'partials/variables' as *;
+@use 'partials/animations';
+
+// ----------------------------------------------------------------------------
+// GENERALITIES
+// ----------------------------------------------------------------------------
+
+// Fonts and colors
+
+// Link style
+
+// General grid layout
+
+// ----------------------------------------------------------------------------
+// HEADER
+// ----------------------------------------------------------------------------
+
+// Header bar
+
+// ----------------------------------------------------------------------------
+// MAIN
+// ----------------------------------------------------------------------------
+
+// Home section
+
+// ----------------------------------------------------------------------------
+// FOOTER
+// ----------------------------------------------------------------------------
+
+// Footer bar

assets/js/app.js

@@ -0,0 +1,26 @@
+'use strict';
+
+// ----------------------------------------------------------------------------
+// DATA
+// ----------------------------------------------------------------------------
+
+// ----------------------------------------------------------------------------
+// UTILS
+// ----------------------------------------------------------------------------
+
+// Convert rem to pixels by getting font-size CSS property
+function convertRemToPixels(rem) {
+    let fontSize = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size'));
+    return rem * fontSize;
+}
+
+// ----------------------------------------------------------------------------
+// LOGIC
+// ----------------------------------------------------------------------------
+
+// ----------------------------------------------------------------------------
+// PROGRAM
+// ----------------------------------------------------------------------------
+
+// Enable CSS :active pseudo-class in Safari Mobile
+document.addEventListener("touchstart", function() {},false);