Skip to content

Instantly share code, notes, and snippets.

@afirdousi

afirdousi/my-custom-input.component.css

Created June 27, 2017 23:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save afirdousi/0f75426ab0e1ab058f1b051cc41b29f1 to your computer and use it in GitHub Desktop.
Save afirdousi/0f75426ab0e1ab058f1b051cc41b29f1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
my-custom-input.component.css
:host {
padding:10px;
border: 1px solid #d3d3d3;
}
:host(.input-focus){
outline:none;
border:1px solid #4d90fe;
-webkit-box-shadow:0 0 5px #4d90fe;
box-shadow:0 0 5px #4d90fe;
}
div {
display:inline-block;
}
:host /deep/ input {
border:none;
outline:none;
height:100%;
box-sizing:border-box;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment