angular/projects/ng-devtools/src/lib/devtools.component.scss

61 lines
966 B
SCSS

@keyframes pulse {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
}
}
:host {
width: 100%;
height: 100%;
display: block;
}
.devtools-wrapper {
width: 100%;
height: 100%;
display: block;
}
.noselect {
user-select: none;
}
.initializing {
margin: auto;
width: 125px;
height: 100%;
display: flex;
align-items: center;
.loading {
background: url('./images/angular.svg');
border-radius: 50%;
width: 125px;
height: 125px;
float: left;
text-align: center;
animation: pulse 1s infinite;
}
}
.text-message {
font-weight: 500;
font-size: 14px;
padding: 5px;
text-align: center;
.info-icon {
display: inline-block;
font-size: 14px;
border-radius: 50%;
border: solid 3px rgb(17, 17, 17);
cursor: pointer;
width: 16px;
transform: scale(0.9);
height: 16px;
font-weight: bold;
text-align: center;
}
}