variables.less

// variables
@color-gray: darkgrey;
@color-pink : pink;
@color-river:#3498db;
@color-belize: #2980b9;

@midnight-blue: #2c3e50;
@turquoise: #1abc9c;
@river: #3498db;
@amethyste: #9b59b6;
@orange: #f39c12;
@silver: #bdc3c7; 
@cloud: #ecf0f1;
@primary-color: @midnight-blue;

@text-light: @cloud;
@text-dark: @midnight-blue;

// layout
@ten: 10px;
@twenty: 20px;
@padding: @twenty;


.button-shared {
  color: #ccc;
  border-radius: 4px;
  padding: 10px 20px;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}