You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
86 KiB
CSS
1 line
86 KiB
CSS
4 years ago
|
button,.btn,[type="submit"]{display:block;line-height:2rem;overflow:hidden;padding:.5rem 1.5rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer;text-align:center;transition:all 0var(--animation-duration);background-color:#fefefe;border-color:#d9d9d9;color:#737373;font-size:.75rem;letter-spacing:.03rem;text-transform:uppercase;font-family:Montserrat;min-width:2rem;user-select:none;margin-bottom:1rem;outline:0;--btn-color:#fefefe;--btn-fg:#737373;--btn-border-color:#d9d9d9}button:hover,.btn:hover,[type="submit"]:hover{transition:all var(--animation-duration)}.btn:active,button:active,[type="submit"]:active{transition:var(--animation-duration) ease}button:hover,.btn:hover,[type="submit"]:hover{background-color:#eee;--btn-color:#eee}.btn.loading:active::after,button.loading:active::after,[type="submit"].loading:active::after{transition:var(--animation-duration) ease;border-radius:50%;border-right-color:transparent;border-top-color:transparent}button.btn-animated,[type="submit"].btn-animated,.btn.btn-animated{transition:calc(var(--animation-duration) / 2) ease}button.btn-animated:active,[type="submit"].btn-animated:active,.btn.btn-animated:active{-webkit-transform:scale(0.98);transform:inherit,scale(0.98);transition:calc(var(--animation-duration) / 2) ease}.btn:focus,button:focus,input[type="submit"]:focus{outline:0}.btn:disabled,button:disabled,[type="submit"]:disabled{cursor:not-allowed;opacity:.5}button.btn-close{background-color:rgba(10,10,10,0.2);border:0;border-radius:290486px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;outline:0;position:relative;vertical-align:top;width:20px;padding:0;min-width:20px}button.btn-close:hover{background-color:rgba(10,10,10,0.3)}button.btn-close::before,button.btn-close::after{background-color:var(--cirrus-bg);content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}button.btn-close::before{height:2px;width:50%}button.btn-close::after{height:50%;width:2px}.btn-container{margin:.5rem;overflow:visible}.btn-transparent{--btn-color:transparent;--btn-fg:var(--cirrus-dark);--btn-border-color:transparent}.btn-transparent.outline{--btn-color:var(--cirrus-dark)}.btn-transparent:hover{--btn-color:rgba(0,0,0,.1)}.btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,0.5)}.btn-light{--btn-color:var(--cirrus-light);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-light)}.btn-light:hover{--btn-color:var(--cirrus-light-hover)}.btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,0.5)}.btn-dark{--btn-color:var(--cirrus-dark);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-dark)}.btn-dark:hover{--btn-color:var(--cirrus-dark-hover)}.btn-dark.outline:hover{--btn-color:var(--cirrus-dark)}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,0.5)}.btn-black{--btn-color:#000;--btn-fg:var(--cirrus-light);--btn-border-color:#000}.btn-black:hover{--btn-color:#000}.btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,0.5)}.btn-primary{--btn-color:var(--cirrus-primary);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-accent-border)}.btn-primary:hover{--btn-color:var(--cirrus-accent-hover)}.btn-primary.outline:hover{--btn-color:var(--cirrus-primary)}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,76,0.5)}.btn-info{--btn-color:var(--cirrus-info);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-info)}.btn-info:hover{--btn-color:var(--cirrus-info-hover)}.btn-info.outline:hover{--btn-color:var(--cirrus-info)}.btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,0.5)}.btn-link{--btn-color:var(--cirrus-link);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-link)}.btn-link.outline{--btn-fg:var(--cirrus-link);border:1px solid transparent}.btn-link:hover{--btn-color:var(--cirrus-link-dark)}.btn-link.outline:hover{--btn-color:var(--cirrus-link-hover);border:1px solid transparent;text-decoration:unde
|