Add “open new window“ icon at the end of target-blank links

cofacts · Oct 5, 2017 · b10abcd · b10abcd
1 parent 172e9a4
commit b10abcd
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/components/App/App.css b/components/App/App.css
@@ -4,3 +4,9 @@
 html {
   font: 15px/1.6 思源黑體, "Source Han Sans", "Noto Sans CJK TC", 蘋方-繁, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif;
 }
+
+a[target="_blank"]:after {
+  /* material-ui ic_open_in_new_black_12px.svg */
+  content: url("data:image/svg+xml,%3Csvg fill='%23666666' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0 0h24v24H0z' fill='none'/%3E %3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E %3C/svg%3E");
+  margin: 0 4px;
+}