gtajesgenga-ami.js
Version:
1. [Hello AMI](#hello-ami) 2. [Features](#features) 3. [Usage](#yarn) 4. [Developer corner](#developer-corner) 5. [Change log](#change-log) 6. [Credits](#credits) 7. [Citations](#citations)
64 lines (63 loc) • 1.68 kB
JavaScript
/**
* @module CSS Code for all Widgets
*/
export default class WidgetsCss {
static get code() {
return `
.widgets-handle {
position: absolute;
border: 1px solid;
border-radius: 50%;
width: 10px;
height: 10px;
margin: -6px; /* border + width / 2 */
z-index: 3;
}
.widgets-line {
position: absolute;
width: 1px;
height: 1px;
margin-top: -0.5px; /* height / 2 */
}
.widgets-dashline {
position: absolute;
border-top: 1px dashed;
margin-top: -0.5px; /* border / 2 */
}
.widgets-line:before,
.widgets-dashline:before { /* for dragging */
content: " ";
position: absolute;
height: 12px;
left: 0;
right: 0;
margin-top: -6px;
}
.widgets-rectangle {
position: absolute;
border: 1px solid;
margin: -1px; /* border */
}
.widgets-rectangle-helper {
position: absolute;
border: 1px dashed;
margin: -1px; /* border */
}
.widgets-ellipse {
position: absolute;
border: 1px solid;
border-radius: 50%;
margin: -1px; /* border */
z-index: 2;
}
.widgets-label {
position: absolute;
border: 1px solid;
background-color: rgba(0, 0, 0, 0.7);
color: rgb(255, 255, 255);
padding: 4px;
z-index: 3;
}
`;
}
}