aboutsummaryrefslogtreecommitdiff
path: root/app/src/web/scss/core/_base.scss
diff options
context:
space:
mode:
authorAllan Wang <me@allanwang.ca>2019-04-26 23:48:19 -0700
committerGitHub <noreply@github.com>2019-04-26 23:48:19 -0700
commit5139111a7f1f4b18e993b23d2a0b7bb5a260e905 (patch)
treeb1007ac60f7f188b24999f756271430e341b7f37 /app/src/web/scss/core/_base.scss
parent4e1a32bf33f7ee8cf9a125440ed11db61f884a88 (diff)
downloadfrost-5139111a7f1f4b18e993b23d2a0b7bb5a260e905.tar.gz
frost-5139111a7f1f4b18e993b23d2a0b7bb5a260e905.tar.bz2
frost-5139111a7f1f4b18e993b23d2a0b7bb5a260e905.zip
Docker (#1411)
* Add initial docker test * Depend on java only * Remove android part * Move build stuff to docker * Use shorter docker file * Quiet docker build * Move quiet flag forward * Export android home * Echo versions * Try generic lang * Copy project * Group sdk manager runs * Reorder sdkmanager * Gitignore generated files * Copy apk output out of docker * Fail if no apks found * Install packages * Add caching * Name container * Update caching * Add package lock file * Update folder path * Switch home dir * Copy folder contents * Disable caching * Add back gradle caching * Remove original files from asset folder * Try generic docker * Delete extra loader * Try java * Try android * Use java * Restrict caching
Diffstat (limited to 'app/src/web/scss/core/_base.scss')
-rw-r--r--app/src/web/scss/core/_base.scss107
1 files changed, 107 insertions, 0 deletions
diff --git a/app/src/web/scss/core/_base.scss b/app/src/web/scss/core/_base.scss
new file mode 100644
index 00000000..472319fe
--- /dev/null
+++ b/app/src/web/scss/core/_base.scss
@@ -0,0 +1,107 @@
+@mixin placeholder {
+ ::-webkit-input-placeholder {
+ @content;
+ }
+
+ :-moz-placeholder {
+ @content;
+ }
+
+ ::-moz-placeholder {
+ @content;
+ }
+
+ :-ms-input-placeholder {
+ @content;
+ }
+}
+
+@mixin keyframes($name) {
+ @-webkit-keyframes #{$name} {
+ @content;
+ }
+
+ @-moz-keyframes #{$name} {
+ @content;
+ }
+
+ //@-ms-keyframes #{$name} {
+ // @content;
+ //}
+
+ @keyframes #{$name} {
+ @content;
+ }
+}
+
+// Helper function to replace characters in a string
+@function str-replace($string, $search, $replace: "") {
+ $index: str-index($string, $search);
+
+ @return if($index, str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace), $string);
+}
+
+// https://css-tricks.com/probably-dont-base64-svg/
+// SVG optimization thanks to https://codepen.io/jakob-e/pen/doMoML
+// Function to create an optimized svg url
+// Version: 1.0.6
+@function svg-url($svg) {
+ //
+ // Add missing namespace
+ //
+ @if not str-index($svg, xmlns) {
+ $svg: str-replace($svg, "<svg", '<svg xmlns="http://www.w3.org/2000/svg"');
+ }
+
+ //
+ // Chunk up string in order to avoid
+ // "stack level too deep" error
+ //
+ $encoded: "";
+ $slice: 2000;
+ $index: 0;
+ $loops: ceil(str-length($svg) / $slice);
+
+ @for $i from 1 through $loops {
+ $chunk: str-slice($svg, $index, $index + $slice - 1);
+
+ //
+ // Encode
+ //
+ //$chunk: str-replace($chunk, '"', "&quot;");
+ $chunk: str-replace($chunk, "%", "%25");
+ $chunk: str-replace($chunk, "#", "%23");
+ $chunk: str-replace($chunk, "{", "%7B");
+ $chunk: str-replace($chunk, "}", "%7D");
+ $chunk: str-replace($chunk, "<", "%3C");
+ $chunk: str-replace($chunk, ">", "%3E");
+
+ //
+ // The maybe list
+ //
+ // Keep size and compile time down
+ // ... only add on documented fail
+ //
+ // $chunk: str-replace($chunk, '&', '%26');
+ // $chunk: str-replace($chunk, '|', '%7C');
+ // $chunk: str-replace($chunk, '[', '%5B');
+ // $chunk: str-replace($chunk, ']', '%5D');
+ // $chunk: str-replace($chunk, '^', '%5E');
+ // $chunk: str-replace($chunk, '`', '%60');
+ // $chunk: str-replace($chunk, ';', '%3B');
+ // $chunk: str-replace($chunk, '?', '%3F');
+ // $chunk: str-replace($chunk, ':', '%3A');
+ // $chunk: str-replace($chunk, '@', '%40');
+ // $chunk: str-replace($chunk, '=', '%3D');
+
+ $encoded: #{$encoded}#{$chunk};
+ $index: $index + $slice;
+ }
+
+ @return url("data:image/svg+xml,#{$encoded}");
+}
+
+// Background svg mixin
+@mixin background-svg($svg, $extra: "no-repeat") {
+ background: svg-url($svg) unquote($extra) !important;
+}