Summary Table

Categories Total Count
PII 0
URL 0
DNS 0
EKL 0
IP 0
PORT 0
VsID 0
CF 0
AI 0
VPD 0
PL 0
Other 0

File Content

.button {
margin: 9px 6px 6px 0;
padding: $btn-padding-md;
border: none;
border-radius: $radius-sm;
display: inline-block;
height: 36px;
line-height: 16px; // min-width: 124px;
font-size: $font-size-md;
font-weight: $btn-font-weight;
text-decoration: none;
color: #fff;
text-align: center;
vertical-align: middle;
transition-duration: 0.3s;
cursor: pointer;
&.primary {
background-color: $color-info;
border: 1px solid $color-info;
}
&.primary:hover {
background-color: darken($color-info, 12%);
}
&.secondary {
background-color: #fff;
color: $color-info;
border: 1px solid $color-info;
}
&.secondary:hover {
background-color: $color-info;
color: #fff;
}
&.secondary:visited {
color: $gray-darker;
}
&.danger {
background-color: $color-danger;
border: none;
}
&.danger:hover {
background-color: darken($color-danger, 12%);
}
&.disabled {
background-color: $gray-lighter;
color: #000;
border: none;
cursor: not-allowed;
}
&.disabled:hover {
background-color: $gray-lighter;
color: #000;
cursor: not-allowed;
}
&.dark {
background-color: $color-primary;
border: 1px solid #fff;
}
&.dark:hover {
background-color: darken($color-primary, 12%);
}
&.raised {
box-shadow: $shadow-base;
}
&.small {
padding: $btn-padding-sm;
height: 30px;
line-height: 14px;
min-width: 80px;
font-size: 14px; // font-weight: 700;
}
&.inline {
margin: 0;
padding: $btn-padding-xs;
height: 20px;
line-height: 12px;
min-width: 30px;
background-color: #fff;
border: 1px solid $gray-darker;
font-size: $font-size-xs;
font-weight: 500;
color: $gray-darker;
}
&.inline:hover {
background-color: $color-info-pale;
}
&.logout {
margin-top: -4px;
margin-left: 16px;
padding: 1px 12px 2px;
height: 27px;
float: right; // background-color: darken($color-primary, 12%);
// vertical-align: middle;
background-color: #fff;
border: 1px solid $color-primary;
color: $color-primary;
}
&.logout:hover {
background-color: $color-info;
color: #fff;
}
&.left {
margin-right: 0;
padding-left: 12px;
padding-right: 12px;
border-radius: $radius-sm 0 0 $radius-sm;
}
&.right {
min-width: 36px;
margin-left: -2px;
padding-left: 12px;
padding-right: 12px;
border-radius: 0 $radius-md $radius-md 0;
}
}

.button a {
color: #fff;
text-decoration: none;
}

.button a:visited {
color: #fff;
}

.split-right {
margin-right: 0;
float: right;
}

.arrow-down {
margin-top: 4px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
}

/* Dropdown Button */

// .btn {
// background-color: #2196F3;
// color: white;
// padding: 16px;
// font-size: 16px;
// border: none;
// }
/* The container <div> - needed to position the dropdown content */

.button-drop {
// TODO: fix split-button styling
position: absolute;
display: inline-block;
}

// Dropdown Options
.button-drop-content {
margin-top: -6px;
right: 6px;
display: none;
position: absolute;
background-color: #fff;
min-width: 160px;
border-radius: $radius-md 0 $radius-md $radius-md;
border: 1px solid $gray-base;
box-shadow: $shadow-base;
transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s;
z-index: 1;
& a {
display: block;
padding: 9px 15px;
color: #000;
text-decoration: none;
cursor: pointer;
}
& a:hover,
a:focus {
background-color: $gray-dark;
color: #fff;
}
}

.button-drop.disabled:hover .button-drop-content {
display: none;
}

.button-drop.disabled>.button.primary {
background-color: $gray-lighter;
border-color: $gray-lighter;
cursor: not-allowed;
&>.arrow-down {
border-top-color: $gray-base;
}
}

// Show the dropdown menu on hover
.button-drop:hover .button-drop-content,
.button-drop:focus .button-drop-content {
display: block;
}

// Change the background color of the dropdown button when the dropdown content is shown */
.button:hover,
.button-drop:hover .button {
background-color: $color-info;
}