Tag: el

// FAB
$ (Document) .ready (function () {
$ (& # 39;. Fixed-action-btn & # 39;). floatingActionButton ();
});
    
    

.Primärfarbe {
Background color: blue;
}
.fixed-action-btn {
Position: fixed;
right: 3%;
Soil: 4%;
Upholstery pad: 15px;
Bottom edge: 0;
z-index: 997;
}

.fixed-action-btn.active ul {
Visibility: visible;
Type of list type: none;
}

.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
Padding: 0 0 0 15px;
}

.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
Text alignment: right;
right: 64px;
Tip: 50%;
-webkit-transform: translateY (-50%);
transform: translateY (-50%);
Height: 100%;
left: car;
/ * width 100% only applies to the width of the button container * /
Width: 500px;
}

.fixed-action-btn.direction-links ul li. .fixed-action-btn.direction-right ul li {
Display: inline block;
Margin: 7.5px 15px 0 0;
}

.fixed-action-btn.direction-right {
Padding: 0 15px 0 0;
}

.fixed-action-btn.direction-right ul {
Align text: left;
Direction: RTL;
left: 64px;
right: car;
}

.fixed-action-btn.direction-right ul li {
Margin: 7.5px 0 0 15px;
}

.fixed-action-btn.direction-bottom {
Padding: 0 0 15px 0;
}

.fixed-action-btn.direction-bottom ul {
above: 64px;
below: car;
Display: -webkit-box;
Display: -webkit-flex;
Display: -ms-flexbox;
Display: Flex;
-webkit-box-orient: vertical;
-webkit-box-direction: vice versa;
-webkit-flex-direction: column reversal;
-ms-Flex direction: Column reversal;
Bending direction: column reversal;
}

.fixed-action-btn.direction-bottom ul li {
Margin: 15px 0 0 0;
}

.fixed-action-btn.toolbar {
Padding: 0;
Height: 56px;
}

.fixed-action-btn.toolbar.active> a i {
Opacity: 0;
}

.fixed-action-btn.toolbar ul {
Display: -webkit-box;
Display: -webkit-flex;
Display: -ms-flexbox;
Display: Flex;
above: 0;
below: 0;
z index: 1;
}

.fixed-action-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;
}

.fixed-action-btn.toolbar ul li a {
Screen lock;
Hidden overflow;
Position: relative;
Width: 100%;
Height: 100%;
Background color: transparent;
-webkit-box-shadow: none;
Box shadow: none;
Color: #fff;
Line height: 56px;
z index: 1;
}

.fixed-action-btn.toolbar ul li a i {
Line height: inherit;
}

.fixed-action-btn ul {

right: 15%;
Align text: center;
Position: absolutely;
bottom: 64px;
Margin: 0;
Visibility: hidden;
}

.fixed-action-btn ul li {
Bottom edge: 15px;
}

.fixed-action-btn ul a.btn-floating {
Opacity: 0;
}

.fixed-action-btn .fab-background {
Position: absolutely;
above: 0;
left: 0;
z index: -1;
Width: 40px;
Height: 40px;
Background color: # 26a69a;
Boundary radius: 50%;
-webkit-transform: scale (0);
Transformation: scale (0);
}

.btn-floating {
Display: inline block;
Color: #fff;
Position: relative;
Hidden overflow;
z index: 1;
Width: 40px;
Height: 40px;
Line height: 40px;
Padding: 0;
Filter: saturated (8);
Boundary radius: 50%;
-webkit transition: background color .3s;
Transition: background color .3s;
Cursor: pointer;
align vertically: center;
-webkit-box-shadow: 0 2px 2px 0 rgba (0, 0, 0, 0.14), 0 3px 1px -2px rgba (0, 0, 0, 0.12), 0 1px 5px 0 rgba (0, 0, 0, 0.2);
Box Shadow: 0 2px 2px 0 rgba (0, 0, 0, 0.14), 0 3px 1px -2px rgba (0, 0, 0, 0.12), 0 1px 5px 0 rgba (0, 0, 0 , 0.2);
}

.btn-floating: hover {
-webkit-box-shadow: 0 3px 3px 0 rgba (0, 0, 0, 0.14), 0 1px 7px 0 rgba (0, 0, 0, 0.12), 0 3px 1px -1px rgba (0, 0, 0, 0.2);
Box Shadow: 0 3px 3px 0 rgba (0, 0, 0, 0.14), 0 1px 7px 0 rgba (0, 0, 0, 0.12), 0 3px 1px -1px rgba (0, 0, 0 , 0.2);
}

.btn-floating: before {
Limit radius: 0;
}

.btn-floating.btn-large {
Width: 56px;
Height: 56px;
Padding: 0;
}

.btn-floating.btn-large.halfway-fab {
below: -28px;
}

.btn-floating.btn-large i {
Line height: 56px;
}

.btn-floating.btn-small {
Width: 32.4px;
Height: 32.4px;
}

.btn-floating.btn-small.halfway-fab {
below: -16,2px;
}

.btn-floating.btn-small i {
Line height: 32.4px;
}

.btn-floating.halfway-fab {
Position: absolutely;
right: 24px;
below: -20px;
}

.btn-floating.halfway-fab.left {
right: car;
left: 24px;
}

.btn-floating i {
Width: inherit;
Display: inline block;
Align text: center;
Color: #fff;
Font size: 1.6rem;
Line height: 40px;
}

  


  

    
      share