aboutsummaryrefslogtreecommitdiffstats
path: root/web/cobrands/sass/_mixins.scss
diff options
context:
space:
mode:
Diffstat (limited to 'web/cobrands/sass/_mixins.scss')
-rw-r--r--web/cobrands/sass/_mixins.scss19
1 files changed, 19 insertions, 0 deletions
diff --git a/web/cobrands/sass/_mixins.scss b/web/cobrands/sass/_mixins.scss
index 6d4f523ce..8b6114aec 100644
--- a/web/cobrands/sass/_mixins.scss
+++ b/web/cobrands/sass/_mixins.scss
@@ -158,9 +158,28 @@ $right: right;
flex: $values;
}
+@mixin flex-wrap($wrap) {
+ -webkit-box-wrap: $wrap;
+ -webkit-flex-wrap: $wrap;
+ -ms-flex-wrap: $wrap;
+ flex-wrap: $wrap;
+}
+
@mixin flex-align($alignment) {
-webkit-box-align: $alignment;
-webkit-align-items: $alignment;
-ms-flex-align: $alignment;
align-items: $alignment;
}
+
+@mixin high-dpi-background-image($path) {
+ background-image: url("#{$path}.png");
+
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+ background-image: url("#{$path}@2x.png");
+ }
+
+ @media screen {
+ background-image: url("#{$path}.svg"), none;
+ }
+}