Files
laps/css/laps.less
T

81 lines
1.3 KiB
Plaintext

@import "mixins.less";
#wpadminbar {
#wp-admin-bar-laps {
.ab-sub-wrapper {
min-width: 90%;
width: 90%;
position: fixed;
left: 5%;
}
.ab-submenu {
padding: 0;
}
}
#wp-admin-bar-laps_output {
padding: 0 10px;
&:hover {
background-color: transparent;
}
.ab-empty-item {
display: none;
}
}
.laps-timeline {
overflow: hidden;
height: 20px;
margin: 6px 0;
background-color: #f5f5f5;
border-radius: 4px;
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
}
.laps-timeline .event {
float: left;
width: 0%;
height: 20px;
font-size: 12px;
color: #fff;
text-align: center;
background-color: #428bca;
.box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .15));
.transition(width .6s ease);
position: absolute; // disable stacking at start
border-left: 1px solid #f5f5f5;
}
.laps-timeline .event-theme {
background-color: #5cb85c;
}
.laps-timeline .event-plugin {
background-color: #428bca;
}
.laps-timeline .event-core {
background-color: #f0ad4e;
}
.laps-timeline .event-query {
background-color: #5bc0de;
}
[data-hint]:after {
font-size: 13px;
background-color: #464646;
text-shadow: none;
}
.hint--bottom:before {
border-bottom-color: #464646;
}
}