mirror of
https://gitlab.com/signalytic/client-external/streamline/streamline-emr.git
synced 2026-09-12 11:11:31 +00:00
alec.turner
a424394109
The official image from streamline does not currently work for the arm64 platform. As a temporary measure, the source code and docker build scripts have been lifted from the official images and are used to build locally. Some additional modifications are made to reduce overall image size, these are documented in docker/README.md
131 lines
3.1 KiB
Plaintext
Executable File
131 lines
3.1 KiB
Plaintext
Executable File
//
|
|
// List groups
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Base class
|
|
//
|
|
// Easily usable on <ul>, <ol>, or <div>.
|
|
|
|
.list-group {
|
|
// No need to set list-style: none; since .list-group-item is block level
|
|
margin-bottom: 20px;
|
|
padding-left: 0; // reset padding because ul and ol
|
|
}
|
|
|
|
|
|
// Individual list items
|
|
//
|
|
// Use on `li`s or `div`s within the `.list-group` parent.
|
|
|
|
.list-group-item {
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 15px;
|
|
// Place the border on the list items and negative margin up for better styling
|
|
margin-bottom: -1px;
|
|
background-color: @list-group-bg;
|
|
border: 1px solid @list-group-border;
|
|
|
|
// Round the first and last items
|
|
&:first-child {
|
|
.border-top-radius(@list-group-border-radius);
|
|
}
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
.border-bottom-radius(@list-group-border-radius);
|
|
}
|
|
}
|
|
|
|
|
|
// Interactive list items
|
|
//
|
|
// Use anchor or button elements instead of `li`s or `div`s to create interactive items.
|
|
// Includes an extra `.active` modifier class for showing selected items.
|
|
|
|
a.list-group-item,
|
|
button.list-group-item {
|
|
color: @list-group-link-color;
|
|
|
|
.list-group-item-heading {
|
|
color: @list-group-link-heading-color;
|
|
}
|
|
|
|
// Hover state
|
|
&:hover,
|
|
&:focus {
|
|
text-decoration: none;
|
|
color: @list-group-link-hover-color;
|
|
background-color: @list-group-hover-bg;
|
|
}
|
|
}
|
|
|
|
button.list-group-item {
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
|
|
.list-group-item {
|
|
// Disabled state
|
|
&.disabled,
|
|
&.disabled:hover,
|
|
&.disabled:focus {
|
|
background-color: @list-group-disabled-bg;
|
|
color: @list-group-disabled-color;
|
|
cursor: @cursor-disabled;
|
|
|
|
// Force color to inherit for custom content
|
|
.list-group-item-heading {
|
|
color: inherit;
|
|
}
|
|
.list-group-item-text {
|
|
color: @list-group-disabled-text-color;
|
|
}
|
|
}
|
|
|
|
// Active class on item itself, not parent
|
|
&.active,
|
|
&.active:hover,
|
|
&.active:focus {
|
|
z-index: 2; // Place active items above their siblings for proper border styling
|
|
color: @list-group-active-color;
|
|
background-color: @list-group-active-bg;
|
|
border-color: @list-group-active-border;
|
|
|
|
// Force color to inherit for custom content
|
|
.list-group-item-heading,
|
|
.list-group-item-heading > small,
|
|
.list-group-item-heading > .small {
|
|
color: inherit;
|
|
}
|
|
.list-group-item-text {
|
|
color: @list-group-active-text-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// Contextual variants
|
|
//
|
|
// Add modifier classes to change text and background color on individual items.
|
|
// Organizationally, this must come after the `:hover` states.
|
|
|
|
.list-group-item-variant(success; @state-success-bg; @state-success-text);
|
|
.list-group-item-variant(info; @state-info-bg; @state-info-text);
|
|
.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
|
|
.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
|
|
|
|
|
|
// Custom content options
|
|
//
|
|
// Extra classes for creating well-formatted content within `.list-group-item`s.
|
|
|
|
.list-group-item-heading {
|
|
margin-top: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
.list-group-item-text {
|
|
margin-bottom: 0;
|
|
line-height: 1.3;
|
|
}
|