ff-dashboard/example/index.css

Flimflam dashboard component comprised of a main panel and two side panels

@import '../index.css';
@import '@commitchange/grey-scale-variables';
@import '@commitchange/color-variables';
@import '@commitchange/commons.css';
@import '@commitchange/dashboard-styles';


@media screen and (max-width: 600px) {
  [data-ff-dashboard-main-panel] td:nth-of-type(2), 
  [data-ff-dashboard-main-panel] td:nth-of-type(3) {
    display: none;
  }
}

input[type='checkbox'] + label:hover:before { background: $green-light }

input[type='checkbox']:checked + label:before { background: $green } 

/* unicode character for checkmark  */
input[type='checkbox'] + label:before { content: '\2713' }

button,
a { color: $blue; }

a:hover { color: $blue-dark; }

table {
  font-size: inherit;
  line-height: inherit;
}

button {
  background: white;
  line-height: 1;
}

body { font-family: 'Open Sans', Helvetica, Arial, sans-serif }

.highlight {
  background: $green; 
  color: white;
}