@c8y/style
Version:
Styles for Cumulocity IoT applications
60 lines (51 loc) • 1 kB
text/less
.c8y-browser-mock {
.browser-container {
border: 0;
}
.browser-row {
position: relative;
padding: 10px;
background: inherit;
}
/* Create three unequal columns that floats next to each other */
.column {
float: left;
}
.buttons {
width: 60px;
.dot {
display: inline-block;
margin-top: 4px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: @gray-70;
}
}
.tab {
position: absolute;
top: 2px;
left: 80px;
padding: 10px;
width: 20%;
border: 1px solid @component-border-color;
border-bottom: 0;
border-radius: 5px 5px 0 0;
background-color: @component-background-default;
color: @gray-40;
img {
float: left;
margin: 1px 6px 1px 2px;
width: 16px;
height: 16px;
}
}
.browser-content {
margin: 0;
border-top: 1px solid @component-border-color;
}
iframe {
height: calc(100vh - 337px);
border: 0;
}
}