Meta Post - Common CSS Hacks

Put country flags when you are using hashtag of ISO language code. You need to do it manually for each language.

Examples:

Czech language

.tag[href="#cze"]{

background: #b5fbac;
text-shadow:  20px 20px 60px #9ad592, 
             -20px -20px 60px #d0ffc6;
color: black;

}

.tag[href="#cze"]:before {
  
  color: white;
  content: "🇨🇿";
  padding: -20pt -20pt 15pt 5pt;
  margin: 0pt;
  font-size: 15pt;

}

.tag[href="#cze"]:hover {

border-radius: 14px;
background: #b5fbac;
box-shadow:  20px 20px 60px #9ad592, 
             -20px -20px 60px #d0ffc6;

}

English language

.tag[href="#eng"]{

  color: black;
  background: #b5fbac;
  text-shadow:  20px 20px 60px #9ad592, 
             -20px -20px 60px #d0ffc6;
}

.tag[href="#eng"]:before {
  
  color: white;
  content: "🇺🇸";
  padding: -20pt -20pt 15pt 5pt;
  margin: 0pt;
  font-size: 15pt;
}

.tag[href="#eng"]:hover {

border-radius: 14px;
background: #b5fbac;
box-shadow:  20px 20px 60px #9ad592, 
             -20px -20px 60px #d0ffc6;
}

:pray:t3: Somebody should make native plugin where user can define many replacements of the specific text tag into “icon tag” or combination of both.

8 Likes