diff --git a/src/sass/common.scss b/src/sass/common.scss index 4c95d52..3da4e93 100644 --- a/src/sass/common.scss +++ b/src/sass/common.scss @@ -10,25 +10,4 @@ @keyframes spin { from { transform: rotate(0deg) } to { transform: rotate(360deg) } -} - -.#{map-get($cssClasses, road)} { - font-size: $font-medium; - font-weight: 500; - color: #000; -} -.#{map-get($cssClasses, city)} { - font-size: $font-small; - font-weight: normal; - color: #000; -} -.#{map-get($cssClasses, country)} { - font-size: $font-small; - font-weight: lighter; - color: #444; -} -.#{map-get($cssClasses, loading)} { - background-image: url('data:image/gif;base64,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'); - background-repeat: no-repeat; - background-position: right center; } \ No newline at end of file diff --git a/src/sass/glass.scss b/src/sass/glass.scss index 496924b..921372d 100644 --- a/src/sass/glass.scss +++ b/src/sass/glass.scss @@ -2,7 +2,7 @@ $control-height: em(35px); $control-expand-width: em(250px); $control-expand-height: em(35px); $input-left: em(40px); -$input-top: em(3px); +$input-top: em(4px); $btn-search-width: em(25px); $btn-search-top: em(2px); $input-width: $control-expand-width - ($btn-search-width / 2); @@ -40,7 +40,7 @@ $result-top: $control-height; top: $input-top; left: $input-left; width: $input-width; - padding: em(5px); + padding: 5px; border: 1px solid #ccc; font-family: inherit; font-size: $font-medium; diff --git a/src/sass/main.scss b/src/sass/main.scss index 69439ad..0438b49 100644 --- a/src/sass/main.scss +++ b/src/sass/main.scss @@ -15,4 +15,20 @@ $input-text: map-get($cssClasses, inputText); @import "glass"; @import "input-text"; @import "common"; +} + +.#{map-get($cssClasses, road)} { + font-size: $font-medium; + font-weight: 500; + color: #000; +} +.#{map-get($cssClasses, city)} { + font-size: $font-small; + font-weight: normal; + color: #000; +} +.#{map-get($cssClasses, country)} { + font-size: $font-small; + font-weight: lighter; + color: #444; } \ No newline at end of file