ecomp-portal-FE/client/bower_components/angular-material/modules/js/radioButton/radioButton.css

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v0.9.8
   6  */
   7 /* mixin definition ; sets LTR and RTL within the same style call */
   8 md-radio-button, .md-switch-thumb {
   9   box-sizing: border-box;
  10   display: block;
  11   margin: 15px;
  12   white-space: nowrap;
  13   cursor: pointer; }
  14   md-radio-button *, md-radio-button *:before, md-radio-button *:after, .md-switch-thumb *, .md-switch-thumb *:before, .md-switch-thumb *:after {
  15     box-sizing: border-box; }
  16   md-radio-button input, .md-switch-thumb input {
  17     display: none; }
  18   md-radio-button .md-container, .md-switch-thumb .md-container {
  19     position: relative;
  20     top: 4px;
  21     display: inline-block;
  22     width: 16px;
  23     height: 16px;
  24     cursor: pointer; }
  25     md-radio-button .md-container .md-ripple-container, .md-switch-thumb .md-container .md-ripple-container {
  26       position: absolute;
  27       display: block;
  28       width: 48px;
  29       height: 48px;
  30       left: -16px;
  31       top: -16px; }
  32     md-radio-button .md-container:before, .md-switch-thumb .md-container:before {
  33       background-color: transparent;
  34       border-radius: 50%;
  35       content: '';
  36       position: absolute;
  37       display: block;
  38       height: auto;
  39       left: 0;
  40       top: 0;
  41       right: 0;
  42       bottom: 0;
  43       transition: all 0.5s;
  44       width: auto; }
  45   md-radio-button .md-off, .md-switch-thumb .md-off {
  46     position: absolute;
  47     top: 0;
  48     left: 0;
  49     width: 16px;
  50     height: 16px;
  51     border: solid 2px;
  52     border-radius: 50%;
  53     transition: border-color ease 0.28s; }
  54   md-radio-button .md-on, .md-switch-thumb .md-on {
  55     position: absolute;
  56     top: 0;
  57     left: 0;
  58     width: 16px;
  59     height: 16px;
  60     border-radius: 50%;
  61     transition: -webkit-transform ease 0.28s;
  62     transition: transform ease 0.28s;
  63     -webkit-transform: scale(0);
  64             transform: scale(0); }
  65   md-radio-button.md-checked .md-on, .md-switch-thumb.md-checked .md-on {
  66     -webkit-transform: scale(0.5);
  67             transform: scale(0.5); }
  68   md-radio-button .md-label, .md-switch-thumb .md-label {
  69     position: relative;
  70     display: inline-block;
  71     margin-left: 10px;
  72     margin-right: 10px;
  73     vertical-align: middle;
  74     white-space: normal;
  75     pointer-events: none;
  76     width: auto; }
  77   md-radio-button .circle, .md-switch-thumb .circle {
  78     border-radius: 50%; }
  79
  80 md-radio-group:focus {
  81   outline: none; }
  82 md-radio-group.md-focused .md-checked .md-container:before {
  83   left: -8px;
  84   top: -8px;
  85   right: -8px;
  86   bottom: -8px; }
  87
  88 @media screen and (-ms-high-contrast: active) {
  89   md-radio-button.md-default-theme .md-on {
  90     background-color: #fff; } }