Add Ukrainian translation (#191)

Andrii Yefremov

2022-08-29 ce55eca73bdfc6c043137dcbd7a2bda24cfce9af

 assets/styles/base.scss

@@ -10,11 +10,14 @@
html {
  scroll-behavior: smooth;
  &:lang(ar) {
    & p, & h1, & h2, & h3, article {
    & p, & h1, & h2, & h3, article, header {
      direction: rtl;
      text-align: right;
    }
  }
  & footer > p {
    text-align: center !important;
  }
}

.singlePage {
@@ -42,15 +45,15 @@
  padding: 2rem auto 1rem;

  &:hover > .hanchor {
    opacity: 1;
    color: var(--secondary);
  }
}

.hanchor {
  font-family: var(--font-header);
  opacity: 0.2;
  transition: opacity 0.3s ease;
  color: var(--secondary);
  opacity: 0.8;
  transition: color 0.3s ease;
  color: var(--dark);
}

p, ul, text, a, tr, td, li, ol, ul {
@@ -169,7 +172,7 @@
      background-color: transparent !important;
    }

    & a[href$="#"] {
    & a[href$="#"], &.active a {
      opacity: 0.2;
    }
  }
@@ -177,6 +180,7 @@

article {
  & > h1 {
    margin-top: 2em;
    font-size: 2em;
  }
  
@@ -223,7 +227,7 @@

  & > li {
    display: inline-block;
    margin: 0.4em 0;
    margin: 0.4em 0.2em;
  }

  & > li > a {
@@ -498,34 +502,41 @@
  margin-top: 2em;
  padding-left: 0;

  & > li {
    margin-bottom: 1em;
}

    & > .section {
      display: flex;
      align-items: center; 
      
      & h3 > a {
        font-weight: 700;
        margin: 0;
      }
      
      & p {
        margin: 0;
        padding-right: 1em;
        flex-basis: 6em; 
.section-li {
  margin-bottom: 1em;

  & > .section {
    display: flex;
    align-items: center; 

    @media all and (max-width: 600px) {
      & .tags {
        display: none;
      }
    }

    & h3 {
      opacity: 1;
    & h3 > a {
      font-weight: 700;
      margin: 0em;
      margin: 0;
    }
    
    & p {
      margin: 0;
      padding-right: 1em;
      flex-basis: 6em; 
    }
  }

    & .meta {
      opacity: 0.6;
    }
  & h3 {
    opacity: 1;
    font-weight: 700;
    margin: 0em;
  }

  & .meta {
    opacity: 0.6;
  }
}

@@ -584,9 +595,13 @@
    font-size: 0.8rem;
  }

  & > p {
    margin: 0;
    padding: 0.5rem 0;
  } 

  & > p, & > a {
    font-size: 1rem;
    margin: 0.7rem 0;
    font-weight: 400;
    user-select: none;
  }