bia-framework/components/odisseia-form/odisseia-form.css

Bia Framework to work with angular 2

/*#endregion */
/*#region Forms */
/*#endregion */
/*#endregion*/
/* ########### core-switch ##############*/
/*core-card*/
/* core-containers */
/* core-bar-menu*/
/*########################### Side Bar Menu #####################*/
/* ###################### MIXINS ##########################*/
/*Core Visibility */
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px */
odisseia-input {
  width: 100%; }

.odisseia-form {
  width: 100%;
  height: inherit; }
  .odisseia-form .input-container {
    min-height: 64px;
    padding: 2px 2px 18px; }
    .odisseia-form .input-container .placeholder {
      min-height: 14px;
      height: 14px;
      color: rgba(0, 0, 0, 0.87);
      font-size: 14px;
      pointer-events: none;
      -webkit-font-smoothing: antialiased;
      padding-left: 2px;
      z-index: 1;
      -webkit-transform: translate3d(0, 30px, 0) scale(1);
      -moz-transform: translate3d(0, 30px, 0) scale(1);
      -ms-transform: translate3d(0, 30px, 0) scale(1);
      -o-transform: translate3d(0, 30px, 0) scale(1);
      transform: translate3d(0, 30px, 0) scale(1);
      -webkit-transform-origin: left top;
      -moz-transform-origin: left top;
      -ms-transform-origin: left top;
      -o-transform-origin: left top;
      transform-origin: left top;
      -moz-transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
      -o-transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
      -webkit-transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
      transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s; }
    .odisseia-form .input-container .input {
      color: rgba(0, 0, 0, 0.87);
      -webkit-font-smoothing: antialiased;
      -moz-appearance: none;
      -webkit-appearance: none;
      background: none;
      padding: 4px 2px 4px 2px;
      border-width: 0 0 1px 0;
      border-color: rgba(0, 0, 0, 0.12);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 16px;
      border-radius: 0;
      font-size: 16px;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      height: 38px;
      min-height: 38px; }
      .odisseia-form .input-container .input[disabled] {
        border-width: 0; }
    .odisseia-form .input-container .validation {
      pointer-events: none;
      padding-left: 2px;
      z-index: 1;
      -webkit-font-smoothing: antialiased; }
    .odisseia-form .input-container.hasValue .placeholder, .odisseia-form .input-container.focused .placeholder {
      -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
      -moz-transform: translate3d(0, 4px, 0) scale(0.75);
      -ms-transform: translate3d(0, 4px, 0) scale(0.75);
      -o-transform: translate3d(0, 4px, 0) scale(0.75);
      transform: translate3d(0, 4px, 0) scale(0.75); }
    .odisseia-form .input-container.hasValue .placeholder {
      color: rgba(0, 0, 0, 0.54); }
    .odisseia-form .input-container.hasError .placeholder {
      color: #ff5499 !important; }
    .odisseia-form .input-container.hasError .input {
      border-color: #ff5499 !important; }
    .odisseia-form .input-container.focused .placeholder {
      color: #8BC34A; }
    .odisseia-form .input-container.focused .input {
      border-width: 0 0 2px 0;
      border-color: #8BC34A; }
  .odisseia-form.no-border:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none; }

:focus {
  outline: transparent none; }

/*# sourceMappingURL=odisseia-form.css.map */