balean-theme 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d57bfed821855f6dce5761614e2fe554ef971ab5066915b68aa5ca7519fb9296
-  data.tar.gz: 5b1867a4fa53106154fd18b4fe198900dd333bba56a509d9ce4f5f7eae508aea
+  metadata.gz: 635ca72a3aef02a3fb03f55e56cc7c2fca2b9a3328cb616d70f9018be16234cb
+  data.tar.gz: 1791119a9f6b4b1af7a35bf766243b50684f5fd61e220082878d2400475f21d7
 SHA512:
-  metadata.gz: 15e8158e28bfb00255620b11d9d3c53ef9c544184de789dc95c02d20c3ecc59408a04ad9472e3683c2f8589776e1a5c624969dc6d6ca5936073195e8d1067cad
-  data.tar.gz: 7136b875420dde2aa3da07208a0247a32867cbcba11ffbe024faf77b00ef74eb18c2b99a18c8321e32e450cf33398b06662e57b6b5af6d7b55da688b3e870655
+  metadata.gz: 39234695f54cb767464a64152cbf05387dfb8cfa6b589d8f27e224764f6c6513cd51e0d91de4e52f89e87d9c03a63f171e4dcb5fa8cc86c85af2d68fe0cbaa52
+  data.tar.gz: 8be065539e7a20441790c150d0d4a4f77a134a3007e605eb59f73d32eceeba842e720ffca299c55542620ddc5881babb708e8c52e92c8983f60f3b2e54d02104

data/_sass/balean/_theme.scss

@@ -0,0 +1,7 @@
+/* global Settings */
+@forward "settings";
+
+/* Components */
+@forward "components";
+
+

data/_sass/balean/components/_buttons.scss

@@ -1,7 +1,7 @@
 @use "balean/variables" as vars;
 
 /* Buttons */
