61 lines
1.2 KiB
CSS
61 lines
1.2 KiB
CSS
/* This file will trigger the browser to reload quickly */
|
|
|
|
/* Component types */
|
|
/* A section is a main component and should be outlined. It may be displayed as block. */
|
|
section.component {
|
|
outline: dashed thin;
|
|
outline-color: var(--default-color-lighter);
|
|
}
|
|
section.component:hover {
|
|
outline: dashed thin;
|
|
outline-color: var(--default-color-light);
|
|
}
|
|
/* A div is a shared component, block, and should not be styled internally */
|
|
div.component {
|
|
outline: dotted thin;
|
|
outline-color: var(--default-color-lighter);
|
|
}
|
|
div.component:hover {
|
|
outline-color: var(--default-color-light);
|
|
}
|
|
/* A span is a shared component, inline, and should not be styled internally */
|
|
span.component {
|
|
outline: dotted thin;
|
|
outline-color: var(--default-color-lighter);
|
|
}
|
|
span.component:hover {
|
|
outline-color: var(--default-color-light);
|
|
}
|
|
|
|
|
|
.main_template_container {
|
|
/*outline: dashed medium green;*/
|
|
}
|
|
|
|
|
|
.main_template_content {
|
|
/*outline: dashed thin red;*/
|
|
|
|
}
|
|
|
|
.qr_scanner_form {
|
|
/*outline: solid thin green;*/
|
|
}
|
|
|
|
.qr_scanner {
|
|
/*outline: solid thin pink;*/
|
|
}
|
|
|
|
|
|
.badge_body {
|
|
/*outline: dotted thin red;*/
|
|
}
|
|
|
|
.badge_person_name {
|
|
/*outline: dashed thin pink;*/
|
|
}
|
|
|
|
.badge_affiliations_location {
|
|
/*outline: dashed thin pink;*/
|
|
}
|