client/src/sass/application.scss

   1 @import '~primeng/resources/themes/bootstrap/theme.css';
   2 @import '~primeng/resources/primeng.css';
   3 @import '~video.js/dist/video-js.css';
   4 @import './video-js-custom.scss';
   5
   6 [hidden] {
   7   display: none !important;
   8 }
   9
  10 input.readonly {
  11   /* Force blank on readonly inputs */
  12   background-color: #fff !important;
  13 }
  14
  15 .form-control, .btn {
  16   border-radius: 0;
  17 }
  18
  19 .dropdown-menu {
  20   border-radius: 0;
  21 }
  22
  23 .glyphicon-black {
  24   color: black;
  25 }
  26
  27 .main-col {
  28
  29   .content-padding {
  30     padding: 15px 30px;
  31
  32     @media screen and (max-width: 800px) {
  33       padding: 15px 10px;
  34     }
  35
  36     @media screen and (min-width: 1400px) {
  37       padding: 15px 40px;
  38     }
  39
  40     @media screen and (min-width: 1600px) {
  41       padding: 15px 50px;
  42     }
  43
  44     @media screen and (min-width: 1800px) {
  45       padding: 15px 60px;
  46     }
  47   }
  48 }
  49
  50 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
  51 .glyphicon-refresh-animate {
  52   -animation: spin .7s infinite linear;
  53   -ms-animation: spin .7s infinite linear;
  54   -webkit-animation: spinw .7s infinite linear;
  55   -moz-animation: spinm .7s infinite linear;
  56 }
  57
  58 @keyframes spin {
  59   from { transform: scale(1) rotate(0deg);}
  60   to { transform: scale(1) rotate(360deg);}
  61 }
  62
  63 @-webkit-keyframes spinw {
  64   from { -webkit-transform: rotate(0deg);}
  65   to { -webkit-transform: rotate(360deg);}
  66 }
  67
  68 @-moz-keyframes spinm {
  69   from { -moz-transform: rotate(0deg);}
  70   to { -moz-transform: rotate(360deg);}
  71 }
  72
  73 /* ngprime data table customizations */
  74 p-datatable {
  75   .action-cell {
  76     text-align: center;
  77
  78     .glyphicon {
  79       cursor: pointer;
  80     }
  81   }
  82 }