diff options
author | Allan Wang <me@allanwang.ca> | 2019-04-26 23:48:19 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-04-26 23:48:19 -0700 |
commit | 5139111a7f1f4b18e993b23d2a0b7bb5a260e905 (patch) | |
tree | b1007ac60f7f188b24999f756271430e341b7f37 /app/src/web/scss/core/_base.scss | |
parent | 4e1a32bf33f7ee8cf9a125440ed11db61f884a88 (diff) | |
download | frost-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.scss | 107 |
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, '"', """); + $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; +} |