duplicati.github.io/_sass/_notices.scss

/* ==========================================================================
   Notices
   ========================================================================== */

/*
   Default notice .notice
   ========================================================================== */

@mixin notice($notice-color) {
	position: relative;
	padding: 1.5em;
	font-family: $alt-font;
	@include font-size(14,39);
	color: $white;
	background-color: $notice-color;
	border-radius: $border-radius;
	a {
		color: $white;
		border-bottom: 1px dotted $white;
	}
}
.notice {
	@include notice($primary-color);
}

/*
   Inverse notice .notice-inverse
   ========================================================================== */

.notice-inverse {
	@include notice($white);
	color: $text-color;
	a {
		color: $text-color;
	}
}

/*
   Info notice .notice-info
   ========================================================================== */

.notice-info {
	@include notice($info-color);
}

/*
   Warning notice .notice-warning
   ========================================================================== */

.notice-warning {
	@include notice($warning-color);
}

/*
   Success notice .notice-success
   ========================================================================== */

.notice-success {
	@include notice($success-color);
}

/*
   Danger notice .notice-danger
   ========================================================================== */

.notice-danger {
	@include notice($danger-color);
}

/*
   Browser upgrade notice
   ========================================================================== */

.upgrade {
  text-align: center;
  a {
    text-decoration: none;
  }
}