saeedseyfi

/* ratio.scss output: */

.ratio-1-1 {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
}
.ratio-1-1 img {

saeedseyfi

$layout-direction: ltr !default;

@mixin ltr {
    @if $layout-direction == ltr {
        @content;
    }
}
@mixin rtl {
    @if $layout-direction == rtl {
        @content;

saeedseyfi

.my-element {
    padding: 50px;
    background: yellow;
    
    [dir=rtl] & {
        float: right;
    }    

    [dir=ltr] & {
        float: left;

saeedseyfi

Re-installing Git on Mac OSX with Brew

This is helpful if you've previously installed git from source on OSX, and other compilers can't find the correct path. You need to remove the current version of git, then re-install with brew.

Uninstall git if installed manually

1. Check which git you're running:

which git

saeedseyfi

# aliases
git config --global alias.co checkout
git config --global alias.br branch
git config --global alias.ci commit
git config --global alias.st status
git config --global alias.lg 'log --oneline'
git config --global alias.last 'log -1 HEAD'

# git-completion
npm i -g git-completion

saeedseyfi

import React, { useEffect, useState } from "react";

import { Switch, Case } from "./Switch";
import "./styles.css";

export default function App() {
  const [count, setCount] = useState(1);

  useEffect(() => {
    const inverval = setInterval(() => {

saeedseyfi

Find Closest Available Parent - JavaScript Object Proxy Challenge

Problem

We have an object, containing nested locations and their coordinates:

const data = {
  name: 'World',
  coords: '0,0',
  sweden: {
    name: 'Sweden',