ui/semantic/galette/collections/form.overrides

   1 /*******************************
   2          Galette Overrides
   3 *******************************/
   4
   5 /*-------------------------------------
   6     Style for "codeeditor" textareas
   7     and text inputs
   8 --------------------------------------*/
   9
  10 .ui.form input[type="text"].codeeditor,
  11 .ui.input textarea.codeeditor,
  12 .ui.form textarea.codeeditor {
  13   font-family: monospace;
  14 }
  15
  16 /*--------------------
  17     Gaptcha Input
  18 ---------------------*/
  19 .ui.form input[type="gaptcha"] {
  20   width: 100px;
  21   vertical-align: top;
  22 }
  23
  24 .ui.form input[type="gaptcha"] {
  25   font-family: @inputFont;
  26   margin: 0;
  27   outline: none;
  28   -webkit-appearance: none;
  29   -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
  30
  31   line-height: @inputLineHeight;
  32   padding: @inputPadding;
  33   font-size: @inputFontSize;
  34
  35   background: @inputBackground;
  36   border: @inputBorder;
  37   color: @inputColor;
  38   border-radius: @inputBorderRadius;
  39   box-shadow: @inputBoxShadow;
  40   transition: @inputTransition;
  41 }
  42
  43 /*--------------------
  44       Fields
  45 ---------------------*/
  46 .ui .fields:first-child:last-child {
  47   margin-bottom: 0;
  48 }
  49
  50 /*-------------------------
  51       Filters' fields
  52 --------------------------*/
  53 .filters .fields .fields {
  54   margin: 0;
  55 }
  56
  57 .filters .fields .field.flexend {
  58   display: flex;
  59   align-items: flex-end;
  60 }
  61
  62 /*--------------------------
  63       Free search fields
  64 ---------------------------*/
  65 .ui.form .data.inline.fields {
  66   margin-bottom: 0;
  67 }