diff --git a/demo/assets/css/fork-corner.min.css b/demo/assets/css/fork-corner.min.css index c7e7cd2..d5a06b0 100644 --- a/demo/assets/css/fork-corner.min.css +++ b/demo/assets/css/fork-corner.min.css @@ -1,7 +1,7 @@ /*! * Fork Corner - https://fork-corner.warengonzaga.com * A modern and global open source fork corner label for your project's landing page. - * Version: 1.0.0-rc.7 + * Version: 1.0.0-rc.8 * Github: https://github.com/WarenGonzaga/fork-corner * Licensed Under The MIT License: http://opensource.org/licenses/MIT * Copyright (c) 2020 Waren Gonzaga @@ -12,4 +12,4 @@ * Website: warengonzaga.com */ -html,body{overflow-x:hidden;touch-action:pan-y}#fork-corner{z-index:105;position:absolute}.fork-corner+div{position:absolute;width:200px;height:200px;z-index:100}.fork-corner.fc-pos-tr{top:16.66667px;right:16.66667px}.fork-corner.fc-pos-tr.fc-animate-default{transition:0.5s}.fork-corner.fc-pos-tr.fc-animate-default:hover{transform:rotate(45deg);transition:0.5s}.fork-corner.fc-pos-tr+div{top:-100px;right:-100px;transform:rotate(45deg)}.fork-corner.fc-pos-tl{top:16.66667px;left:16.66667px}.fork-corner.fc-pos-tl.fc-animate-default{transition:0.5s}.fork-corner.fc-pos-tl.fc-animate-default:hover{transform:rotate(-45deg);transition:0.5s}.fork-corner.fc-pos-tl+div{top:-100px;left:-100px;transform:rotate(45deg)}.fork-corner.fc-theme-default{text-decoration:none}.fork-corner.fc-theme-default>i{font-size:50px;color:#ffffff}.fork-corner.fc-theme-default+div{background-color:#f34f29}.fork-corner.fc-theme-github{text-decoration:none}.fork-corner.fc-theme-github>i{font-size:50px;color:#ffffff}.fork-corner.fc-theme-github+div{background-color:#181717}.fork-corner.fc-theme-gitlab{text-decoration:none}.fork-corner.fc-theme-gitlab>i{font-size:50px;color:#ffffff}.fork-corner.fc-theme-gitlab+div{background-color:#e24329}.fork-corner.fc-theme-bitbucket{text-decoration:none}.fork-corner.fc-theme-bitbucket>i{font-size:50px;color:#ffffff}.fork-corner.fc-theme-bitbucket+div{background-color:#205081}.fork-corner.fc-size-small.fc-pos-tr{top:12.5px !important;right:12.5px !important}.fork-corner.fc-size-small.fc-pos-tr+div{top:-75px !important;right:-75px !important}.fork-corner.fc-size-small.fc-pos-tl{top:12.5px !important;left:12.5px !important}.fork-corner.fc-size-small.fc-pos-tl+div{top:-75px !important;left:-75px !important}.fork-corner.fc-size-small.fc-theme-default>i,.fork-corner.fc-size-small.fc-theme-github>i,.fork-corner.fc-size-small.fc-theme-gitlab>i,.fork-corner.fc-size-small.fc-theme-bitbucket>i{font-size:37.5px !important}.fork-corner.fc-size-small+div{width:150px !important;height:150px !important}.fork-corner.fc-size-medium.fc-pos-tr{top:20.83333px !important;right:20.83333px !important}.fork-corner.fc-size-medium.fc-pos-tr+div{top:-125px !important;right:-125px !important}.fork-corner.fc-size-medium.fc-pos-tl{top:20.83333px !important;left:20.83333px !important}.fork-corner.fc-size-medium.fc-pos-tl+div{top:-125px !important;left:-125px !important}.fork-corner.fc-size-medium.fc-theme-default>i,.fork-corner.fc-size-medium.fc-theme-github>i,.fork-corner.fc-size-medium.fc-theme-gitlab>i,.fork-corner.fc-size-medium.fc-theme-bitbucket>i{font-size:62.5px !important}.fork-corner.fc-size-medium+div{width:250px !important;height:250px !important}.fork-corner.fc-size-large.fc-pos-tr{top:25px !important;right:25px !important}.fork-corner.fc-size-large.fc-pos-tr+div{top:-150px !important;right:-150px !important}.fork-corner.fc-size-large.fc-pos-tl{top:25px !important;left:25px !important}.fork-corner.fc-size-large.fc-pos-tl+div{top:-150px !important;left:-150px !important}.fork-corner.fc-size-large.fc-theme-default>i,.fork-corner.fc-size-large.fc-theme-github>i,.fork-corner.fc-size-large.fc-theme-gitlab>i,.fork-corner.fc-size-large.fc-theme-bitbucket>i{font-size:75px !important}.fork-corner.fc-size-large+div{width:300px !important;height:300px !important} +html,body{overflow-x:hidden;touch-action:pan-y}#fork-corner{z-index:105;position:absolute}.fork-corner.fc-size-small.fc-pos-tr{top:12.5px;right:12.5px}.fork-corner.fc-size-small.fc-pos-tr+div{top:-75px;right:-75px}.fork-corner.fc-size-small.fc-pos-tl{top:12.5px;left:12.5px}.fork-corner.fc-size-small.fc-pos-tl+div{top:-75px;left:-75px}.fork-corner.fc-size-small.fc-theme-default>i,.fork-corner.fc-size-small.fc-theme-github>i,.fork-corner.fc-size-small.fc-theme-gitlab>i,.fork-corner.fc-size-small.fc-theme-bitbucket>i{font-size:37.5px}.fork-corner.fc-size-small+div{width:150px;height:150px}.fork-corner.fc-size-medium.fc-pos-tr{top:20.83333px;right:20.83333px}.fork-corner.fc-size-medium.fc-pos-tr+div{top:-125px;right:-125px}.fork-corner.fc-size-medium.fc-pos-tl{top:20.83333px;left:20.83333px}.fork-corner.fc-size-medium.fc-pos-tl+div{top:-125px;left:-125px}.fork-corner.fc-size-medium.fc-theme-default>i,.fork-corner.fc-size-medium.fc-theme-github>i,.fork-corner.fc-size-medium.fc-theme-gitlab>i,.fork-corner.fc-size-medium.fc-theme-bitbucket>i{font-size:62.5px}.fork-corner.fc-size-medium+div{width:250px;height:250px}.fork-corner.fc-size-large.fc-pos-tr{top:25px;right:25px}.fork-corner.fc-size-large.fc-pos-tr+div{top:-150px;right:-150px}.fork-corner.fc-size-large.fc-pos-tl{top:25px;left:25px}.fork-corner.fc-size-large.fc-pos-tl+div{top:-150px;left:-150px}.fork-corner.fc-size-large.fc-theme-default>i,.fork-corner.fc-size-large.fc-theme-github>i,.fork-corner.fc-size-large.fc-theme-gitlab>i,.fork-corner.fc-size-large.fc-theme-bitbucket>i{font-size:75px}.fork-corner.fc-size-large+div{width:300px;height:300px}.fork-corner+div{position:absolute;width:200px;height:200px;z-index:100}.fork-corner.fc-pos-tr{top:16.66667px;right:16.66667px}.fork-corner.fc-pos-tr.fc-animate-default{transition:0.5s}.fork-corner.fc-pos-tr.fc-animate-default:hover{transform:rotate(45deg);transition:0.5s}.fork-corner.fc-pos-tr+div{top:-100px;right:-100px;transform:rotate(45deg)}.fork-corner.fc-pos-tl{top:16.66667px;left:16.66667px}.fork-corner.fc-pos-tl.fc-animate-default{transition:0.5s}.fork-corner.fc-pos-tl.fc-animate-default:hover{transform:rotate(-45deg);transition:0.5s}.fork-corner.fc-pos-tl+div{top:-100px;left:-100px;transform:rotate(45deg)}.fork-corner.fc-theme-default{text-decoration:none}.fork-corner.fc-theme-default>i{font-size:50px;color:#fff}.fork-corner.fc-theme-default+div{background-color:#f34f29}.fork-corner.fc-theme-github{text-decoration:none}.fork-corner.fc-theme-github>i{font-size:50px;color:#fff}.fork-corner.fc-theme-github+div{background-color:#181717}.fork-corner.fc-theme-gitlab{text-decoration:none}.fork-corner.fc-theme-gitlab>i{font-size:50px;color:#fff}.fork-corner.fc-theme-gitlab+div{background-color:#e24329}.fork-corner.fc-theme-bitbucket{text-decoration:none}.fork-corner.fc-theme-bitbucket>i{font-size:50px;color:#fff}.fork-corner.fc-theme-bitbucket+div{background-color:#205081} diff --git a/demo/assets/js/fork-corner.js b/demo/assets/js/fork-corner.js index 2c12a40..7133743 100644 --- a/demo/assets/js/fork-corner.js +++ b/demo/assets/js/fork-corner.js @@ -1,7 +1,7 @@ /*! * Fork Corner - https://fork-corner.warengonzaga.com * A modern and global open source fork corner label for your project's landing page. - * Version: 1.0.0-rc.7 + * Version: 1.0.0-rc.8 * Github: https://github.com/WarenGonzaga/fork-corner * Licensed Under The MIT License: http://opensource.org/licenses/MIT * Copyright (c) 2020 Waren Gonzaga diff --git a/demo/assets/js/fork-corner.min.js b/demo/assets/js/fork-corner.min.js index ae10e6c..c47c90e 100644 --- a/demo/assets/js/fork-corner.min.js +++ b/demo/assets/js/fork-corner.min.js @@ -1,7 +1,7 @@ /*! * Fork Corner - https://fork-corner.warengonzaga.com * A modern and global open source fork corner label for your project's landing page. - * Version: 1.0.0-rc.7 + * Version: 1.0.0-rc.8 * Github: https://github.com/WarenGonzaga/fork-corner * Licensed Under The MIT License: http://opensource.org/licenses/MIT * Copyright (c) 2020 Waren Gonzaga diff --git a/dist/fork-corner.css b/dist/fork-corner.css index dd33d5b..7e385d3 100644 --- a/dist/fork-corner.css +++ b/dist/fork-corner.css @@ -1,7 +1,7 @@ /*! * Fork Corner - https://fork-corner.warengonzaga.com * A modern and global open source fork corner label for your project's landing page. - * Version: 1.0.0-rc.7 + * Version: 1.0.0-rc.8 * Github: https://github.com/WarenGonzaga/fork-corner * Licensed Under The MIT License: http://opensource.org/licenses/MIT * Copyright (c) 2020 Waren Gonzaga @@ -20,6 +20,78 @@ html, body { z-index: 105; position: absolute; } +.fork-corner.fc-size-small.fc-pos-tr { + top: 12.5px; + right: 12.5px; } + .fork-corner.fc-size-small.fc-pos-tr + div { + top: -75px; + right: -75px; } + +.fork-corner.fc-size-small.fc-pos-tl { + top: 12.5px; + left: 12.5px; } + .fork-corner.fc-size-small.fc-pos-tl + div { + top: -75px; + left: -75px; } + +.fork-corner.fc-size-small.fc-theme-default > i, +.fork-corner.fc-size-small.fc-theme-github > i, +.fork-corner.fc-size-small.fc-theme-gitlab > i, +.fork-corner.fc-size-small.fc-theme-bitbucket > i { + font-size: 37.5px; } + +.fork-corner.fc-size-small + div { + width: 150px; + height: 150px; } + +.fork-corner.fc-size-medium.fc-pos-tr { + top: 20.83333px; + right: 20.83333px; } + .fork-corner.fc-size-medium.fc-pos-tr + div { + top: -125px; + right: -125px; } + +.fork-corner.fc-size-medium.fc-pos-tl { + top: 20.83333px; + left: 20.83333px; } + .fork-corner.fc-size-medium.fc-pos-tl + div { + top: -125px; + left: -125px; } + +.fork-corner.fc-size-medium.fc-theme-default > i, +.fork-corner.fc-size-medium.fc-theme-github > i, +.fork-corner.fc-size-medium.fc-theme-gitlab > i, +.fork-corner.fc-size-medium.fc-theme-bitbucket > i { + font-size: 62.5px; } + +.fork-corner.fc-size-medium + div { + width: 250px; + height: 250px; } + +.fork-corner.fc-size-large.fc-pos-tr { + top: 25px; + right: 25px; } + .fork-corner.fc-size-large.fc-pos-tr + div { + top: -150px; + right: -150px; } + +.fork-corner.fc-size-large.fc-pos-tl { + top: 25px; + left: 25px; } + .fork-corner.fc-size-large.fc-pos-tl + div { + top: -150px; + left: -150px; } + +.fork-corner.fc-size-large.fc-theme-default > i, +.fork-corner.fc-size-large.fc-theme-github > i, +.fork-corner.fc-size-large.fc-theme-gitlab > i, +.fork-corner.fc-size-large.fc-theme-bitbucket > i { + font-size: 75px; } + +.fork-corner.fc-size-large + div { + width: 300px; + height: 300px; } + .fork-corner + div { position: absolute; width: 200px; @@ -58,7 +130,7 @@ html, body { text-decoration: none; } .fork-corner.fc-theme-default > i { font-size: 50px; - color: #ffffff; } + color: #fff; } .fork-corner.fc-theme-default + div { background-color: #f34f29; } @@ -67,7 +139,7 @@ html, body { text-decoration: none; } .fork-corner.fc-theme-github > i { font-size: 50px; - color: #ffffff; } + color: #fff; } .fork-corner.fc-theme-github + div { background-color: #181717; } @@ -76,7 +148,7 @@ html, body { text-decoration: none; } .fork-corner.fc-theme-gitlab > i { font-size: 50px; - color: #ffffff; } + color: #fff; } .fork-corner.fc-theme-gitlab + div { background-color: #e24329; } @@ -85,79 +157,7 @@ html, body { text-decoration: none; } .fork-corner.fc-theme-bitbucket > i { font-size: 50px; - color: #ffffff; } + color: #fff; } .fork-corner.fc-theme-bitbucket + div { background-color: #205081; } - -.fork-corner.fc-size-small.fc-pos-tr { - top: 12.5px !important; - right: 12.5px !important; } - .fork-corner.fc-size-small.fc-pos-tr + div { - top: -75px !important; - right: -75px !important; } - -.fork-corner.fc-size-small.fc-pos-tl { - top: 12.5px !important; - left: 12.5px !important; } - .fork-corner.fc-size-small.fc-pos-tl + div { - top: -75px !important; - left: -75px !important; } - -.fork-corner.fc-size-small.fc-theme-default > i, -.fork-corner.fc-size-small.fc-theme-github > i, -.fork-corner.fc-size-small.fc-theme-gitlab > i, -.fork-corner.fc-size-small.fc-theme-bitbucket > i { - font-size: 37.5px !important; } - -.fork-corner.fc-size-small + div { - width: 150px !important; - height: 150px !important; } - -.fork-corner.fc-size-medium.fc-pos-tr { - top: 20.83333px !important; - right: 20.83333px !important; } - .fork-corner.fc-size-medium.fc-pos-tr + div { - top: -125px !important; - right: -125px !important; } - -.fork-corner.fc-size-medium.fc-pos-tl { - top: 20.83333px !important; - left: 20.83333px !important; } - .fork-corner.fc-size-medium.fc-pos-tl + div { - top: -125px !important; - left: -125px !important; } - -.fork-corner.fc-size-medium.fc-theme-default > i, -.fork-corner.fc-size-medium.fc-theme-github > i, -.fork-corner.fc-size-medium.fc-theme-gitlab > i, -.fork-corner.fc-size-medium.fc-theme-bitbucket > i { - font-size: 62.5px !important; } - -.fork-corner.fc-size-medium + div { - width: 250px !important; - height: 250px !important; } - -.fork-corner.fc-size-large.fc-pos-tr { - top: 25px !important; - right: 25px !important; } - .fork-corner.fc-size-large.fc-pos-tr + div { - top: -150px !important; - right: -150px !important; } - -.fork-corner.fc-size-large.fc-pos-tl { - top: 25px !important; - left: 25px !important; } - .fork-corner.fc-size-large.fc-pos-tl + div { - top: -150px !important; - left: -150px !important; } - -.fork-corner.fc-size-large.fc-theme-default > i, -.fork-corner.fc-size-large.fc-theme-github > i, -.fork-corner.fc-size-large.fc-theme-gitlab > i, -.fork-corner.fc-size-large.fc-theme-bitbucket > i { - font-size: 75px !important; } - -.fork-corner.fc-size-large + div { - width: 300px !important; - height: 300px !important; } diff --git a/dist/fork-corner.js b/dist/fork-corner.js index 2c12a40..7133743 100644 --- a/dist/fork-corner.js +++ b/dist/fork-corner.js @@ -1,7 +1,7 @@ /*! * Fork Corner - https://fork-corner.warengonzaga.com * A modern and global open source fork corner label for your project's landing page. - * Version: 1.0.0-rc.7 + * Version: 1.0.0-rc.8 * Github: https://github.com/WarenGonzaga/fork-corner * Licensed Under The MIT License: http://opensource.org/licenses/MIT * Copyright (c) 2020 Waren Gonzaga diff --git a/dist/fork-corner.min.css b/dist/fork-corner.min.css index c7e7cd2..d5a06b0 100644 --- a/dist/fork-corner.min.css +++ b/dist/fork-corner.min.css @@ -1,7 +1,7 @@ /*! * Fork Corner - https://fork-corner.warengonzaga.com * A modern and global open source fork corner label for your project's landing page. - * Version: 1.0.0-rc.7 + * Version: 1.0.0-rc.8 * Github: https://github.com/WarenGonzaga/fork-corner * Licensed Under The MIT License: http://opensource.org/licenses/MIT * Copyright (c) 2020 Waren Gonzaga @@ -12,4 +12,4 @@ * Website: warengonzaga.com */ -html,body{overflow-x:hidden;touch-action:pan-y}#fork-corner{z-index:105;position:absolute}.fork-corner+div{position:absolute;width:200px;height:200px;z-index:100}.fork-corner.fc-pos-tr{top:16.66667px;right:16.66667px}.fork-corner.fc-pos-tr.fc-animate-default{transition:0.5s}.fork-corner.fc-pos-tr.fc-animate-default:hover{transform:rotate(45deg);transition:0.5s}.fork-corner.fc-pos-tr+div{top:-100px;right:-100px;transform:rotate(45deg)}.fork-corner.fc-pos-tl{top:16.66667px;left:16.66667px}.fork-corner.fc-pos-tl.fc-animate-default{transition:0.5s}.fork-corner.fc-pos-tl.fc-animate-default:hover{transform:rotate(-45deg);transition:0.5s}.fork-corner.fc-pos-tl+div{top:-100px;left:-100px;transform:rotate(45deg)}.fork-corner.fc-theme-default{text-decoration:none}.fork-corner.fc-theme-default>i{font-size:50px;color:#ffffff}.fork-corner.fc-theme-default+div{background-color:#f34f29}.fork-corner.fc-theme-github{text-decoration:none}.fork-corner.fc-theme-github>i{font-size:50px;color:#ffffff}.fork-corner.fc-theme-github+div{background-color:#181717}.fork-corner.fc-theme-gitlab{text-decoration:none}.fork-corner.fc-theme-gitlab>i{font-size:50px;color:#ffffff}.fork-corner.fc-theme-gitlab+div{background-color:#e24329}.fork-corner.fc-theme-bitbucket{text-decoration:none}.fork-corner.fc-theme-bitbucket>i{font-size:50px;color:#ffffff}.fork-corner.fc-theme-bitbucket+div{background-color:#205081}.fork-corner.fc-size-small.fc-pos-tr{top:12.5px !important;right:12.5px !important}.fork-corner.fc-size-small.fc-pos-tr+div{top:-75px !important;right:-75px !important}.fork-corner.fc-size-small.fc-pos-tl{top:12.5px !important;left:12.5px !important}.fork-corner.fc-size-small.fc-pos-tl+div{top:-75px !important;left:-75px !important}.fork-corner.fc-size-small.fc-theme-default>i,.fork-corner.fc-size-small.fc-theme-github>i,.fork-corner.fc-size-small.fc-theme-gitlab>i,.fork-corner.fc-size-small.fc-theme-bitbucket>i{font-size:37.5px !important}.fork-corner.fc-size-small+div{width:150px !important;height:150px !important}.fork-corner.fc-size-medium.fc-pos-tr{top:20.83333px !important;right:20.83333px !important}.fork-corner.fc-size-medium.fc-pos-tr+div{top:-125px !important;right:-125px !important}.fork-corner.fc-size-medium.fc-pos-tl{top:20.83333px !important;left:20.83333px !important}.fork-corner.fc-size-medium.fc-pos-tl+div{top:-125px !important;left:-125px !important}.fork-corner.fc-size-medium.fc-theme-default>i,.fork-corner.fc-size-medium.fc-theme-github>i,.fork-corner.fc-size-medium.fc-theme-gitlab>i,.fork-corner.fc-size-medium.fc-theme-bitbucket>i{font-size:62.5px !important}.fork-corner.fc-size-medium+div{width:250px !important;height:250px !important}.fork-corner.fc-size-large.fc-pos-tr{top:25px !important;right:25px !important}.fork-corner.fc-size-large.fc-pos-tr+div{top:-150px !important;right:-150px !important}.fork-corner.fc-size-large.fc-pos-tl{top:25px !important;left:25px !important}.fork-corner.fc-size-large.fc-pos-tl+div{top:-150px !important;left:-150px !important}.fork-corner.fc-size-large.fc-theme-default>i,.fork-corner.fc-size-large.fc-theme-github>i,.fork-corner.fc-size-large.fc-theme-gitlab>i,.fork-corner.fc-size-large.fc-theme-bitbucket>i{font-size:75px !important}.fork-corner.fc-size-large+div{width:300px !important;height:300px !important} +html,body{overflow-x:hidden;touch-action:pan-y}#fork-corner{z-index:105;position:absolute}.fork-corner.fc-size-small.fc-pos-tr{top:12.5px;right:12.5px}.fork-corner.fc-size-small.fc-pos-tr+div{top:-75px;right:-75px}.fork-corner.fc-size-small.fc-pos-tl{top:12.5px;left:12.5px}.fork-corner.fc-size-small.fc-pos-tl+div{top:-75px;left:-75px}.fork-corner.fc-size-small.fc-theme-default>i,.fork-corner.fc-size-small.fc-theme-github>i,.fork-corner.fc-size-small.fc-theme-gitlab>i,.fork-corner.fc-size-small.fc-theme-bitbucket>i{font-size:37.5px}.fork-corner.fc-size-small+div{width:150px;height:150px}.fork-corner.fc-size-medium.fc-pos-tr{top:20.83333px;right:20.83333px}.fork-corner.fc-size-medium.fc-pos-tr+div{top:-125px;right:-125px}.fork-corner.fc-size-medium.fc-pos-tl{top:20.83333px;left:20.83333px}.fork-corner.fc-size-medium.fc-pos-tl+div{top:-125px;left:-125px}.fork-corner.fc-size-medium.fc-theme-default>i,.fork-corner.fc-size-medium.fc-theme-github>i,.fork-corner.fc-size-medium.fc-theme-gitlab>i,.fork-corner.fc-size-medium.fc-theme-bitbucket>i{font-size:62.5px}.fork-corner.fc-size-medium+div{width:250px;height:250px}.fork-corner.fc-size-large.fc-pos-tr{top:25px;right:25px}.fork-corner.fc-size-large.fc-pos-tr+div{top:-150px;right:-150px}.fork-corner.fc-size-large.fc-pos-tl{top:25px;left:25px}.fork-corner.fc-size-large.fc-pos-tl+div{top:-150px;left:-150px}.fork-corner.fc-size-large.fc-theme-default>i,.fork-corner.fc-size-large.fc-theme-github>i,.fork-corner.fc-size-large.fc-theme-gitlab>i,.fork-corner.fc-size-large.fc-theme-bitbucket>i{font-size:75px}.fork-corner.fc-size-large+div{width:300px;height:300px}.fork-corner+div{position:absolute;width:200px;height:200px;z-index:100}.fork-corner.fc-pos-tr{top:16.66667px;right:16.66667px}.fork-corner.fc-pos-tr.fc-animate-default{transition:0.5s}.fork-corner.fc-pos-tr.fc-animate-default:hover{transform:rotate(45deg);transition:0.5s}.fork-corner.fc-pos-tr+div{top:-100px;right:-100px;transform:rotate(45deg)}.fork-corner.fc-pos-tl{top:16.66667px;left:16.66667px}.fork-corner.fc-pos-tl.fc-animate-default{transition:0.5s}.fork-corner.fc-pos-tl.fc-animate-default:hover{transform:rotate(-45deg);transition:0.5s}.fork-corner.fc-pos-tl+div{top:-100px;left:-100px;transform:rotate(45deg)}.fork-corner.fc-theme-default{text-decoration:none}.fork-corner.fc-theme-default>i{font-size:50px;color:#fff}.fork-corner.fc-theme-default+div{background-color:#f34f29}.fork-corner.fc-theme-github{text-decoration:none}.fork-corner.fc-theme-github>i{font-size:50px;color:#fff}.fork-corner.fc-theme-github+div{background-color:#181717}.fork-corner.fc-theme-gitlab{text-decoration:none}.fork-corner.fc-theme-gitlab>i{font-size:50px;color:#fff}.fork-corner.fc-theme-gitlab+div{background-color:#e24329}.fork-corner.fc-theme-bitbucket{text-decoration:none}.fork-corner.fc-theme-bitbucket>i{font-size:50px;color:#fff}.fork-corner.fc-theme-bitbucket+div{background-color:#205081} diff --git a/dist/fork-corner.min.js b/dist/fork-corner.min.js index ae10e6c..c47c90e 100644 --- a/dist/fork-corner.min.js +++ b/dist/fork-corner.min.js @@ -1,7 +1,7 @@ /*! * Fork Corner - https://fork-corner.warengonzaga.com * A modern and global open source fork corner label for your project's landing page. - * Version: 1.0.0-rc.7 + * Version: 1.0.0-rc.8 * Github: https://github.com/WarenGonzaga/fork-corner * Licensed Under The MIT License: http://opensource.org/licenses/MIT * Copyright (c) 2020 Waren Gonzaga diff --git a/package.json b/package.json index d492531..7662942 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "fork-corner", - "version": "1.0.0-rc.7", + "version": "1.0.0-rc.8", "description": "A modern and global open source fork corner label for your project's landing page.", "main": "gulpfile.js", "scripts": { diff --git a/source/_base.scss b/source/_base.scss index 265d433..75c34c2 100644 --- a/source/_base.scss +++ b/source/_base.scss @@ -8,6 +8,120 @@ html, body { position: absolute; } +// small corner size +.fork-corner { + &.fc-size-small { + // top right controller + &.fc-pos-tr { + top: $small-corner-size/12; + right: $small-corner-size/12; + + & + div { + top: ($small-corner-size/2) - $small-corner-size; + right: ($small-corner-size/2) - $small-corner-size; + } + } + // top left controller + &.fc-pos-tl { + top: $small-corner-size/12; + left: $small-corner-size/12; + + & + div { + top: ($small-corner-size/2) - $small-corner-size; + left: ($small-corner-size/2) - $small-corner-size; + } + } + // corner theme + &.fc-theme-default > i, + &.fc-theme-github > i, + &.fc-theme-gitlab > i, + &.fc-theme-bitbucket > i { + font-size: $small-corner-size/4; + } + // corner element + & + div { + width: $small-corner-size; + height: $small-corner-size; + } + } +} + +// medium corner size +.fork-corner { + &.fc-size-medium { + // top right controller + &.fc-pos-tr { + top: $medium-corner-size/12; + right: $medium-corner-size/12; + + & + div { + top: ($medium-corner-size/2) - $medium-corner-size; + right: ($medium-corner-size/2) - $medium-corner-size; + } + } + // top left controller + &.fc-pos-tl { + top: $medium-corner-size/12; + left: $medium-corner-size/12; + + & + div { + top: ($medium-corner-size/2) - $medium-corner-size; + left: ($medium-corner-size/2) - $medium-corner-size; + } + } + // corner theme + &.fc-theme-default > i, + &.fc-theme-github > i, + &.fc-theme-gitlab > i, + &.fc-theme-bitbucket > i { + font-size: $medium-corner-size/4; + } + // corner element + & + div { + width: $medium-corner-size; + height: $medium-corner-size; + } + } +} + +// large corner size +.fork-corner { + &.fc-size-large { + // top right controller + &.fc-pos-tr { + top: $large-corner-size/12; + right: $large-corner-size/12; + + & + div { + top: ($large-corner-size/2) - $large-corner-size; + right: ($large-corner-size/2) - $large-corner-size; + } + } + // top left controller + &.fc-pos-tl { + top: $large-corner-size/12; + left: $large-corner-size/12; + + & + div { + top: ($large-corner-size/2) - $large-corner-size; + left: ($large-corner-size/2) - $large-corner-size; + } + } + // corner theme + &.fc-theme-default > i, + &.fc-theme-github > i, + &.fc-theme-gitlab > i, + &.fc-theme-bitbucket > i { + font-size: $large-corner-size/4; + } + // corner element + & + div { + width: $large-corner-size; + height: $large-corner-size; + } + } +} + .fork-corner + div { position: absolute; width: $default-corner-size; @@ -111,117 +225,3 @@ html, body { background-color: $bitbucket-bg-color; } } - -// small corner size -.fork-corner { - &.fc-size-small { - // top right controller - &.fc-pos-tr { - top: $small-corner-size/12 !important; - right: $small-corner-size/12 !important; - - & + div { - top: ($small-corner-size/2) - $small-corner-size !important; - right: ($small-corner-size/2) - $small-corner-size !important; - } - } - // top left controller - &.fc-pos-tl { - top: $small-corner-size/12 !important; - left: $small-corner-size/12 !important; - - & + div { - top: ($small-corner-size/2) - $small-corner-size !important; - left: ($small-corner-size/2) - $small-corner-size !important; - } - } - // corner theme - &.fc-theme-default > i, - &.fc-theme-github > i, - &.fc-theme-gitlab > i, - &.fc-theme-bitbucket > i { - font-size: $small-corner-size/4 !important; - } - // corner element - & + div { - width: $small-corner-size !important; - height: $small-corner-size !important; - } - } -} - -// medium corner size -.fork-corner { - &.fc-size-medium { - // top right controller - &.fc-pos-tr { - top: $medium-corner-size/12 !important; - right: $medium-corner-size/12 !important; - - & + div { - top: ($medium-corner-size/2) - $medium-corner-size !important; - right: ($medium-corner-size/2) - $medium-corner-size !important; - } - } - // top left controller - &.fc-pos-tl { - top: $medium-corner-size/12 !important; - left: $medium-corner-size/12 !important; - - & + div { - top: ($medium-corner-size/2) - $medium-corner-size !important; - left: ($medium-corner-size/2) - $medium-corner-size !important; - } - } - // corner theme - &.fc-theme-default > i, - &.fc-theme-github > i, - &.fc-theme-gitlab > i, - &.fc-theme-bitbucket > i { - font-size: $medium-corner-size/4 !important; - } - // corner element - & + div { - width: $medium-corner-size !important; - height: $medium-corner-size !important; - } - } -} - -// large corner size -.fork-corner { - &.fc-size-large { - // top right controller - &.fc-pos-tr { - top: $large-corner-size/12 !important; - right: $large-corner-size/12 !important; - - & + div { - top: ($large-corner-size/2) - $large-corner-size !important; - right: ($large-corner-size/2) - $large-corner-size !important; - } - } - // top left controller - &.fc-pos-tl { - top: $large-corner-size/12 !important; - left: $large-corner-size/12 !important; - - & + div { - top: ($large-corner-size/2) - $large-corner-size !important; - left: ($large-corner-size/2) - $large-corner-size !important; - } - } - // corner theme - &.fc-theme-default > i, - &.fc-theme-github > i, - &.fc-theme-gitlab > i, - &.fc-theme-bitbucket > i { - font-size: $large-corner-size/4 !important; - } - // corner element - & + div { - width: $large-corner-size !important; - height: $large-corner-size !important; - } - } -} \ No newline at end of file diff --git a/source/_vars.scss b/source/_vars.scss index aff3fd7..c581fc9 100644 --- a/source/_vars.scss +++ b/source/_vars.scss @@ -2,11 +2,11 @@ $default-corner-size: 200px; $small-corner-size: 150px; $medium-corner-size: 250px; $large-corner-size: 300px; -$default-icon-color: #ffffff; +$default-icon-color: #fff; $default-bg-color: #f34f29; -$github-icon-color: #ffffff; +$github-icon-color: #fff; $github-bg-color: #181717; -$gitlab-icon-color: #ffffff; +$gitlab-icon-color: #fff; $gitlab-bg-color: #e24329; -$bitbucket-icon-color: #ffffff; +$bitbucket-icon-color: #fff; $bitbucket-bg-color: #205081;