jekyll-theme-so-simple 3.1.0 → 3.1.1

data/_sass/so-simple/utilities/_animations.scss

@@ -1,99 +1,99 @@
-/* ==========================================================================
-   Animations
-   ========================================================================== */
-
-/* add .animated class to elements you wish to animate
- * along with the type of animation (eg: <div class="animated fadeIn"></div>)
- */
-
-.animated {
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-  -webkit-animation-duration: 1s;
-  animation-duration: 1s;
-}
-
-/*
-   Fade-in animation .fadeIn
-   ========================================================================== */
-
-@-webkit-keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-.fadeIn {
-  -webkit-animation-name: fadeIn;
-  animation-name: fadeIn;
-}
-
-/*
-   Fade-in down animation .fadeInDown
-   ========================================================================== */
-
-@-webkit-keyframes fadeInDown {
-  0% {
-    opacity: 0;
-    -webkit-transform: translateY(-20px);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: translateY(0);
-  }
-}
-@keyframes fadeInDown {
-  0% {
-    opacity: 0;
-    -webkit-transform: translateY(-20px);
-    transform: translateY(-20px);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: translateY(0);
-    transform: translateY(0);
-  }
-}
-
-.fadeInDown {
-  -webkit-animation-name: fadeInDown;
-  animation-name: fadeInDown;
-}
-
-/*
-   Drop animation .drop
-   ========================================================================== */
-
-@-webkit-keyframes drop {
-  0% {
-    -webkit-transform: translateY(-500px);
-  }
-  100% {
-    -webkit-transform: translateY(0);
-  }
-}
-@keyframes drop {
-  0% {
-    -webkit-transform: translateY(-500px);
-    transform: translateY(-500px);
-  }
-  100% {
-    -webkit-transform: translateY(0);
-    transform: translateY(0);
-  }
-}
-.drop {
-  -webkit-animation-name: drop;
-  animation-name: drop;
-}
+/* ==========================================================================
+   Animations
+   ========================================================================== */
+
+/* add .animated class to elements you wish to animate
+ * along with the type of animation (eg: <div class="animated fadeIn"></div>)
+ */
+
+.animated {
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+}
+
+/*
+   Fade-in animation .fadeIn
+   ========================================================================== */
+
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+
+/*
+   Fade-in down animation .fadeInDown
+   ========================================================================== */
+
+@-webkit-keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+}
+@keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+    transform: translateY(-20px);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+}
+
+.fadeInDown {
+  -webkit-animation-name: fadeInDown;
+  animation-name: fadeInDown;
+}
+
+/*
+   Drop animation .drop
+   ========================================================================== */
+
+@-webkit-keyframes drop {
+  0% {
+    -webkit-transform: translateY(-500px);
+  }
+  100% {
+    -webkit-transform: translateY(0);
+  }
+}
+@keyframes drop {
+  0% {
+    -webkit-transform: translateY(-500px);
+    transform: translateY(-500px);
+  }
+  100% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+}
+.drop {
+  -webkit-animation-name: drop;
+  animation-name: drop;
+}

data/_sass/so-simple/utilities/_clearfix.scss

@@ -1,7 +1,7 @@
-/* ==========================================================================
-   Clearfix
-   ========================================================================== */
-
-.clearfix {
-  @include clearfix();
-}
+/* ==========================================================================
+   Clearfix
+   ========================================================================== */
+
+.clearfix {
+  @include clearfix();
+}

data/_sass/so-simple/utilities/_float.scss

@@ -1,7 +1,7 @@
-/* ==========================================================================
-   Floats
-   ========================================================================== */
-
-.float-left { @include float-left; }
-.float-right { @include float-right; }
-.float-none { @include float-none; }
+/* ==========================================================================
+   Floats
+   ========================================================================== */
+
+.float-left { @include float-left; }
+.float-right { @include float-right; }
+.float-none { @include float-none; }

data/_sass/so-simple/utilities/_responsive-embed.scss