-.button {
+.bui-button {
   display: inline-block;
   padding: 20px 40px;
   font-size: 26px;

data/_sass/balean/components/_index.scss

@@ -1,5 +1 @@
 @forward "buttons";
-
-@forward "header";
-
-@forward "sections";

data/_sass/balean/settings/_color-scheme.scss

@@ -1,71 +1,38 @@
-@use "balean/variables" as vars;
+// *****************
+// Color definitions
+// *****************
 
-/* Color Scheme */
-:root {
-  --primary-color: vars.$balean-secondary-1;
-  --secondary-color: vars.$balean-primary-1;
-  --white: #fff;
-  --light-gray: #eaecef;
-  --light-blue: vars.$balean-primary-3;
-  --blue-gray: vars.$balean-primary-4;
-  --gray: #767676;
-  --dark: #111;
-  --dark-blue: vars.$balean-primary-1;
-
-  --background-color: var(--white);
-  --background-alt-color: var(--light-gray);
-  --background-alt-color-2: var(--light-blue);
-
-  --text-color: var(--dark);
-  --text-alt-color: var(--gray);
-
-  --heading-font-color: var(--dark);
-
-  --link-color: var(--dark);
-  --link-color-hover: var(--dark);
-
-  --button-color: var(--dark);
-  --button-background-color: var(--primary-color);
-  --button-background-hover: #ffd34e;
-
-  --border-color: var(--light-gray);
-  --border-color-alt: var(--light-gray);
-
-  --th-color: var(--light-gray);
-  --tr-color: var(--light-gray);
+$balean-primary-1: #005f73ff; // Deep Blue
+$balean-primary-2: #56cfe1ff; // Turquise
+$balean-primary-3: #00ffffff; // Light blue
+$balean-primary-4: #a8dadcff; // Soft Aqua
 
-  --syntax-highlighting-background: var(--light-gray);
-}
+$balean-secondary-1: #ffc800ff; // Strong yellow
+$balean-secondary-2: #ffdd85ff; // Golden sand
+$balean-secondary-3: #ff8600ff; // Orange
+$balean-secondary-4: #ff6b6bff; // Coral
+$balean-secondary-5: #9ae6b4ff; // Seafoam green
 
-:root[dark] {
-  --primary-color: vars.$balean-secondary-1;
-  --secondary-color: vars.$balean-bg-3;
-  --white: #fff;
-  --light-gray: #f0f0f0;
-  --gray: #9e9e9e;
-  --dark: vars.$balean-bg-3;
+$balean-bg-1: #ffffffff; // White
+$balean-bg-2: #fdfcdcff; // Soft beige
+$balean-bg-3: #003049ff; // Dark navy
 
-  --background-color: var(--dark);
-  --background-alt-color: #22222a;
-  --background-alt-color-2: #27272f;
-
-  --text-color: var(--gray);
-  --text-alt-color: var(--gray);
-
-  --heading-font-color: var(--light-gray);
-
-  --link-color: var(--light-gray);
-  --link-color-hover: var(--light-gray);
-
-  --button-color: var(--dark);
-  --button-background-color: var(--primary-color);
-  --button-background-hover: #ffd34e;
-
-  --border-color: #2f3135;
-  --border-color-alt: #2f3135;
-
-  --th-color: #22222a;
-  --tr-color: #22222a;
-
-  --syntax-highlighting-background: #22222a;
+/* Color Scheme */
+:root {
+  --bui-primary-color-1: #{$balean-primary-1};
+  --bui-primary-color-2: #{$balean-primary-2};
+  --bui-primary-color-3: #{$balean-primary-3};
+  --bui-primary-color-4: #{$balean-primary-4};
+  --bui-secondary-color-1: #{$balean-secondary-1};
+  --bui-secondary-color-2: #{$balean-secondary-2};
+  --bui-secondary-color-3: #{$balean-secondary-3};
+  --bui-secondary-color-4: #{$balean-secondary-4};
+  --bui-secondary-color-5: #{$balean-secondary-5};
+  --bui-bg-1: #{$balean-bg-1};
+  --bui-bg-2: #{$balean-bg-2};
+  --bui-bg-3: #{$balean-bg-3};
+  --bui-white: #fff;
+  --bui-light-gray: #eaecef;
+  --bui-gray: #767676;
+  --bui-dark: #111;
 }

data/_sass/balean/variables/_index.scss

@@ -1,22 +1,3 @@
-// *****************
-// Color definitions
-// *****************
-
-$balean-primary-1: #005f73ff; // Deep Blue
-$balean-primary-2: #56cfe1ff; // Turquise
-$balean-primary-3: #00ffffff; // Light blue
-$balean-primary-4: #a8dadcff; // Soft Aqua
-
-$balean-secondary-1: #ffc800ff; // Strong yellow
-$balean-secondary-2: #ffdd85ff; // Golden sand
-$balean-secondary-3: #ff8600ff; // Orange
-$balean-secondary-4: #ff6b6bff; // Coral
-$balean-secondary-5: #9ae6b4ff; // Seafoam green
-
-$balean-bg-1: #ffffffff; // White
-$balean-bg-2: #fdfcdcff; // Soft beige
-$balean-bg-3: #003049ff; // Dark navy
-
 // *****************
 // Global Variables
 // *****************

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: balean-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - Sander Brienen
@@ -38,26 +38,13 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
-- _sass/_bootstrap.scss
-- _sass/balean/base/_base.scss
-- _sass/balean/base/_index.scss
+- _sass/balean/_theme.scss
 - _sass/balean/components/_buttons.scss
-- _sass/balean/components/_header.scss
 - _sass/balean/components/_index.scss
-- _sass/balean/components/_sections.scss
 - _sass/balean/settings/_balean-font.scss
 - _sass/balean/settings/_color-scheme.scss
 - _sass/balean/settings/_index.scss
-- _sass/balean/tools/_animate.scss
-- _sass/balean/tools/_grid.scss
-- _sass/balean/tools/_index.scss
-- _sass/balean/tools/_normalize.scss
-- _sass/balean/tools/_reset.scss
-- _sass/balean/tools/_shared.scss
-- _sass/balean/tools/_splide.scss
-- _sass/balean/tools/_syntax-highlighting.scss
 - _sass/balean/variables/_index.scss
-- assets/css/balean-theme.scss
 - assets/fonts/comfortaa-v45-latin-regular.woff2
 - assets/images/balean-favicon.png
 - assets/images/icon-512x512.png

data/_sass/_bootstrap.scss

@@ -1,13 +0,0 @@
-/* global Settings */
-@forward "balean/settings";
-
-/* Base CSS definitions */
-@forward "balean/base";
-
-/* Tools to load the page */
-@forward "balean/tools";
-
-/* Components */
-@forward "balean/components";
-
-

data/_sass/balean/base/_base.scss

@@ -1,230 +0,0 @@
-@use "balean/variables" as vars;
-
-*, *::after, *::before {
-  box-sizing: border-box;
-}
-
-body {
-  font-family: vars.$base-font-family;
-  font-size: vars.$base-font-size;
-  line-height: vars.$base-line-height;
-  overflow-x: hidden;
-  color: var(--text-color);
-  background-color: var(--background-color);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  &.search-is-visible {
-    overflow: hidden;
-    -webkit-overflow-scrolling: auto;
-  }
-
-  &.disable-animation {
-    *, *::after, *::before {
-      transition: none !important;
-    }
-  }
-
-  @media (max-width: vars.$desktop) {
-    font-size: 18px;
-  }
-
-  @media (max-width: vars.$mobile) {
-    font-size: 16px;
-  }
-}
-
-.global-wrap {
-  &.is-active {
-    overflow-x: hidden;
-    overflow-y: scroll;
-  }
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-bottom: 12px;
-  font-family: vars.$heading-font-family;
-  font-weight: vars.$heading-font-weight;
-  line-height: vars.$heading-line-height;
-  letter-spacing: vars.$heading-letter-spacing;
-  color: var(--heading-font-color);
-}
-
-h1 {
-  font-size: vars.$font-size-h1;
-}
-
-h2 {
-  font-size: vars.$font-size-h2;
-}
-
-h3 {
-  font-size: vars.$font-size-h3;
-}
-
-h4 {
-  font-size: vars.$font-size-h4;
-}
-
-h5 {
-  font-size: vars.$font-size-h5;
-}
-
-h6 {
-  font-size: vars.$font-size-h6;
-}
-
-blockquote {
-  margin: 60px -260px 60px -260px;
-  font-family: vars.$heading-font-family;
-  font-size: 60px;
-  font-weight: 700;
-  line-height: 1.2;
-  text-align: center;
-  color: var(--heading-font-color);
-
-  p {
-    margin-bottom: 0;
-  }
-
-  cite {
-    display: inline-block;
-    margin-top: 16px;
-    font-family: vars.$base-font-family;
-    font-size: 16px;
-    font-weight: 400;
-    font-style: normal;
-    color: var(--heading-font-color);
-
-  }
-
-  @media (max-width: vars.$wide) {
-    margin: 60px -80px 60px -80px;
-    font-size: 50px;
-  }
-
-  @media (max-width: vars.$desktop) {
-    margin: 40px 0;
-    font-size: 40px;
-  }
-
-  @media (max-width: vars.$tablet) {
-    font-size: 36px;
-  }
-
-  @media (max-width: vars.$mobile) {
-    margin: 32px 0;
-    font-size: 28px;
-  }
-}
-
-pre {
-  overflow: auto;
-  padding: 15px;
-  margin-bottom: 0;
-  font-size: 14px;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  word-break: break-all;
-  color: var(--heading-font-color);
-}
-
-img,
-.lightense-wrap {
-  max-width: 100%;
-  height: auto;
-  vertical-align: middle;
-}
-
-img,
-.lightense-wrap,
-.gallery {
-  &+em {
-    display: block;
-    margin-top: 8px;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: normal;
-    text-align: center;
-
-    @media (max-width: vars.$mobile) {
-      margin-top: 16px;
-    }
-  }
-}
-
-a {
-  text-decoration: underline;
-  color: var(--link-color);
-  transition: vars.$global-transition;
-
-  &:hover {
-    color: var(--link-color-hover);
-  }
-}
-
-hr {
-  width: 100%;
-  height: 1px;
-  margin: 60px 0;
-  border: 0;
-  background: var(--background-alt-color);
-}
-
-.table-container {
-  display: block;
-  max-width: 100%;
-  overflow-x: auto;
-}
-
-table {
-  font-size: 12px;
-  color: var(--dark);
-  width: 100%;
-  border-width: 1px;
-  border-color: var(--background-alt-color);
-  border-collapse: collapse;
-  color: var(--heading-font-color);
-}
-
-table th {
-  padding: 10px;
-  font-size: 16px;
-  text-align: left;
-  border: 1px solid var(--th-color);
-  color: var(--heading-font-color);
-  font-weight: 700;
-  background-color: var(--th-color);
-}
-
-table tr {
-  background-color: var(--tr-color);
-  transition: all .2s ease;
-  &:nth-child(even) {
-    background-color: transparent;
-  }
-}
-
-table td {
-  padding: 10px;
-  font-size: 14px;
-  border: 1px solid var(--background-alt-color);
-}
-
-.lazy {
-  opacity: 0;
-  transition: opacity .3s ease;
-}
-
-.lazy.loaded {
-  opacity: 1;
-}
-
-.lightense-backdrop {
-  background-color: var(--background-color) !important;
-}

data/_sass/balean/base/_index.scss

@@ -1 +0,0 @@
-@forward "base";