Summary Files Commits Branches @commit @diff @stats
path: root / src / _autocomplete.scss
diff options
context:
space:
mode:
Commite78b3c34348f26d40a813612c5a3786f1c56607a (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-08-29 18:07:53 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-08-29 18:07:53 +0800
Filesf857491026c5f728fe95fe1564ec30c931a1b30a /src/_autocomplete.scss
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.tar
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.tar.gz
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.zip
Parent66c492fd05c2d720c81e2be8d6845560b868e7ff (diff)
Initial SASS build
1 files changed, 41 insertions, 0 deletions
-rw-r--r--src/_autocomplete.scss41
diff --git a/src/_autocomplete.scss b/src/_autocomplete.scss
new file mode 100644
index 0000000..24c3e45
--- /dev/null
+++ b/src/_autocomplete.scss
@@ -0,0 +1,41 @@
+// Autocomplete
+.form-autocomplete {
+ position: relative;
+
+ .form-autocomplete-input {
+ align-content: flex-start;
+ display: flex;
+ flex-wrap: wrap;
+ height: auto;
+ min-height: $unit-8;
+ padding: $unit-h;
+
+ &.is-focused {
+ border-color: $primary-color;
+ @include control-shadow();
+ }
+
+ .form-input {
+ border-color: transparent;
+ box-shadow: none;
+ display: inline-block;
+ flex: 1 0 auto;
+ height: $unit-6;
+ line-height: $unit-4;
+ margin: $unit-h;
+ width: auto;
+ }
+ }
+
+ mark {
+ font-size: 1;
+ padding: .1em 0;
+ }
+
+ .menu {
+ left: 0;
+ position: absolute;
+ top: 100%;
+ width: 100%;
+ }
+}