
// Colors
$blue: #4DB3CF
$dark-blue: #017499
$red: #dd3939
$red-light: mix(lighten($red,30),white)
$green: #95b926
$orange: #ec9a0a
$light-grey: lighten(black,95)
$medium-grey: #a2a2a2
$dark-grey: #2b3f44
$table-bg: #f9f9f9
$link-grey: #6f6f6f

// borders
$border: lighten(black,90)
$border-light: rgba(white, .1)
$border-dark: rgba(black, .1)

// Sizes
$padding: 2rem
$padding-em: 2em
$br: 4px

// Screen
$small: 400px
$medium: 800px
$large: 1200px
$container-width: 50rem
$container-width-em: 50em

// Fonts
$font: Helvetica, sans-serif
$f-small: 13px
$f-normal: 15px
$f-large: 18px


// Colors
$blue: #4DB3CF
$dark-blue: #017499
$red: #dd3939
$red-light: mix(lighten($red,30),white)
$green: #95b926
$orange: #ec9a0a
$light-grey: lighten(black,95)
$medium-grey: #a2a2a2
$dark-grey: #2b3f44
$table-bg: #f4f4f4
$link-grey: #6f6f6f

// borders
$border: lighten(black,90)
$border-light: rgba(white, .1)
$border-dark: rgba(black, .1)

// Sizes
$padding: 2rem
$padding-em: 2em
$br: 4px

// Screen
$small: 400px
$medium: 800px
$large: 1200px
$container-width: 50rem
$container-width-em: 50em

// Fonts
$font: Helvetica, sans-serif
$f-small: 13px
$f-normal: 15px
$f-large: 18px

Make attribute table background slightly darker
Make attribute table background slightly darker
