From 9cd08b73377425368bac7d69c5bbf2672caa24e2 Mon Sep 17 00:00:00 2001 From: Volkan Deveci Date: Mon, 2 Sep 2019 12:24:26 +0300 Subject: [PATCH 1/2] =?UTF-8?q?fix=20=E2=80=99S=E2=80=99=20letter=20proble?= =?UTF-8?q?m?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/css-sans.css | 6 ++++-- src/stylus/_css-sans.styl | 2 +- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/css-sans.css b/src/css-sans.css index 39f634e..f7ce5e0 100644 --- a/src/css-sans.css +++ b/src/css-sans.css @@ -1,5 +1,7 @@ -/*! +/* * css-sans.css v1.0.0 * (c) 2015 Yusuke Sugomori * MIT License | http://yusugomori.com/license/mit - */.A{position:relative;left:30px;width:60px;height:91px;border-bottom:solid 14px #231815;-webkit-transition:all linear 200ms;-moz-transition:all linear 200ms;-ms-transition:all linear 200ms;-o-transition:all linear 200ms;transition:all linear 200ms}.A:before,.A:after{-webkit-transition:all linear 200ms;-moz-transition:all linear 200ms;-ms-transition:all linear 200ms;-o-transition:all linear 200ms;transition:all linear 200ms;-webkit-transform:skew(-19deg,0);-moz-transform:skew(-19deg,0);-ms-transform:skew(-19deg,0);-o-transform:skew(-19deg,0);transform:skew(-19deg,0);position:absolute;content:'';top:12.5px;left:0;width:16px;height:125px;background-color:#231815}.A:after{-webkit-transform:skew(19deg,0);-moz-transform:skew(19deg,0);-ms-transform:skew(19deg,0);-o-transform:skew(19deg,0);transform:skew(19deg,0);left:45px}.B{position:relative;top:12.5px;left:10px;width:60px;height:125px;border-left:solid 16px #231815}.B:before,.B:after{position:absolute;content:'';width:52px;height:39px;border-width:15px 15px 10px 0;border-color:#231815;border-style:solid;-webkit-border-radius:0 240% 180% 0 / 0 180% 180% 0;-moz-border-radius:0 240% 180% 0 / 0 180% 180% 0;-ms-border-radius:0 240% 180% 0 / 0 180% 180% 0;-o-border-radius:0 240% 180% 0 / 0 180% 180% 0;border-radius:0 240% 180% 0 / 0 180% 180% 0}.B:after{bottom:0;width:58px;height:43px;border-width:10px 15px 15px 0;-webkit-border-radius:0 180% 220% 0 / 0 180% 180% 0;-moz-border-radius:0 180% 220% 0 / 0 180% 180% 0;-ms-border-radius:0 180% 220% 0 / 0 180% 180% 0;-o-border-radius:0 180% 220% 0 / 0 180% 180% 0;border-radius:0 180% 220% 0 / 0 180% 180% 0}.C{position:relative;top:12.5px;left:10px;width:84px;height:95px;border-width:15px 12px 15px 16px;border-color:#231815;border-style:solid;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.C:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;content:'';top:2px;left:49px;background-color:#fff;width:90px;height:90px}.D{position:relative;top:12.5px;left:10px;border-left:solid 15px #231815;height:125px}.D:before{position:absolute;content:'';top:0;left:0;width:60px;height:95px;border-width:15px 15px 15px 0;border-color:#231815;border-style:solid;-webkit-border-radius:0 300% 300% 0 / 0 180% 180% 0;-moz-border-radius:0 300% 300% 0 / 0 180% 180% 0;-ms-border-radius:0 300% 300% 0 / 0 180% 180% 0;-o-border-radius:0 300% 300% 0 / 0 180% 180% 0;border-radius:0 300% 300% 0 / 0 180% 180% 0}.E{position:relative;top:12.5px;left:10px;width:63px;height:95px;border-width:15px 0 15px 16px;border-color:#231815;border-style:solid}.E:before{position:absolute;content:'';top:38px;left:0;width:53px;height:15px;background-color:#231815}.F{position:relative;top:12.5px;left:10px;width:63px;height:110px;border-width:15px 0 0 16px;border-color:#231815;border-style:solid}.F:before{position:absolute;content:'';top:38px;left:0;width:53px;height:15px;background-color:#231815}.G{position:relative;top:12.5px;left:10px;width:84px;height:95px;border-width:15px 12px 15px 16px;border-color:#231815;border-style:solid;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.G:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;content:'';top:2px;left:48px;background-color:#fff;width:90px;height:90px}.G:after{position:absolute;content:'';bottom:.5px;right:7px;width:28px;height:36px;border-width:13px 14px 0 0;border-color:#231815;border-style:solid}.H{position:relative;top:12.5px;left:10px;width:60px;height:125px;border-width:0 16px 0 16px;border-color:#231815;border-style:solid}.H:before{position:absolute;content:'';top:53px;left:0;width:60px;height:14px;background-color:#231815}.I{z-index:1;position:relative;top:12.5px;left:20px;width:16px;height:125px;background-color:#231815}.J{position:relative;top:12.5px;left:-5px;width:75px;height:66px;border-right:solid 16px #231815}.J:before{position:absolute;content:'';bottom:-60px;right:-16px;width:50px;height:60px;border-width:0 16px 15px 14px;border-color:#231815;border-style:solid;-webkit-border-radius:0 0 75% 75%;-moz-border-radius:0 0 75% 75%;-ms-border-radius:0 0 75% 75%;-o-border-radius:0 0 75% 75%;border-radius:0 0 75% 75%}.J:after{-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-ms-transform:rotate(-40deg);-o-transform:rotate(-40deg);transform:rotate(-40deg);position:absolute;content:'';top:40px;left:-20px;width:60px;height:60px;background-color:#fff}.K{position:relative;top:12.5px;left:10px;width:80px;height:125px;border-left:solid 16px #231815;overflow:hidden}.K:before{-webkit-transform:skew(-43deg,0);-moz-transform:skew(-43deg,0);-ms-transform:skew(-43deg,0);-o-transform:skew(-43deg,0);transform:skew(-43deg,0);position:absolute;content:'';top:0;left:16px;width:19px;height:84px;background-color:#231815}.K:after{-webkit-transform:skew(30deg,0);-moz-transform:skew(30deg,0);-ms-transform:skew(30deg,0);-o-transform:skew(30deg,0);transform:skew(30deg,0);position:absolute;content:'';bottom:0;right:25px;width:18px;height:80px;background-color:#231815}.L{position:relative;top:12.5px;left:10px;width:63px;height:110px;border-width:0 0 15px 16px;border-color:#231815;border-style:solid}.M{position:relative;top:12.5px;left:10px;width:80px;height:125px;border-width:0 15px 0 15px;border-color:#231815;border-style:solid}.M:before{-webkit-transform:skew(20deg,0);-moz-transform:skew(20deg,0);-ms-transform:skew(20deg,0);-o-transform:skew(20deg,0);transform:skew(20deg,0);position:absolute;content:'';top:0;left:14px;width:12px;height:110px;background-color:#231815}.M:after{-webkit-transform:skew(-20deg,0);-moz-transform:skew(-20deg,0);-ms-transform:skew(-20deg,0);-o-transform:skew(-20deg,0);transform:skew(-20deg,0);position:absolute;content:'';top:0;right:14px;width:12px;height:110px;background-color:#231815}.N{position:relative;top:12.5px;left:10px;width:63px;height:125px;border-width:0 15px 0 15px;border-color:#231815;border-style:solid}.N:before{-webkit-transform:skew(30deg,0);-moz-transform:skew(30deg,0);-ms-transform:skew(30deg,0);-o-transform:skew(30deg,0);transform:skew(30deg,0);position:absolute;content:'';top:0;left:24px;width:15px;height:125px;background-color:#231815}.O{position:relative;top:12.5px;left:10px;width:70px;height:97px;border-width:14px 16px 14px 16px;border-color:#231815;border-style:solid;-webkit-border-radius:55% / 52%;-moz-border-radius:55% / 52%;-ms-border-radius:55% / 52%;-o-border-radius:55% / 52%;border-radius:55% / 52%}.P{position:relative;top:12.5px;left:10px;width:60px;height:125px;border-left:solid 16px #231815}.P:before{position:absolute;content:'';width:56px;height:50px;border-width:13px 15px 13px 0;border-color:#231815;border-style:solid;-webkit-border-radius:0 220% 220% 0 / 0 180% 180% 0;-moz-border-radius:0 220% 220% 0 / 0 180% 180% 0;-ms-border-radius:0 220% 220% 0 / 0 180% 180% 0;-o-border-radius:0 220% 220% 0 / 0 180% 180% 0;border-radius:0 220% 220% 0 / 0 180% 180% 0}.Q{z-index:-1;position:relative;top:12.5px;left:10px;width:70px;height:97px;border-width:14px 16px 14px 16px;border-color:#231815;border-style:solid;-webkit-border-radius:55% / 52%;-moz-border-radius:55% / 52%;-ms-border-radius:55% / 52%;-o-border-radius:55% / 52%;border-radius:55% / 52%}.Q:before{-webkit-transform:rotate(-84deg);-moz-transform:rotate(-84deg);-ms-transform:rotate(-84deg);-o-transform:rotate(-84deg);transform:rotate(-84deg);position:absolute;content:'';top:82px;left:49px;width:16px;height:48px;border-width:16px 0 13px 13px;border-color:#231815;border-style:solid;-webkit-border-radius:200% 0 0 200% / 100% 0 0 100%;-moz-border-radius:200% 0 0 200% / 100% 0 0 100%;-ms-border-radius:200% 0 0 200% / 100% 0 0 100%;-o-border-radius:200% 0 0 200% / 100% 0 0 100%;border-radius:200% 0 0 200% / 100% 0 0 100%}.Q:after{-webkit-transform:rotate(-18deg);-moz-transform:rotate(-18deg);-ms-transform:rotate(-18deg);-o-transform:rotate(-18deg);transform:rotate(-18deg);position:absolute;content:'';bottom:-35px;right:-44px;width:30px;height:30px;background-color:#fff}.R{position:relative;top:12.5px;left:10px;width:60px;height:125px;border-left:solid 16px #231815}.R:before{position:absolute;content:'';width:52px;height:44px;border-width:13px 15px 13px 0;border-color:#231815;border-style:solid;-webkit-border-radius:0 220% 220% 0 / 0 180% 180% 0;-moz-border-radius:0 220% 220% 0 / 0 180% 180% 0;-ms-border-radius:0 220% 220% 0 / 0 180% 180% 0;-o-border-radius:0 220% 220% 0 / 0 180% 180% 0;border-radius:0 220% 220% 0 / 0 180% 180% 0}.R:after{-webkit-transform:skew(32deg,0);-moz-transform:skew(32deg,0);-ms-transform:skew(32deg,0);-o-transform:skew(32deg,0);transform:skew(32deg,0);position:absolute;content:'';bottom:0;left:38px;width:18px;height:58px;background-color:#231815}.S{-webkit-transform:rotate(14deg);-moz-transform:rotate(14deg);-ms-transform:rotate(14deg);-o-transform:rotate(14deg);transform:rotate(14deg);position:relative;width:105px;height:150px;top:10px;left:10px}.S:before{-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg);position:absolute;content:'';width:44px;height:40px;border-width:14px 0 15px 15.5px;border-color:#231815;border-style:solid;-webkit-border-radius:220% 0 0 150% / 150% 0 0 100%;-moz-border-radius:220% 0 0 150% / 150% 0 0 100%;-ms-border-radius:220% 0 0 150% / 150% 0 0 100%;-o-border-radius:220% 0 0 150% / 150% 0 0 100%;border-radius:220% 0 0 150% / 150% 0 0 100%}.S:after{-webkit-transform:rotate(198deg);-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-o-transform:rotate(198deg);transform:rotate(198deg);position:absolute;content:'';top:65px;left:21px;width:52px;height:44px;border-width:14px 0 15px 15px;border-color:#231815;border-style:solid;-webkit-border-radius:240% 0 0 110% / 140% 0 0 100%;-moz-border-radius:240% 0 0 110% / 140% 0 0 100%;-ms-border-radius:240% 0 0 110% / 140% 0 0 100%;-o-border-radius:240% 0 0 110% / 140% 0 0 100%;border-radius:240% 0 0 110% / 140% 0 0 100%}.T{position:relative;top:12.5px;left:10px;width:100px;height:125px;border-top:solid 15px #231815}.T:before{position:absolute;content:'';top:0;left:42px;width:16px;height:110px;background-color:#231815}.U{position:relative;top:12.5px;left:10px;width:60px;height:80px;border-width:0 16px 0 16px;border-color:#231815;border-style:solid}.U:before{position:absolute;content:'';top:65px;left:-16px;width:60px;height:45px;border-width:0 16px 15px 16px;border-color:#231815;border-style:solid;-webkit-border-radius:0 0 200% 200% / 0 0 300% 300%;-moz-border-radius:0 0 200% 200% / 0 0 300% 300%;-ms-border-radius:0 0 200% 200% / 0 0 300% 300%;-o-border-radius:0 0 200% 200% / 0 0 300% 300%;border-radius:0 0 200% 200% / 0 0 300% 300%}.V{position:relative;top:12.5px;left:30px;width:59px}.V:before{-webkit-transform:skew(18deg,0);-moz-transform:skew(18deg,0);-ms-transform:skew(18deg,0);-o-transform:skew(18deg,0);transform:skew(18deg,0);position:absolute;content:'';top:0;left:0;height:125px;border-left:solid 16px #231815}.V:after{-webkit-transform:skew(-18deg,0);-moz-transform:skew(-18deg,0);-ms-transform:skew(-18deg,0);-o-transform:skew(-18deg,0);transform:skew(-18deg,0);position:absolute;content:'';top:0;right:0;height:125px;border-left:solid 16px #231815}.W{position:relative;top:12.5px;left:25px;width:100px}.W:before{-webkit-transform:skew(11deg,0);-moz-transform:skew(11deg,0);-ms-transform:skew(11deg,0);-o-transform:skew(11deg,0);transform:skew(11deg,0);position:absolute;content:'';top:0;left:0;width:42px;height:125px;border-width:0 13px 0 15px;border-color:#231815;border-style:solid}.W:after{-webkit-transform:skew(-11deg,0);-moz-transform:skew(-11deg,0);-ms-transform:skew(-11deg,0);-o-transform:skew(-11deg,0);transform:skew(-11deg,0);position:absolute;content:'';top:0;right:0;width:42px;height:125px;border-width:0 15px 0 13px;border-color:#231815;border-style:solid}.X{position:relative;top:12.5px;left:50px;width:16px;height:125px}.X:before{-webkit-transform:skew(32deg,0);-moz-transform:skew(32deg,0);-ms-transform:skew(32deg,0);-o-transform:skew(32deg,0);transform:skew(32deg,0);position:absolute;content:'';top:0;left:0;width:16px;height:125px;background-color:#231815}.X:after{-webkit-transform:skew(-32deg,0);-moz-transform:skew(-32deg,0);-ms-transform:skew(-32deg,0);-o-transform:skew(-32deg,0);transform:skew(-32deg,0);position:absolute;content:'';top:0;right:0;width:16px;height:125px;background-color:#231815}.Y{position:relative;top:92.5px;left:52px;width:16px;height:50px;background-color:#231815}.Y:before{-webkit-transform:skew(28deg,0);-moz-transform:skew(28deg,0);-ms-transform:skew(28deg,0);-o-transform:skew(28deg,0);transform:skew(28deg,0);position:absolute;content:'';top:-80px;left:-21px;width:16px;height:80px;background-color:#231815}.Y:after{-webkit-transform:skew(-28deg,0);-moz-transform:skew(-28deg,0);-ms-transform:skew(-28deg,0);-o-transform:skew(-28deg,0);transform:skew(-28deg,0);position:absolute;content:'';top:-80px;right:-21px;width:16px;height:80px;background-color:#231815}.Z{position:relative;top:12.5px;left:10px;width:90px;height:95px;border-width:15px 0 15px 0;border-color:#231815;border-style:solid}.Z:before{-webkit-transform:skew(-37deg,0);-moz-transform:skew(-37deg,0);-ms-transform:skew(-37deg,0);-o-transform:skew(-37deg,0);transform:skew(-37deg,0);position:absolute;content:'';top:0;left:36px;width:18px;height:95px;background-color:#231815} \ No newline at end of file + */ +@charset 'UTF-8'; +.A{-webkit-transition:all linear 200ms;-moz-transition:all linear 200ms;-ms-transition:all linear 200ms;-o-transition:all linear 200ms;transition:all linear 200ms;border-bottom:solid 14px 15px;height:91px;left:30px;position:relative;width:60px}.A:after,.A:before{-webkit-transform:-19deg 0;-moz-transform:-19deg 0;-ms-transform:-19deg 0;-o-transform:-19deg 0;transform:-19deg 0;background-color:#231815;content:"";height:125px;left:0;position:absolute;top:12.5px;width:16px}.A:after{-webkit-transform:19deg 0;-moz-transform:19deg 0;-ms-transform:19deg 0;-o-transform:19deg 0;transform:19deg 0;left:45px}.B{border-left:solid 16px #231815;height:125px;left:10px;position:relative;top:12.5px;width:60px}.B:before,.B:after{-webkit-border-radius:0 240% 180% 0;-moz-border-radius:0 240% 180% 0;-ms-border-radius:0 240% 180% 0;-o-border-radius:0 240% 180% 0;border-radius:0 240% 180% 0;border-color:#231815;border-style:solid;border-width:15px 15px 10px 0;content:"";height:39px;position:absolute;width:52px}.B:after{-webkit-border-radius:0 180% 220% 0;-moz-border-radius:0 180% 220% 0;-ms-border-radius:0 180% 220% 0;-o-border-radius:0 180% 220% 0;border-radius:0 180% 220% 0;border-width:10px 15px 15px 0;bottom:0;height:43px;width:58px}.C{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-color:#231815;border-style:solid;border-width:15px 12px 15px 16px;height:95px;left:10px;position:relative;top:12.5px;width:84px}.C:before{-webkit-transform:45deg;-moz-transform:45deg;-ms-transform:45deg;-o-transform:45deg;transform:45deg;background-color:#fff;content:"";height:90px;left:49px;position:absolute;top:2px;width:90px}.D{border-left:solid 15px #231815;height:125px;left:10px;position:relative;top:12.5px}.D:before{-webkit-border-radius:0 300% 300% 0;-moz-border-radius:0 300% 300% 0;-ms-border-radius:0 300% 300% 0;-o-border-radius:0 300% 300% 0;border-radius:0 300% 300% 0;border-color:#231815;border-style:solid;border-width:15px 15px 15px 0;content:"";height:95px;left:0;position:absolute;top:0;width:60px}.E{border-color:#231815;border-style:solid;border-width:15px 0 15px 16px;height:95px;left:10px;position:relative;top:12.5px;width:63px}.E:before{background-color:#231815;content:"";height:15px;left:0;position:absolute;top:38px;width:53px}.F{border-color:#231815;border-style:solid;border-width:15px 0 0 16px;height:110px;left:10px;position:relative;top:12.5px;width:63px}.F:before{background-color:#231815;content:"";height:15px;left:0;position:absolute;top:38px;width:53px}.G{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-color:#231815;border-style:solid;border-width:15px 12px 15px 16px;height:95px;left:10px;position:relative;top:12.5px;width:84px}.G:before{-webkit-transform:45deg;-moz-transform:45deg;-ms-transform:45deg;-o-transform:45deg;transform:45deg;background-color:#fff;content:"";height:90px;left:48px;position:absolute;top:2px;width:90px}.G:after{border-color:#231815;border-style:solid;border-width:13px 14px 0 0;bottom:.5px;content:"";height:36px;position:absolute;right:7px;width:28px}.H{border-color:#231815;border-style:solid;border-width:0 16px 0 16px;height:125px;left:10px;position:relative;top:12.5px;width:60px}.H:before{background-color:#231815;content:"";height:14px;left:0;position:absolute;top:53px;width:60px}.I{background-color:#231815;height:125px;left:20px;position:relative;top:12.5px;width:16px;z-index:1}.J{border-right:solid 16px #231815;height:66px;left:-5px;position:relative;top:12.5px;width:75px}.J:before{-webkit-border-radius:0 0 75% 75%;-moz-border-radius:0 0 75% 75%;-ms-border-radius:0 0 75% 75%;-o-border-radius:0 0 75% 75%;border-radius:0 0 75% 75%;border-color:#231815;border-style:solid;border-width:0 16px 15px 14px;bottom:-60px;content:"";height:60px;position:absolute;right:-15px;width:50px}.J:after{-webkit-transform:-40deg;-moz-transform:-40deg;-ms-transform:-40deg;-o-transform:-40deg;transform:-40deg;background-color:#fff;content:"";height:60px;left:-20px;position:absolute;top:40px;width:60px}.K{border-left:solid 16px #231815;height:125px;left:10px;overflow:hidden;position:relative;top:12.5px;width:80px}.K:before{-webkit-transform:-43deg 0;-moz-transform:-43deg 0;-ms-transform:-43deg 0;-o-transform:-43deg 0;transform:-43deg 0;background-color:#231815;content:"";height:84px;left:16px;position:absolute;top:0;width:19px}.K:after{-webkit-transform:30deg 0;-moz-transform:30deg 0;-ms-transform:30deg 0;-o-transform:30deg 0;transform:30deg 0;background-color:#231815;bottom:0;content:"";height:80px;position:absolute;right:25px;width:18px}.L{border-color:#231815;border-style:solid;border-width:0 0 15px 16px;height:110px;left:10px;position:relative;top:12.5px;width:63px}.M{border-color:#231815;border-style:solid;border-width:0 15px 0 15px;height:125px;left:10px;position:relative;top:12.5px;width:80px}.M:before{-webkit-transform:20deg 0;-moz-transform:20deg 0;-ms-transform:20deg 0;-o-transform:20deg 0;transform:20deg 0;background-color:#231815;content:"";height:110px;left:14px;position:absolute;top:0;width:12px}.M:after{-webkit-transform:-20deg 0;-moz-transform:-20deg 0;-ms-transform:-20deg 0;-o-transform:-20deg 0;transform:-20deg 0;background-color:#231815;content:"";height:110px;position:absolute;right:14px;top:0;width:12px}.N{border-color:#231815;border-style:solid;border-width:0 15px 0 15px;height:125px;left:10px;position:relative;top:12.5px;width:63px}.N:before{-webkit-transform:30deg 0;-moz-transform:30deg 0;-ms-transform:30deg 0;-o-transform:30deg 0;transform:30deg 0;background-color:#231815;content:"";height:125px;left:24px;position:absolute;top:0;width:15px}.O{-webkit-border-radius:1.057692307692308%;-moz-border-radius:1.057692307692308%;-ms-border-radius:1.057692307692308%;-o-border-radius:1.057692307692308%;border-radius:1.057692307692308%;border-color:#231815;border-style:solid;border-width:14px 16px 14px 16px;height:97px;left:10px;position:relative;top:12.5px;width:70px}.P{border-left:solid 16px #231815;height:125px;left:10px;position:relative;top:12.5px;width:60px}.P:before{-webkit-border-radius:0 220% 220% 0;-moz-border-radius:0 220% 220% 0;-ms-border-radius:0 220% 220% 0;-o-border-radius:0 220% 220% 0;border-radius:0 220% 220% 0;border-color:#231815;border-style:solid;border-width:13px 15px 13px 0;content:"";height:50px;position:absolute;width:56px}.Q{-webkit-border-radius:1.057692307692308%;-moz-border-radius:1.057692307692308%;-ms-border-radius:1.057692307692308%;-o-border-radius:1.057692307692308%;border-radius:1.057692307692308%;border-color:#231815;border-style:solid;border-width:14px 16px 14px 16px;height:97px;left:10px;position:relative;top:12.5px;width:70px;z-index:-1}.Q:before{-webkit-border-radius:2%;-moz-border-radius:2%;-ms-border-radius:2%;-o-border-radius:2%;border-radius:2%;-webkit-transform:-84deg;-moz-transform:-84deg;-ms-transform:-84deg;-o-transform:-84deg;transform:-84deg;border-color:#231815;border-style:solid;border-width:16px 0 13px 13px;content:"";height:48px;left:49px;position:absolute;top:82px;width:16px}.Q:after{-webkit-transform:-18deg;-moz-transform:-18deg;-ms-transform:-18deg;-o-transform:-18deg;transform:-18deg;background-color:#fff;bottom:-35px;content:"";height:30px;position:absolute;right:-44px;width:30px}.R{border-left:solid 16px #231815;height:125px;left:10px;position:relative;top:12.5px;width:60px}.R:before{-webkit-border-radius:0 220% 220% 0;-moz-border-radius:0 220% 220% 0;-ms-border-radius:0 220% 220% 0;-o-border-radius:0 220% 220% 0;border-radius:0 220% 220% 0;border-color:#231815;border-style:solid;border-width:13px 15px 13px 0;content:"";height:44px;position:absolute;width:52px}.R:after{-webkit-transform:32deg 0;-moz-transform:32deg 0;-ms-transform:32deg 0;-o-transform:32deg 0;transform:32deg 0;background-color:#231815;bottom:0;content:"";height:58px;left:38px;position:absolute;width:18px}.S{-webkit-transform:14deg;-moz-transform:14deg;-ms-transform:14deg;-o-transform:14deg;transform:14deg;height:150px;left:10px;position:relative;top:10px;width:105px}.S:before{-webkit-border-radius:1.466666666666667%;-moz-border-radius:1.466666666666667%;-ms-border-radius:1.466666666666667%;-o-border-radius:1.466666666666667%;border-radius:1.466666666666667%;-webkit-transform:18deg;-moz-transform:18deg;-ms-transform:18deg;-o-transform:18deg;transform:18deg;border-color:#231815;border-style:solid;border-width:14px 0 15px 15.5px;content:"";height:40px;position:absolute;width:44px}.S:after{-webkit-border-radius:1.714285714285714%;-moz-border-radius:1.714285714285714%;-ms-border-radius:1.714285714285714%;-o-border-radius:1.714285714285714%;border-radius:1.714285714285714%;-webkit-transform:198.5deg;-moz-transform:198.5deg;-ms-transform:198.5deg;-o-transform:198.5deg;transform:198.5deg;border-color:#231815;border-style:solid;border-width:14px 0 15px 15px;content:"";height:44px;left:21px;position:absolute;top:65px;width:52px}.T{border-top:solid 15px #231815;height:125px;left:10px;position:relative;top:12.5px;width:100px}.T:before{background-color:#231815;content:"";height:110px;left:42px;position:absolute;top:0;width:16px}.U{border-color:#231815;border-style:solid;border-width:0 16px 0 16px;height:80px;left:10px;position:relative;top:12.5px;width:60px}.U:before{-webkit-border-radius:0 0 200% 200%;-moz-border-radius:0 0 200% 200%;-ms-border-radius:0 0 200% 200%;-o-border-radius:0 0 200% 200%;border-radius:0 0 200% 200%;border-color:#231815;border-style:solid;border-width:0 16px 15px 16px;content:"";height:45px;left:-16px;position:absolute;top:65px;width:60px}.V{left:30px;position:relative;top:12.5px;width:59px}.V:before{-webkit-transform:18deg 0;-moz-transform:18deg 0;-ms-transform:18deg 0;-o-transform:18deg 0;transform:18deg 0;border-left:solid 16px #231815;content:"";height:125px;left:0;position:absolute;top:0}.V:after{-webkit-transform:-18deg 0;-moz-transform:-18deg 0;-ms-transform:-18deg 0;-o-transform:-18deg 0;transform:-18deg 0;border-left:solid 16px #231815;content:"";height:125px;position:absolute;right:0;top:0}.W{left:25px;position:relative;top:12.5px;width:100px}.W:before{-webkit-transform:11deg 0;-moz-transform:11deg 0;-ms-transform:11deg 0;-o-transform:11deg 0;transform:11deg 0;border-color:#231815;border-style:solid;border-width:0 13px 0 15px;content:"";height:125px;left:0;position:absolute;top:0;width:42px}.W:after{-webkit-transform:-11deg 0;-moz-transform:-11deg 0;-ms-transform:-11deg 0;-o-transform:-11deg 0;transform:-11deg 0;border-color:#231815;border-style:solid;border-width:0 15px 0 13px;content:"";height:125px;position:absolute;right:0;top:0;width:42px}.X{height:125px;left:50px;position:relative;top:12.5px;width:16px}.X:before{-webkit-transform:32deg 0;-moz-transform:32deg 0;-ms-transform:32deg 0;-o-transform:32deg 0;transform:32deg 0;background-color:#231815;content:"";height:125px;left:0;position:absolute;top:0;width:16px}.X:after{-webkit-transform:-32deg 0;-moz-transform:-32deg 0;-ms-transform:-32deg 0;-o-transform:-32deg 0;transform:-32deg 0;background-color:#231815;content:"";height:125px;position:absolute;right:0;top:0;width:16px}.Y{background-color:#231815;height:50px;left:52px;position:relative;top:92.5px;width:16px}.Y:before{-webkit-transform:28deg 0;-moz-transform:28deg 0;-ms-transform:28deg 0;-o-transform:28deg 0;transform:28deg 0;background-color:#231815;content:"";height:80px;left:-21px;position:absolute;top:-80px;width:16px}.Y:after{-webkit-transform:-28deg 0;-moz-transform:-28deg 0;-ms-transform:-28deg 0;-o-transform:-28deg 0;transform:-28deg 0;background-color:#231815;content:"";height:80px;position:absolute;right:-21px;top:-80px;width:16px}.Z{border-color:#231815;border-style:solid;border-width:15px 0 15px 0;height:95px;left:10px;position:relative;top:12.5px;width:90px}.Z:before{-webkit-transform:-37deg 0;-moz-transform:-37deg 0;-ms-transform:-37deg 0;-o-transform:-37deg 0;transform:-37deg 0;background-color:#231815;content:"";height:95px;left:36px;position:absolute;top:0;width:18px} \ No newline at end of file diff --git a/src/stylus/_css-sans.styl b/src/stylus/_css-sans.styl index 73b5b9b..7d42530 100644 --- a/src/stylus/_css-sans.styl +++ b/src/stylus/_css-sans.styl @@ -380,7 +380,7 @@ width: 44px &:after border-radius(240% 0 0 110%, 140% 0 0 100%) - rotate(198deg) + rotate(198.5deg) border-color: $black border-style: solid border-width: 14px 0 $w $w From 8d505a8db828479150d9ab820c9d94b90e066a1e Mon Sep 17 00:00:00 2001 From: Volkan Deveci Date: Mon, 2 Sep 2019 14:14:02 +0300 Subject: [PATCH 2/2] Fix on safari --- src/css-sans.css | 2 +- src/stylus/_css-sans.styl | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/css-sans.css b/src/css-sans.css index f7ce5e0..95e3eef 100644 --- a/src/css-sans.css +++ b/src/css-sans.css @@ -4,4 +4,4 @@ * MIT License | http://yusugomori.com/license/mit */ @charset 'UTF-8'; -.A{-webkit-transition:all linear 200ms;-moz-transition:all linear 200ms;-ms-transition:all linear 200ms;-o-transition:all linear 200ms;transition:all linear 200ms;border-bottom:solid 14px 15px;height:91px;left:30px;position:relative;width:60px}.A:after,.A:before{-webkit-transform:-19deg 0;-moz-transform:-19deg 0;-ms-transform:-19deg 0;-o-transform:-19deg 0;transform:-19deg 0;background-color:#231815;content:"";height:125px;left:0;position:absolute;top:12.5px;width:16px}.A:after{-webkit-transform:19deg 0;-moz-transform:19deg 0;-ms-transform:19deg 0;-o-transform:19deg 0;transform:19deg 0;left:45px}.B{border-left:solid 16px #231815;height:125px;left:10px;position:relative;top:12.5px;width:60px}.B:before,.B:after{-webkit-border-radius:0 240% 180% 0;-moz-border-radius:0 240% 180% 0;-ms-border-radius:0 240% 180% 0;-o-border-radius:0 240% 180% 0;border-radius:0 240% 180% 0;border-color:#231815;border-style:solid;border-width:15px 15px 10px 0;content:"";height:39px;position:absolute;width:52px}.B:after{-webkit-border-radius:0 180% 220% 0;-moz-border-radius:0 180% 220% 0;-ms-border-radius:0 180% 220% 0;-o-border-radius:0 180% 220% 0;border-radius:0 180% 220% 0;border-width:10px 15px 15px 0;bottom:0;height:43px;width:58px}.C{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-color:#231815;border-style:solid;border-width:15px 12px 15px 16px;height:95px;left:10px;position:relative;top:12.5px;width:84px}.C:before{-webkit-transform:45deg;-moz-transform:45deg;-ms-transform:45deg;-o-transform:45deg;transform:45deg;background-color:#fff;content:"";height:90px;left:49px;position:absolute;top:2px;width:90px}.D{border-left:solid 15px #231815;height:125px;left:10px;position:relative;top:12.5px}.D:before{-webkit-border-radius:0 300% 300% 0;-moz-border-radius:0 300% 300% 0;-ms-border-radius:0 300% 300% 0;-o-border-radius:0 300% 300% 0;border-radius:0 300% 300% 0;border-color:#231815;border-style:solid;border-width:15px 15px 15px 0;content:"";height:95px;left:0;position:absolute;top:0;width:60px}.E{border-color:#231815;border-style:solid;border-width:15px 0 15px 16px;height:95px;left:10px;position:relative;top:12.5px;width:63px}.E:before{background-color:#231815;content:"";height:15px;left:0;position:absolute;top:38px;width:53px}.F{border-color:#231815;border-style:solid;border-width:15px 0 0 16px;height:110px;left:10px;position:relative;top:12.5px;width:63px}.F:before{background-color:#231815;content:"";height:15px;left:0;position:absolute;top:38px;width:53px}.G{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-color:#231815;border-style:solid;border-width:15px 12px 15px 16px;height:95px;left:10px;position:relative;top:12.5px;width:84px}.G:before{-webkit-transform:45deg;-moz-transform:45deg;-ms-transform:45deg;-o-transform:45deg;transform:45deg;background-color:#fff;content:"";height:90px;left:48px;position:absolute;top:2px;width:90px}.G:after{border-color:#231815;border-style:solid;border-width:13px 14px 0 0;bottom:.5px;content:"";height:36px;position:absolute;right:7px;width:28px}.H{border-color:#231815;border-style:solid;border-width:0 16px 0 16px;height:125px;left:10px;position:relative;top:12.5px;width:60px}.H:before{background-color:#231815;content:"";height:14px;left:0;position:absolute;top:53px;width:60px}.I{background-color:#231815;height:125px;left:20px;position:relative;top:12.5px;width:16px;z-index:1}.J{border-right:solid 16px #231815;height:66px;left:-5px;position:relative;top:12.5px;width:75px}.J:before{-webkit-border-radius:0 0 75% 75%;-moz-border-radius:0 0 75% 75%;-ms-border-radius:0 0 75% 75%;-o-border-radius:0 0 75% 75%;border-radius:0 0 75% 75%;border-color:#231815;border-style:solid;border-width:0 16px 15px 14px;bottom:-60px;content:"";height:60px;position:absolute;right:-15px;width:50px}.J:after{-webkit-transform:-40deg;-moz-transform:-40deg;-ms-transform:-40deg;-o-transform:-40deg;transform:-40deg;background-color:#fff;content:"";height:60px;left:-20px;position:absolute;top:40px;width:60px}.K{border-left:solid 16px #231815;height:125px;left:10px;overflow:hidden;position:relative;top:12.5px;width:80px}.K:before{-webkit-transform:-43deg 0;-moz-transform:-43deg 0;-ms-transform:-43deg 0;-o-transform:-43deg 0;transform:-43deg 0;background-color:#231815;content:"";height:84px;left:16px;position:absolute;top:0;width:19px}.K:after{-webkit-transform:30deg 0;-moz-transform:30deg 0;-ms-transform:30deg 0;-o-transform:30deg 0;transform:30deg 0;background-color:#231815;bottom:0;content:"";height:80px;position:absolute;right:25px;width:18px}.L{border-color:#231815;border-style:solid;border-width:0 0 15px 16px;height:110px;left:10px;position:relative;top:12.5px;width:63px}.M{border-color:#231815;border-style:solid;border-width:0 15px 0 15px;height:125px;left:10px;position:relative;top:12.5px;width:80px}.M:before{-webkit-transform:20deg 0;-moz-transform:20deg 0;-ms-transform:20deg 0;-o-transform:20deg 0;transform:20deg 0;background-color:#231815;content:"";height:110px;left:14px;position:absolute;top:0;width:12px}.M:after{-webkit-transform:-20deg 0;-moz-transform:-20deg 0;-ms-transform:-20deg 0;-o-transform:-20deg 0;transform:-20deg 0;background-color:#231815;content:"";height:110px;position:absolute;right:14px;top:0;width:12px}.N{border-color:#231815;border-style:solid;border-width:0 15px 0 15px;height:125px;left:10px;position:relative;top:12.5px;width:63px}.N:before{-webkit-transform:30deg 0;-moz-transform:30deg 0;-ms-transform:30deg 0;-o-transform:30deg 0;transform:30deg 0;background-color:#231815;content:"";height:125px;left:24px;position:absolute;top:0;width:15px}.O{-webkit-border-radius:1.057692307692308%;-moz-border-radius:1.057692307692308%;-ms-border-radius:1.057692307692308%;-o-border-radius:1.057692307692308%;border-radius:1.057692307692308%;border-color:#231815;border-style:solid;border-width:14px 16px 14px 16px;height:97px;left:10px;position:relative;top:12.5px;width:70px}.P{border-left:solid 16px #231815;height:125px;left:10px;position:relative;top:12.5px;width:60px}.P:before{-webkit-border-radius:0 220% 220% 0;-moz-border-radius:0 220% 220% 0;-ms-border-radius:0 220% 220% 0;-o-border-radius:0 220% 220% 0;border-radius:0 220% 220% 0;border-color:#231815;border-style:solid;border-width:13px 15px 13px 0;content:"";height:50px;position:absolute;width:56px}.Q{-webkit-border-radius:1.057692307692308%;-moz-border-radius:1.057692307692308%;-ms-border-radius:1.057692307692308%;-o-border-radius:1.057692307692308%;border-radius:1.057692307692308%;border-color:#231815;border-style:solid;border-width:14px 16px 14px 16px;height:97px;left:10px;position:relative;top:12.5px;width:70px;z-index:-1}.Q:before{-webkit-border-radius:2%;-moz-border-radius:2%;-ms-border-radius:2%;-o-border-radius:2%;border-radius:2%;-webkit-transform:-84deg;-moz-transform:-84deg;-ms-transform:-84deg;-o-transform:-84deg;transform:-84deg;border-color:#231815;border-style:solid;border-width:16px 0 13px 13px;content:"";height:48px;left:49px;position:absolute;top:82px;width:16px}.Q:after{-webkit-transform:-18deg;-moz-transform:-18deg;-ms-transform:-18deg;-o-transform:-18deg;transform:-18deg;background-color:#fff;bottom:-35px;content:"";height:30px;position:absolute;right:-44px;width:30px}.R{border-left:solid 16px #231815;height:125px;left:10px;position:relative;top:12.5px;width:60px}.R:before{-webkit-border-radius:0 220% 220% 0;-moz-border-radius:0 220% 220% 0;-ms-border-radius:0 220% 220% 0;-o-border-radius:0 220% 220% 0;border-radius:0 220% 220% 0;border-color:#231815;border-style:solid;border-width:13px 15px 13px 0;content:"";height:44px;position:absolute;width:52px}.R:after{-webkit-transform:32deg 0;-moz-transform:32deg 0;-ms-transform:32deg 0;-o-transform:32deg 0;transform:32deg 0;background-color:#231815;bottom:0;content:"";height:58px;left:38px;position:absolute;width:18px}.S{-webkit-transform:14deg;-moz-transform:14deg;-ms-transform:14deg;-o-transform:14deg;transform:14deg;height:150px;left:10px;position:relative;top:10px;width:105px}.S:before{-webkit-border-radius:1.466666666666667%;-moz-border-radius:1.466666666666667%;-ms-border-radius:1.466666666666667%;-o-border-radius:1.466666666666667%;border-radius:1.466666666666667%;-webkit-transform:18deg;-moz-transform:18deg;-ms-transform:18deg;-o-transform:18deg;transform:18deg;border-color:#231815;border-style:solid;border-width:14px 0 15px 15.5px;content:"";height:40px;position:absolute;width:44px}.S:after{-webkit-border-radius:1.714285714285714%;-moz-border-radius:1.714285714285714%;-ms-border-radius:1.714285714285714%;-o-border-radius:1.714285714285714%;border-radius:1.714285714285714%;-webkit-transform:198.5deg;-moz-transform:198.5deg;-ms-transform:198.5deg;-o-transform:198.5deg;transform:198.5deg;border-color:#231815;border-style:solid;border-width:14px 0 15px 15px;content:"";height:44px;left:21px;position:absolute;top:65px;width:52px}.T{border-top:solid 15px #231815;height:125px;left:10px;position:relative;top:12.5px;width:100px}.T:before{background-color:#231815;content:"";height:110px;left:42px;position:absolute;top:0;width:16px}.U{border-color:#231815;border-style:solid;border-width:0 16px 0 16px;height:80px;left:10px;position:relative;top:12.5px;width:60px}.U:before{-webkit-border-radius:0 0 200% 200%;-moz-border-radius:0 0 200% 200%;-ms-border-radius:0 0 200% 200%;-o-border-radius:0 0 200% 200%;border-radius:0 0 200% 200%;border-color:#231815;border-style:solid;border-width:0 16px 15px 16px;content:"";height:45px;left:-16px;position:absolute;top:65px;width:60px}.V{left:30px;position:relative;top:12.5px;width:59px}.V:before{-webkit-transform:18deg 0;-moz-transform:18deg 0;-ms-transform:18deg 0;-o-transform:18deg 0;transform:18deg 0;border-left:solid 16px #231815;content:"";height:125px;left:0;position:absolute;top:0}.V:after{-webkit-transform:-18deg 0;-moz-transform:-18deg 0;-ms-transform:-18deg 0;-o-transform:-18deg 0;transform:-18deg 0;border-left:solid 16px #231815;content:"";height:125px;position:absolute;right:0;top:0}.W{left:25px;position:relative;top:12.5px;width:100px}.W:before{-webkit-transform:11deg 0;-moz-transform:11deg 0;-ms-transform:11deg 0;-o-transform:11deg 0;transform:11deg 0;border-color:#231815;border-style:solid;border-width:0 13px 0 15px;content:"";height:125px;left:0;position:absolute;top:0;width:42px}.W:after{-webkit-transform:-11deg 0;-moz-transform:-11deg 0;-ms-transform:-11deg 0;-o-transform:-11deg 0;transform:-11deg 0;border-color:#231815;border-style:solid;border-width:0 15px 0 13px;content:"";height:125px;position:absolute;right:0;top:0;width:42px}.X{height:125px;left:50px;position:relative;top:12.5px;width:16px}.X:before{-webkit-transform:32deg 0;-moz-transform:32deg 0;-ms-transform:32deg 0;-o-transform:32deg 0;transform:32deg 0;background-color:#231815;content:"";height:125px;left:0;position:absolute;top:0;width:16px}.X:after{-webkit-transform:-32deg 0;-moz-transform:-32deg 0;-ms-transform:-32deg 0;-o-transform:-32deg 0;transform:-32deg 0;background-color:#231815;content:"";height:125px;position:absolute;right:0;top:0;width:16px}.Y{background-color:#231815;height:50px;left:52px;position:relative;top:92.5px;width:16px}.Y:before{-webkit-transform:28deg 0;-moz-transform:28deg 0;-ms-transform:28deg 0;-o-transform:28deg 0;transform:28deg 0;background-color:#231815;content:"";height:80px;left:-21px;position:absolute;top:-80px;width:16px}.Y:after{-webkit-transform:-28deg 0;-moz-transform:-28deg 0;-ms-transform:-28deg 0;-o-transform:-28deg 0;transform:-28deg 0;background-color:#231815;content:"";height:80px;position:absolute;right:-21px;top:-80px;width:16px}.Z{border-color:#231815;border-style:solid;border-width:15px 0 15px 0;height:95px;left:10px;position:relative;top:12.5px;width:90px}.Z:before{-webkit-transform:-37deg 0;-moz-transform:-37deg 0;-ms-transform:-37deg 0;-o-transform:-37deg 0;transform:-37deg 0;background-color:#231815;content:"";height:95px;left:36px;position:absolute;top:0;width:18px} \ No newline at end of file +.A{-webkit-transition:all linear 200ms;-moz-transition:all linear 200ms;-ms-transition:all linear 200ms;-o-transition:all linear 200ms;transition:all linear 200ms;border-bottom:solid 14px 15px;height:91px;left:30px;position:relative;width:60px}.A:after,.A:before{-webkit-transform:-19deg 0;-moz-transform:-19deg 0;-ms-transform:-19deg 0;-o-transform:-19deg 0;transform:-19deg 0;background-color:#231815;content:"";height:125px;left:0;position:absolute;top:12.5px;width:16px}.A:after{-webkit-transform:19deg 0;-moz-transform:19deg 0;-ms-transform:19deg 0;-o-transform:19deg 0;transform:19deg 0;left:45px}.B{border-left:solid 16px #231815;height:125px;left:10px;position:relative;top:12.5px;width:60px}.B:before,.B:after{-webkit-border-radius:0 240% 180% 0;-moz-border-radius:0 240% 180% 0;-ms-border-radius:0 240% 180% 0;-o-border-radius:0 240% 180% 0;border-radius:0 240% 180% 0;border-color:#231815;border-style:solid;border-width:15px 15px 10px 0;content:"";height:39px;position:absolute;width:52px}.B:after{-webkit-border-radius:0 180% 220% 0;-moz-border-radius:0 180% 220% 0;-ms-border-radius:0 180% 220% 0;-o-border-radius:0 180% 220% 0;border-radius:0 180% 220% 0;border-width:10px 15px 15px 0;bottom:0;height:43px;width:58px}.C{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-color:#231815;border-style:solid;border-width:15px 12px 15px 16px;height:95px;left:10px;position:relative;top:12.5px;width:84px}.C:before{-webkit-transform:45deg;-moz-transform:45deg;-ms-transform:45deg;-o-transform:45deg;transform:45deg;background-color:#fff;content:"";height:90px;left:49px;position:absolute;top:2px;width:90px}.D{border-left:solid 15px #231815;height:125px;left:10px;position:relative;top:12.5px}.D:before{-webkit-border-radius:0 300% 300% 0;-moz-border-radius:0 300% 300% 0;-ms-border-radius:0 300% 300% 0;-o-border-radius:0 300% 300% 0;border-radius:0 300% 300% 0;border-color:#231815;border-style:solid;border-width:15px 15px 15px 0;content:"";height:95px;left:0;position:absolute;top:0;width:60px}.E{border-color:#231815;border-style:solid;border-width:15px 0 15px 16px;height:95px;left:10px;position:relative;top:12.5px;width:63px}.E:before{background-color:#231815;content:"";height:15px;left:0;position:absolute;top:38px;width:53px}.F{border-color:#231815;border-style:solid;border-width:15px 0 0 16px;height:110px;left:10px;position:relative;top:12.5px;width:63px}.F:before{background-color:#231815;content:"";height:15px;left:0;position:absolute;top:38px;width:53px}.G{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-color:#231815;border-style:solid;border-width:15px 12px 15px 16px;height:95px;left:10px;position:relative;top:12.5px;width:84px}.G:before{-webkit-transform:45deg;-moz-transform:45deg;-ms-transform:45deg;-o-transform:45deg;transform:45deg;background-color:#fff;content:"";height:90px;left:48px;position:absolute;top:2px;width:90px}.G:after{border-color:#231815;border-style:solid;border-width:13px 14px 0 0;bottom:.5px;content:"";height:36px;position:absolute;right:7px;width:28px}.H{border-color:#231815;border-style:solid;border-width:0 16px 0 16px;height:125px;left:10px;position:relative;top:12.5px;width:60px}.H:before{background-color:#231815;content:"";height:14px;left:0;position:absolute;top:53px;width:60px}.I{background-color:#231815;height:125px;left:20px;position:relative;top:12.5px;width:16px;z-index:1}.J{border-right:solid 16px #231815;height:66px;left:-5px;position:relative;top:12.5px;width:75px}.J:before{-webkit-border-radius:0 0 75% 75%;-moz-border-radius:0 0 75% 75%;-ms-border-radius:0 0 75% 75%;-o-border-radius:0 0 75% 75%;border-radius:0 0 75% 75%;border-color:#231815;border-style:solid;border-width:0 16px 15px 14px;bottom:-60px;content:"";height:60px;position:absolute;right:-15px;width:50px}.J:after{-webkit-transform:-40deg;-moz-transform:-40deg;-ms-transform:-40deg;-o-transform:-40deg;transform:-40deg;background-color:#fff;content:"";height:60px;left:-20px;position:absolute;top:40px;width:60px}.K{border-left:solid 16px #231815;height:125px;left:10px;overflow:hidden;position:relative;top:12.5px;width:80px}.K:before{-webkit-transform:-43deg 0;-moz-transform:-43deg 0;-ms-transform:-43deg 0;-o-transform:-43deg 0;transform:-43deg 0;background-color:#231815;content:"";height:84px;left:16px;position:absolute;top:0;width:19px}.K:after{-webkit-transform:30deg 0;-moz-transform:30deg 0;-ms-transform:30deg 0;-o-transform:30deg 0;transform:30deg 0;background-color:#231815;bottom:0;content:"";height:80px;position:absolute;right:25px;width:18px}.L{border-color:#231815;border-style:solid;border-width:0 0 15px 16px;height:110px;left:10px;position:relative;top:12.5px;width:63px}.M{border-color:#231815;border-style:solid;border-width:0 15px 0 15px;height:125px;left:10px;position:relative;top:12.5px;width:80px}.M:before{-webkit-transform:20deg 0;-moz-transform:20deg 0;-ms-transform:20deg 0;-o-transform:20deg 0;transform:20deg 0;background-color:#231815;content:"";height:110px;left:14px;position:absolute;top:0;width:12px}.M:after{-webkit-transform:-20deg 0;-moz-transform:-20deg 0;-ms-transform:-20deg 0;-o-transform:-20deg 0;transform:-20deg 0;background-color:#231815;content:"";height:110px;position:absolute;right:14px;top:0;width:12px}.N{border-color:#231815;border-style:solid;border-width:0 15px 0 15px;height:125px;left:10px;position:relative;top:12.5px;width:63px}.N:before{-webkit-transform:30deg 0;-moz-transform:30deg 0;-ms-transform:30deg 0;-o-transform:30deg 0;transform:30deg 0;background-color:#231815;content:"";height:125px;left:24px;position:absolute;top:0;width:15px}.O{-webkit-border-radius:1.057692307692308%;-moz-border-radius:1.057692307692308%;-ms-border-radius:1.057692307692308%;-o-border-radius:1.057692307692308%;border-radius:1.057692307692308%;border-color:#231815;border-style:solid;border-width:14px 16px 14px 16px;height:97px;left:10px;position:relative;top:12.5px;width:70px}.P{border-left:solid 16px #231815;height:125px;left:10px;position:relative;top:12.5px;width:60px}.P:before{-webkit-border-radius:0 220% 220% 0;-moz-border-radius:0 220% 220% 0;-ms-border-radius:0 220% 220% 0;-o-border-radius:0 220% 220% 0;border-radius:0 220% 220% 0;border-color:#231815;border-style:solid;border-width:13px 15px 13px 0;content:"";height:50px;position:absolute;width:56px}.Q{-webkit-border-radius:1.057692307692308%;-moz-border-radius:1.057692307692308%;-ms-border-radius:1.057692307692308%;-o-border-radius:1.057692307692308%;border-radius:1.057692307692308%;border-color:#231815;border-style:solid;border-width:14px 16px 14px 16px;height:97px;left:10px;position:relative;top:12.5px;width:70px;z-index:-1}.Q:before{-webkit-border-radius:2%;-moz-border-radius:2%;-ms-border-radius:2%;-o-border-radius:2%;border-radius:2%;-webkit-transform:-84deg;-moz-transform:-84deg;-ms-transform:-84deg;-o-transform:-84deg;transform:-84deg;border-color:#231815;border-style:solid;border-width:16px 0 13px 13px;content:"";height:48px;left:49px;position:absolute;top:82px;width:16px}.Q:after{-webkit-transform:-18deg;-moz-transform:-18deg;-ms-transform:-18deg;-o-transform:-18deg;transform:-18deg;background-color:#fff;bottom:-35px;content:"";height:30px;position:absolute;right:-44px;width:30px}.R{border-left:solid 16px #231815;height:125px;left:10px;position:relative;top:12.5px;width:60px}.R:before{-webkit-border-radius:0 220% 220% 0;-moz-border-radius:0 220% 220% 0;-ms-border-radius:0 220% 220% 0;-o-border-radius:0 220% 220% 0;border-radius:0 220% 220% 0;border-color:#231815;border-style:solid;border-width:13px 15px 13px 0;content:"";height:44px;position:absolute;width:52px}.R:after{-webkit-transform:32deg 0;-moz-transform:32deg 0;-ms-transform:32deg 0;-o-transform:32deg 0;transform:32deg 0;background-color:#231815;bottom:0;content:"";height:58px;left:38px;position:absolute;width:18px}.S{-webkit-transform:14deg;-moz-transform:14deg;-ms-transform:14deg;-o-transform:14deg;transform:14deg;height:150px;left:10px;position:relative;top:10px;width:105px}.S:before{-webkit-border-radius:1.466666666666667%;-moz-border-radius:1.466666666666667%;-ms-border-radius:1.466666666666667%;-o-border-radius:1.466666666666667%;border-radius:1.466666666666667%;-webkit-transform:18deg;-moz-transform:18deg;-ms-transform:18deg;-o-transform:18deg;transform:18deg;border-color:#231815;border-style:solid;border-width:14px 0 15px 15.5px;content:"";height:40px;position:absolute;width:44px}.S:after{-webkit-transform:1.4deg -.55deg;-moz-transform:1.4deg -.55deg;-ms-transform:1.4deg -.55deg;-o-transform:1.4deg -.55deg;transform:1.4deg -.55deg;-moz-border-radius:1.714285714285714%;-ms-border-radius:1.714285714285714%;-o-border-radius:1.714285714285714%;border-radius:1.714285714285714%;-webkit-transform:198.7deg;-moz-transform:198.7deg;-ms-transform:198.7deg;-o-transform:198.7deg;transform:198.7deg;border-color:#231815;border-style:solid;border-width:14px 0 15px 15px;content:"";height:44px;left:21px;position:absolute;top:65px;width:52px}.T{border-top:solid 15px #231815;height:125px;left:10px;position:relative;top:12.5px;width:100px}.T:before{background-color:#231815;content:"";height:110px;left:42px;position:absolute;top:0;width:16px}.U{border-color:#231815;border-style:solid;border-width:0 16px 0 16px;height:80px;left:10px;position:relative;top:12.5px;width:60px}.U:before{-webkit-border-radius:0 0 200% 200%;-moz-border-radius:0 0 200% 200%;-ms-border-radius:0 0 200% 200%;-o-border-radius:0 0 200% 200%;border-radius:0 0 200% 200%;border-color:#231815;border-style:solid;border-width:0 16px 15px 16px;content:"";height:45px;left:-16px;position:absolute;top:65px;width:60px}.V{left:30px;position:relative;top:12.5px;width:59px}.V:before{-webkit-transform:18deg 0;-moz-transform:18deg 0;-ms-transform:18deg 0;-o-transform:18deg 0;transform:18deg 0;border-left:solid 16px #231815;content:"";height:125px;left:0;position:absolute;top:0}.V:after{-webkit-transform:-18deg 0;-moz-transform:-18deg 0;-ms-transform:-18deg 0;-o-transform:-18deg 0;transform:-18deg 0;border-left:solid 16px #231815;content:"";height:125px;position:absolute;right:0;top:0}.W{left:25px;position:relative;top:12.5px;width:100px}.W:before{-webkit-transform:11deg 0;-moz-transform:11deg 0;-ms-transform:11deg 0;-o-transform:11deg 0;transform:11deg 0;border-color:#231815;border-style:solid;border-width:0 13px 0 15px;content:"";height:125px;left:0;position:absolute;top:0;width:42px}.W:after{-webkit-transform:-11deg 0;-moz-transform:-11deg 0;-ms-transform:-11deg 0;-o-transform:-11deg 0;transform:-11deg 0;border-color:#231815;border-style:solid;border-width:0 15px 0 13px;content:"";height:125px;position:absolute;right:0;top:0;width:42px}.X{height:125px;left:50px;position:relative;top:12.5px;width:16px}.X:before{-webkit-transform:32deg 0;-moz-transform:32deg 0;-ms-transform:32deg 0;-o-transform:32deg 0;transform:32deg 0;background-color:#231815;content:"";height:125px;left:0;position:absolute;top:0;width:16px}.X:after{-webkit-transform:-32deg 0;-moz-transform:-32deg 0;-ms-transform:-32deg 0;-o-transform:-32deg 0;transform:-32deg 0;background-color:#231815;content:"";height:125px;position:absolute;right:0;top:0;width:16px}.Y{background-color:#231815;height:50px;left:52px;position:relative;top:92.5px;width:16px}.Y:before{-webkit-transform:28deg 0;-moz-transform:28deg 0;-ms-transform:28deg 0;-o-transform:28deg 0;transform:28deg 0;background-color:#231815;content:"";height:80px;left:-21px;position:absolute;top:-80px;width:16px}.Y:after{-webkit-transform:-28deg 0;-moz-transform:-28deg 0;-ms-transform:-28deg 0;-o-transform:-28deg 0;transform:-28deg 0;background-color:#231815;content:"";height:80px;position:absolute;right:-21px;top:-80px;width:16px}.Z{border-color:#231815;border-style:solid;border-width:15px 0 15px 0;height:95px;left:10px;position:relative;top:12.5px;width:90px}.Z:before{-webkit-transform:-37deg 0;-moz-transform:-37deg 0;-ms-transform:-37deg 0;-o-transform:-37deg 0;transform:-37deg 0;background-color:#231815;content:"";height:95px;left:36px;position:absolute;top:0;width:18px} \ No newline at end of file diff --git a/src/stylus/_css-sans.styl b/src/stylus/_css-sans.styl index 7d42530..f0c7147 100644 --- a/src/stylus/_css-sans.styl +++ b/src/stylus/_css-sans.styl @@ -23,7 +23,7 @@ width: 16px &:after skew(19deg, 0) - left: 45px + left: 45px .B border-left: solid 16px $black height: 125px @@ -31,10 +31,10 @@ position: relative top: 12.5px width: 60px - &:before, + &:before, &:after border-radius(0 240% 180% 0, 0 180% 180% 0) - border-color: $black + border-color: $black border-style: solid border-width: $w $w 10px 0 content: "" @@ -380,7 +380,7 @@ width: 44px &:after border-radius(240% 0 0 110%, 140% 0 0 100%) - rotate(198.5deg) + rotate(198.7deg) skew(1.4deg, -0.55deg) border-color: $black border-style: solid border-width: 14px 0 $w $w @@ -539,4 +539,4 @@ left: 36px position: absolute top: 0 - width: 18px \ No newline at end of file + width: 18px