j1-template 2023.1.0 → 2023.2.0

data/assets/themes/j1/core/css/themes/unolight/bootstrap.css

@@ -14888,6 +14888,89 @@ table.tableblock > .title {
   margin-bottom: 0.25rem;
   z-index: 9; }
 
+.article-item {
+  max-width: 26rem;
+  margin-left: auto;
+  margin-right: auto; }
+  .article-item .article-link {
+    position: relative;
+    display: block;
+    margin: 0 auto; }
+    .article-item .article-link .article-hover {
+      display: flex;
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.5);
+      align-items: center;
+      justify-content: center;
+      opacity: 0;
+      transition: opacity ease-in-out 0.25s; }
+      .article-item .article-link .article-hover .article-hover-content {
+        font-size: 1.25rem;
+        color: white; }
+    .article-item .article-link:hover .article-hover {
+      opacity: 1; }
+  .article-item .article-caption {
+    padding: 1.5rem;
+    text-align: center;
+    background-color: #e0e0e0; }
+    .article-item .article-caption .article-caption-heading {
+      font-size: 1.5rem;
+      font-weight: 400;
+      margin-bottom: 0; }
+    .article-item .article-caption .article-caption-subheading {
+      font-style: italic;
+      font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
+
+.article-item--w100 {
+  max-width: 100px !important; }
+
+.article-item--w200 {
+  max-width: 200px !important; }
+
+.article-item--w300 {
+  max-width: 300px !important; }
+
+.article-item--w400 {
+  max-width: 400px !important; }
+
+.article-item--w500 {
+  max-width: 500px !important; }
+
+.article-modal .modal-dialog {
+  margin: 1rem;
+  max-width: 100vw; }
+
+.article-modal .modal-content {
+  padding-top: 6rem;
+  padding-bottom: 6rem;
+  text-align: center; }
+  .article-modal .modal-content h2, .article-modal .modal-content .h2 {
+    font-size: 3rem;
+    line-height: 3rem; }
+  .article-modal .modal-content p.item-intro {
+    font-style: italic;
+    margin-bottom: 2rem;
+    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
+  .article-modal .modal-content p {
+    margin-bottom: 2rem; }
+  .article-modal .modal-content ul.list-inline {
+    margin-bottom: 2rem; }
+  .article-modal .modal-content img {
+    margin-bottom: 2rem; }
+
+.article-modal .close-modal {
+  position: absolute;
+  top: 1.5rem;
+  right: 1.5rem;
+  width: 3rem;
+  height: 3rem;
+  cursor: pointer;
+  background-color: transparent; }
+  .article-modal .close-modal:hover {
+    opacity: 0.3; }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/scss/theme_uno/extensions/_attic.scss
@@ -15097,6 +15180,104 @@ span.badge > a {
   border-radius: 1px;
   margin-bottom: 0.25rem; }
 
+/*
+ # -----------------------------------------------------------------------------
+ # ~/scss/theme_uno/extensions/_caption.scss
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+*/
+/* General
+-------------------------------------------------------------------------------- */
+.caption {
+  display: none;
+  /* hidden for default */
+  position: absolute;
+  /* positions set by translate */
+  padding: 10px;
+  /* space around a caption */
+  text-align: center;
+  /* caption text align */
+  color: #E0E0E0;
+  /* caption text color */
+  background: rgba(0, 0, 0, 0.6);
+  /* caption background color */
+  width: 100%;
+  font-weight: 500;
+  font-size: 16px;
+  z-index: 999; }
+
+/* Caption Positions
+-------------------------------------------------------------------------------- */
+/* Top
+TODO: Fix top position if NO gutters are used:
+top: 5px;
+width: 97%;
+-------------------------------------------------------------------------------- */
+.top .caption {
+  top: 0%;
+  transform: translate(-100%, -50%);
+  /* move hidden caption */
+  -moz-transform: translate(-100%, -50%);
+  -webkit-transform: translate(-100%, -50%); }
+
+.top:hover .caption {
+  display: block;
+  /* show caption */
+  transform: translate(0, 0);
+  /* move visible caption */
+  -moz-transform: translate(0, 0);
+  -webkit-transform: translate(0, 0);
+  transition: all 0.25s;
+  -moz-transition: all 0.25s;
+  -webkit-transition: all 0.25s;
+  transition-delay: 0.25s;
+  -moz-transition-delay: 0.25s;
+  -webkit-transition-delay: 0.25s; }
+
+/* Bottom
+-------------------------------------------------------------------------------- */
+.bottom .caption {
+  top: 100%;
+  transform: translate(0, 0);
+  -moz-transform: translate(0, 0);
+  -webkit-transform: translate(0, 0); }
+
+.bottom:hover .caption {
+  display: block;
+  transform: translate(0, -100%);
+  -moz-transform: translate(0, -100%);
+  -webkit-transform: translate(0, -100%);
+  transition: all 0.25s;
+  -moz-transition: all 0.25s;
+  -webkit-transition: all 0.25s; }
+
+/* Centered
+-------------------------------------------------------------------------------- */
+.center .caption {
+  top: 50%;
+  transform: translate(-100%, -50%);
+  -moz-transform: translate(-100%, -50%);
+  -webkit-transform: translate(-100%, -50%); }
+
+.center:hover .caption {
+  display: block;
+  transform: translate(0, -50%);
+  -moz-transform: translate(0, -50%);
+  -webkit-transform: translate(0, -50%);
+  transition: all 0.25s;
+  -moz-transition: all 0.25s;
+  -webkit-transition: all 0.25s;
+  transition-delay: 0.25s;
+  -moz-transition-delay: 0.25s;
+  -webkit-transition-delay: 0.25s; }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/scss/theme_uno/extensions/_cards.scss
@@ -17837,6 +18018,46 @@ button.btn-fab-floating {
   background-repeat: no-repeat;
   background-position: center; }
 
+.img-object--w100 {
+  width: 100%;
+  max-width: 100px; }
+
+.img-object--w200 {
+  width: 100%;
+  max-width: 200px; }
+
+.img-object--w300 {
+  width: 100%;
+  max-width: 300px; }
+
+.img-object--w400 {
+  width: 100%;
+  max-width: 400px; }
+
+.img-object--w500 {
+  width: 100%;
+  max-width: 500px; }
+
+.img-object--h100 {
+  height: 100%;
+  max-height: 100px; }
+
+.img-object--h200 {
+  width: 100%;
+  max-width: 200px; }
+
+.img-object--h300 {
+  width: 100%;
+  max-width: 300px; }
+
+.img-object--h400 {
+  width: 100%;
+  max-width: 400px; }
+
+.img-object--h500 {
+  width: 100%;
+  max-width: 500px; }
+
 .img-object--contain {
   object-fit: contain; }
 
@@ -18150,6 +18371,32 @@ button.btn-fab-floating {
   .footer-mobile {
     order: 4; } }
 
+/*
+ # -----------------------------------------------------------------------------
+ # ~/scss/theme_uno/extensions/_people.scss
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+ # NOTE: Additional styles for page articles (pages)
+ # -----------------------------------------------------------------------------
+*/
+.people-member {
+  margin-bottom: 3rem;
+  text-align: center; }
+  .people-member img {
+    width: 14rem;
+    height: 14rem;
+    border: 0.5rem solid rgba(0, 0, 0, 0.1); }
+  .people-member h4, .people-member .h4 {
+    margin-top: 1.5rem;
+    margin-bottom: 0; }
+
 /*
 // -----------------------------------------------------------------------------
 // ~/scss/theme_uno/extensions/_plans.scss