woocommerce/plugins/woocommerce-admin/client/header/activity-panel/activity-outbound-link/style.scss

54 lines
899 B
SCSS

/** @format */
.woocommerce-layout__activity-panel-outbound-link {
display: flex;
justify-content: space-between;
align-items: center;
height: 50px;
background: $core-grey-light-200;
border-bottom: 1px solid $core-grey-light-400;
padding: $gap $fallback-gutter;
padding: $gap $gutter;
font-size: 13px;
font-weight: 500;
line-height: 18px;
margin: 0;
color: $woocommerce;
text-decoration: none;
.gridicon {
display: none;
}
&:hover {
background: $white;
color: $woocommerce;
}
&:active {
background: $core-grey-light-100;
color: $woocommerce-700;
}
&:focus {
color: $woocommerce;
background: $core-grey-light-200;
box-shadow: inset 0 0 0 1px $box-shadow-blue, inset 0 0 0 2px #fff;
}
&:hover,
&:focus {
.gridicon {
display: initial;
color: $woocommerce;
}
}
&:active {
.gridicon {
display: initial;
color: $woocommerce-700;
}
}
}