summaryrefslogtreecommitdiff
path: root/web-ui/src/common/input_field/input-field.scss
diff options
context:
space:
mode:
authorAnike Arni <aarni@thoughtworks.com>2017-02-23 17:01:58 -0300
committerAnike Arni <aarni@thoughtworks.com>2017-02-23 17:01:58 -0300
commitdb8ded2876a981b259f2ccfc5b07133e6eec666b (patch)
tree6bfc8876148485b8abcf0367e1d2df436802826a /web-ui/src/common/input_field/input-field.scss
parent5fbfde0e465539c5e8a03764a695cc45a85b1ca2 (diff)
[#907] Normalizes scss file names
with @thaissiqueira
Diffstat (limited to 'web-ui/src/common/input_field/input-field.scss')
-rw-r--r--web-ui/src/common/input_field/input-field.scss73
1 files changed, 0 insertions, 73 deletions
diff --git a/web-ui/src/common/input_field/input-field.scss b/web-ui/src/common/input_field/input-field.scss
deleted file mode 100644
index dd8e8927..00000000
--- a/web-ui/src/common/input_field/input-field.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * Copyright (c) 2017 ThoughtWorks, Inc.
- *
- * Pixelated is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * Pixelated is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
- */
-
-@import "~scss/base/colors";
-
-.input-field-group {
- position:relative;
- margin: 1.5em 0;
- width: 100%;
-}
-
-.input-field-label {
- font-size: 0.9em;
- margin-bottom: 10px;
- display: inline-block;
- color:#999;
- position:absolute;
- pointer-events:none;
- left: 6px;
- top:10px;
- transition:0.2s ease all;
-}
-
-.input-field {
- display: block;
- border: none;
- border-bottom: solid 1px $dark_blue;
- width: 100%;
- height: auto;
- padding: 0.3em 0px;
-
- &:focus {
- outline:none;
- border-width: 2px;
- }
-}
-
-.input-field:focus ~ .input-field-label, .input-field:valid ~ .input-field-label {
- top:-12px;
- left: 0;
- font-size:0.7em;
- color: $dark_blue;
-}
-
-@media only screen and (min-width : 500px) {
- .input-field-group {
- width: 70%;
- align-self: center;
- }
-}
-
-@media only screen and (min-width : 960px) {
- .input-field-group {
- width: 300px;
- align-self: flex-start;
- margin-top: 3em;
- font-size: 1em;
- }
-}