@@ -1,66 +1,66 @@
-/* ==========================================================================
-   Responsive Embed
-   Credit: Nicolas Gallagher and SUIT CSS.
-
-   <!-- 16:9 aspect ratio -->
-   <div class="responsive-embed responsive-embed-16by9">
-     <iframe class="responsive-embed-item" src="..."></iframe>
-   </div>
-
-   <!-- 4:3 aspect ratio -->
-   <div class="responsive-embed responsive-embed-4by3">
-     <iframe class="responsive-embed-item" src="..."></iframe>
-   </div>
-   ========================================================================== */
-
-.responsive-embed {
-  display: block;
-  position: relative;
-  width: 100%;
-  margin-bottom: 1.5rem;
-  padding: 0;
-  overflow: hidden;
-
-  &::before {
-    display: block;
-    content: "";
-  }
-
-  .responsive-embed-item,
-  iframe,
-  embed,
-  object,
-  video {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border: 0;
-  }
-}
-
-.responsive-embed-21by9 {
-  &::before {
-    padding-top: percentage(9 / 21);
-  }
-}
-
-.responsive-embed-16by9 {
-  &::before {
-    padding-top: percentage(9 / 16);
-  }
-}
-
-.responsive-embed-4by3 {
-  &::before {
-    padding-top: percentage(3 / 4);
-  }
-}
-
-.responsive-embed-1by1 {
-  &::before {
-    padding-top: percentage(1 / 1);
-  }
-}
+/* ==========================================================================
+   Responsive Embed
+   Credit: Nicolas Gallagher and SUIT CSS.
+
+   <!-- 16:9 aspect ratio -->
+   <div class="responsive-embed responsive-embed-16by9">
+     <iframe class="responsive-embed-item" src="..."></iframe>
+   </div>
+
+   <!-- 4:3 aspect ratio -->
+   <div class="responsive-embed responsive-embed-4by3">
+     <iframe class="responsive-embed-item" src="..."></iframe>
+   </div>
+   ========================================================================== */
+
+.responsive-embed {
+  display: block;
+  position: relative;
+  width: 100%;
+  margin-bottom: 1.5rem;
+  padding: 0;
+  overflow: hidden;
+
+  &::before {
+    display: block;
+    content: "";
+  }
+
+  .responsive-embed-item,
+  iframe,
+  embed,
+  object,
+  video {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+  }
+}
+
+.responsive-embed-21by9 {
+  &::before {
+    padding-top: percentage(9 / 21);
+  }
+}
+
+.responsive-embed-16by9 {
+  &::before {
+    padding-top: percentage(9 / 16);
+  }
+}
+
+.responsive-embed-4by3 {
+  &::before {
+    padding-top: percentage(3 / 4);
+  }
+}
+
+.responsive-embed-1by1 {
+  &::before {
+    padding-top: percentage(1 / 1);
+  }
+}

data/_sass/so-simple/utilities/_text.scss

@@ -1,48 +1,48 @@
-/* ==========================================================================
-   Text
-   ========================================================================== */
-
-/*
-   Alignment
-   ========================================================================== */
-
-.text-justify {
-  text-align: justify !important;
-}
-.text-nowrap {
-  white-space: nowrap !important;
-}
-.text-left {
-  text-align: left !important;
-}
-.text-right {
-  text-align: right !important;
-}
-.text-center {
-  text-align: center !important;
-}
-
-/*
-   Transformation
-   ========================================================================== */
-
-.text-lowercase {
-  text-transform: lowercase !important;
-}
-.text-uppercase {
-  text-transform: uppercase !important;
-}
-.text-capitalize {
-  text-transform: capitalize !important;
-}
-.text-truncate {
-  @include text-truncate;
-}
-
-/*
-   Sizing
-   ========================================================================== */
-
-.small {
-  font-size: 80%;
-}
+/* ==========================================================================
+   Text
+   ========================================================================== */
+
+/*
+   Alignment
+   ========================================================================== */
+
+.text-justify {
+  text-align: justify !important;
+}
+.text-nowrap {
+  white-space: nowrap !important;
+}
+.text-left {
+  text-align: left !important;
+}
+.text-right {
+  text-align: right !important;
+}
+.text-center {
+  text-align: center !important;
+}
+
+/*
+   Transformation
+   ========================================================================== */
+
+.text-lowercase {
+  text-transform: lowercase !important;
+}
+.text-uppercase {
+  text-transform: uppercase !important;
+}
+.text-capitalize {
+  text-transform: capitalize !important;
+}
+.text-truncate {
+  @include text-truncate;
+}
+
+/*
+   Sizing
+   ========================================================================== */
+
+.small {
+  font-size: 80%;
+}