update main page

Author: JMazzy

.gitignore

@@ -4,4 +4,4 @@ _site/
 .jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/
 .jekyll-metadata
 .bundle/
-vendor/
+vendor/

.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910

@@ -13,7 +13,7 @@ description: > # this means to ignore newlines until "baseurl:"
   line in _config.yml. It will appear in your document head meta (for
   Google search results) and in your feed.xml site description.
 baseurl: "" # the subpath of your site, e.g. /blog
-url: "http://yourdomain.com" # the base hostname & protocol for your site
+url: "https://masland-sarani.com" # the base hostname & protocol for your site
 twitter_username: jekyllrb
 github_username:  jekyll
 

_config.yml

@@ -1,3 +1,6 @@
+@use "sass:list";
+
+@use "sass:color";
 /**
  * Reset some basic elements
  */
@@ -14,7 +17,7 @@ dl, dd, ol, ul, figure {
  * Basic styling
  */
 body {
-    font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+    font: $base-font-weight list.slash($base-font-size, $base-line-height) $base-font-family;
     color: $text-color;
     background-color: $background-color;
     -webkit-text-size-adjust: 100%;
@@ -34,7 +37,7 @@ h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,
 ul, ol, dl, figure,
 %vertical-rhythm {
-    margin-bottom: $spacing-unit / 2;
+    margin-bottom: $spacing-unit * 0.5;
 }
 
 
@@ -95,7 +98,7 @@ a {
     text-decoration: none;
 
     &:visited {
-        color: darken($brand-color, 15%);
+        color: color.adjust($brand-color, $lightness: -15%);
     }
 
     &:hover {
@@ -112,7 +115,7 @@ a {
 blockquote {
     color: $grey-color;
     border-left: 4px solid $grey-color-light;
-    padding-left: $spacing-unit / 2;
+    padding-left: $spacing-unit * 0.5;
     font-size: 18px;
     letter-spacing: -1px;
     font-style: italic;
@@ -167,8 +170,8 @@ pre {
     @include media-query($on-laptop) {
         max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
         max-width:         calc(#{$content-width} - (#{$spacing-unit}));
-        padding-right: $spacing-unit / 2;
-        padding-left: $spacing-unit / 2;
+        padding-right: $spacing-unit * 0.5;
+        padding-left: $spacing-unit * 0.5;
     }
 }
 

_sass/_base.scss

@@ -1,3 +1,4 @@
+@use "sass:meta";
 /**
  * Site header
  */
@@ -45,7 +46,7 @@
     @include media-query($on-palm) {
         position: absolute;
         top: 9px;
-        right: $spacing-unit / 2;
+        right: $spacing-unit * 0.5;
         background-color: $background-color;
         border: 1px solid $grey-color-light;
         border-radius: 5px;
@@ -104,7 +105,7 @@
 
 .footer-heading {
     font-size: 18px;
-    margin-bottom: $spacing-unit / 2;
+    margin-bottom: $spacing-unit * 0.5;
 }
 
 .contact-list,
@@ -116,14 +117,14 @@
 .footer-col-wrapper {
     font-size: 15px;
     color: $grey-color;
-    margin-left: -$spacing-unit / 2;
+    margin-left: -$spacing-unit * 0.5;
     @extend %clearfix;
 }
 
 .footer-col {
     float: left;
-    margin-bottom: $spacing-unit / 2;
-    padding-left: $spacing-unit / 2;
+    margin-bottom: $spacing-unit * 0.5;
+    padding-left: $spacing-unit * 0.5;
 }
 
 .footer-col-1 {
@@ -241,4 +242,4 @@
     }
 }
 
-@import 'styles';
+@include meta.load-css('styles');