summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less/mixins.less
diff options
context:
space:
mode:
authorAlexandre Flament <alex@al-f.net>2021-06-17 10:46:50 +0200
committerGitHub <noreply@github.com>2021-06-17 10:46:50 +0200
commit92c68fe636ede2b10a2b4d71c559a22969b38f6f (patch)
tree6c41cde5c5d893be1f964a4d7d9c610b82a7360a /searx/static/themes/simple/src/less/mixins.less
parenta447c58218f953ab0d855408fac4b015fd8ea89c (diff)
parentae677cb64b4456ee336bc62484cbf022e9d6493f (diff)
Merge pull request #151 from searxng/mod_oscar
make themes: 2 node_modules directories instead of 3
Diffstat (limited to 'searx/static/themes/simple/src/less/mixins.less')
-rw-r--r--searx/static/themes/simple/src/less/mixins.less62
1 files changed, 62 insertions, 0 deletions
diff --git a/searx/static/themes/simple/src/less/mixins.less b/searx/static/themes/simple/src/less/mixins.less
new file mode 100644
index 000000000..b3aa4e13d
--- /dev/null
+++ b/searx/static/themes/simple/src/less/mixins.less
@@ -0,0 +1,62 @@
+/*
+* searx, A privacy-respecting, hackable metasearch engine
+*/
+
+// Mixins
+.text-size-adjust (@property: 100%) {
+ -webkit-text-size-adjust: @property;
+ -ms-text-size-adjust: @property;
+ -moz-text-size-adjust: @property;
+ text-size-adjust: @property;
+}
+
+.rounded-corners (@radius: 4px) {
+ -webkit-border-radius: @radius;
+ -moz-border-radius: @radius;
+ border-radius: @radius;
+}
+
+// disable user selection
+.disable-user-select () {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+// select all on focus
+.select-all-on-focus() {
+ -webkit-user-select: all;
+ -moz-user-select: all;
+ -ms-user-select: element;
+ user-select: all;
+}
+
+// see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox
+.flexbox() {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.inline-flex() {
+ display: -webkit-inline-box;
+ display: -moz-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+}
+
+.flex-direction-row() {
+ -webkit-box-direction: normal;
+ -webkit-box-orient: horizontal;
+ -moz-box-direction: normal;
+ -moz-box-orient: horizontal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}