/* # ----------------------------------------------------------------------------- # ~/assets/themes/j1/modules/fab/css/fab.min.css # Provides styles for J1 Module FAB (Floating Action Button) # # Product/Info: # https://jekyll.one # # Copyright (C) 2021 Juergen Adams # # J1 Template is licensed under the MIT License. # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE # ----------------------------------------------------------------------------- */ .fab-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden;padding-left:0;list-style-type:none}.btn-large,.btn-small{border:0;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.disabled.btn-large,.disabled.btn-small,.btn-fab-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-large:disabled,.btn-small:disabled,.btn-fab-floating:disabled,.btn-large:disabled,.btn-small:disabled,[disabled].btn-large,[disabled].btn-small,.btn-fab-floating[disabled],.btn-large[disabled],.btn-small[disabled]{pointer-events:none;background-color:#dfdfdf!important;-webkit-box-shadow:none;box-shadow:none;color:#9f9f9f!important;cursor:default}.disabled.btn-large:hover,.disabled.btn-small:hover,.btn-fab-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-fab-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,[disabled].btn-large:hover,[disabled].btn-small:hover,.btn-fab-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover{background-color:#dfdfdf!important;color:#9f9f9f!important}.btn-large,.btn-small,.btn-fab-floating{font-size:14px;outline:0}.btn-large i,.btn-small i,.btn-fab-floating i{font-size:1.3rem;line-height:inherit}.btn-large:focus,.btn-small:focus,.btn-fab-floating:focus{background-color:#1d7d74}.btn-large,.btn-small{text-decoration:none;color:#fff;background-color:#26a69a;text-align:center;letter-spacing:.5px;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer}.btn-large:hover,.btn-small:hover{background-color:#424242!important}.btn-fab-floating:hover{background-color:#424242!important}.btn-fab-floating{display:inline-block;color:#fff;position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:#26a69a;border-radius:50%;-webkit-transition:background-color .3s;transition:background-color .3s;cursor:pointer;vertical-align:middle}.btn-fab-floating:before{border-radius:0}.btn-fab-floating.btn-large{width:56px;height:56px;padding:0}.btn-fab-floating.btn-large.halfway-fab{bottom:-28px}.btn-fab-floating.btn-large i{line-height:56px}.btn-fab-floating.btn-small{width:32.4px;height:32.4px}.btn-fab-floating.btn-small.halfway-fab{bottom:-16.2px}.btn-fab-floating.btn-small i{line-height:32.4px}.btn-fab-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-fab-floating.halfway-fab.left{right:auto;left:24px}.btn-fab-floating i{width:inherit;display:inline-block;text-align:center;color:#fff;font-size:1.6rem;line-height:40px}button.btn-fab-floating{border:0}.fab-btn{position:fixed;right:1rem;bottom:1rem;padding-top:4rem;margin-bottom:0;z-index:9}.fab-btn.active ul{visibility:visible}.fab-btn.direction-left,.fab-btn.direction-right{padding:0 0 0 15px}.fab-btn.direction-left ul,.fab-btn.direction-right ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}.fab-btn.direction-left ul li,.fab-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}.fab-btn.direction-right{padding:0 15px 0 0}.fab-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}.fab-btn.direction-right ul li{margin:7.5px 0 0 15px}.fab-btn.direction-bottom{padding:0 0 15px 0}.fab-btn.direction-bottom ul{top:64px;bottom:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fab-btn.direction-bottom ul li{margin:15px 0 0 0}.fab-btn.toolbar{padding:0;height:56px}.fab-btn.toolbar.active>a i{opacity:0}.fab-btn.toolbar ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;z-index:1}.fab-btn.toolbar ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;-webkit-transition:none;transition:none}.fab-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#fff;line-height:56px;z-index:1}.fab-btn.toolbar ul li a i{line-height:inherit}.fab-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fab-btn ul li{margin-bottom:15px}.fab-btn ul a.btn-fab-floating{opacity:0}.fab-btn .fab-btn-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#26a69a;border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}.btn-large{height:54px;line-height:54px;font-size:15px;padding:0 28px}.btn-large i{font-size:1.6rem}.btn-small{height:32.4px;line-height:32.4px;font-size:13px}.btn-small i{font-size:1.2rem}