Packages

exq_ui

0.19.0
0.19.0 0.18.0 0.17.0 0.16.0 0.15.0 0.14.0 0.13.0 0.12.3 0.12.2 0.12.1 0.12.0 0.11.1 0.11.0 0.10.0 0.9.0 0.8.6 0.8.5 0.8.4 0.8.3 0.8.2 0.8.1 0.8.0 0.7.1 0.7.0 0.6.5 0.6.4 0.6.3 0.6.0 0.5.0 0.1.0

Exq UI is the UI component for Exq, a job processing library. Exq UI provides the UI dashboard to display stats on job processing.

HexDocs

Current section

Files

Jump to
Readme
30 Versions
9 Dependencies
0 Dependants
Files
Activity
exq_ui assets css app.scss
Raw

assets/css/app.scss 

$small-font-size: .750em !default;

$font-size-sm: 1rem * .750 !default;



$primary: #B5179E;

$dark: #560BAD;



@import "./bootstrap";



.nounderline {

  text-decoration: none !important

}



svg {

  color: rgba(0,0,0,0.250);

}



.legend {

    display: flex;

    align-items: center;

}



/* LiveView specific classes for your customizations */



.phx-no-feedback.invalid-feedback,

.phx-no-feedback .invalid-feedback {

  display: none;

}



.phx-click-loading {

  opacity: 0.5;

  transition: opacity 1s ease-out;

}



.phx-disconnected {

  cursor: wait;

}

.phx-disconnected * {

  pointer-events: none;

}



.submit-loader {

  position: relative;

  width: 100%;

  height: 2px;

  overflow: hidden;

  display: none;

}



.submit-loader::before {

  content: "";

  position: absolute;

  inset: 0 auto 0 0;

  width: 120px;

  background: $primary;

  animation: submit-loader 1s linear infinite;

}



@keyframes submit-loader {

  0% {

    left: 0;

    transform: translateX(-100%);

  }



  100% {

    left: 100%;

    transform: translateX(0);

  }

}



.phx-submit-loading .submit-loader {

  display: block;

}