mirror of
https://gitlab.com/signalytic/client-external/streamline/streamline-emr.git
synced 2026-09-12 19:21:33 +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
60 lines
4.3 KiB
Plaintext
Executable File
60 lines
4.3 KiB
Plaintext
Executable File
// Gradients
|
|
|
|
#gradient {
|
|
|
|
// Horizontal gradient, from left to right
|
|
//
|
|
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
|
// Color stops are not available in IE9 and below.
|
|
.horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
|
|
background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
|
|
background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12
|
|
background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
|
background-repeat: repeat-x;
|
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
|
|
}
|
|
|
|
// Vertical gradient, from top to bottom
|
|
//
|
|
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
|
// Color stops are not available in IE9 and below.
|
|
.vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
|
|
background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
|
|
background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12
|
|
background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
|
background-repeat: repeat-x;
|
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
|
|
}
|
|
|
|
.directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
|
|
background-repeat: repeat-x;
|
|
background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
|
|
background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12
|
|
background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
|
}
|
|
.horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
|
|
background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
|
|
background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
|
|
background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
|
|
background-repeat: no-repeat;
|
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
|
|
}
|
|
.vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
|
|
background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
|
|
background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
|
|
background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
|
|
background-repeat: no-repeat;
|
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
|
|
}
|
|
.radial(@inner-color: #555; @outer-color: #333) {
|
|
background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
|
|
background-image: radial-gradient(circle, @inner-color, @outer-color);
|
|
background-repeat: no-repeat;
|
|
}
|
|
.striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
|
|
background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
|
|
}
|
|
}
|