plumes
Version:
Flying-fast Metro future vision components
143 lines (142 loc) • 2.86 kB
CSS
.accent {
color: #00BCD4 ;
}
.accent-bg {
background-color: #00BCD4 ;
}
.accent-selection-hover:hover {
background-color: rgba(0, 188, 212, 0.1) ;
}
.accent-selection {
background-color: #00BCD4 ;
color: white ;
}
.accent-selection.accent-selection-hover:hover {
background-color: #00BCD4 ;
}
.accent-highlight {
background: rgba(0, 188, 212, 0.2) ;
}
.accent-highlight:hover {
background: rgba(0, 188, 212, 0.3) ;
}
.accent-borders {
border-color: #00BCD4 ;
}
.accent-border-top {
border-top-color: #00BCD4 ;
}
.accent-border-right {
border-right-color: #00BCD4 ;
}
.accent-border-bottom {
border-bottom-color: #00BCD4 ;
}
.accent-border-left {
border-left-color: #00BCD4 ;
}
.success {
color: #4CAF50 ;
}
.success-bg {
background-color: #4CAF50 ;
}
.success-borders {
border-color: #4CAF50 ;
}
.success-border-top {
border-top-color: #4CAF50 ;
}
.success-border-right {
border-right-color: #4CAF50 ;
}
.success-border-bottom {
border-bottom-color: #4CAF50 ;
}
.success-border-left {
border-left-color: #4CAF50 ;
}
.warning {
color: #ff6600 ;
}
.warning-bg {
background-color: #ff6600 ;
}
.warning-borders {
border-color: #ff6600 ;
}
.warning-border-top {
border-top-color: #ff6600 ;
}
.warning-border-right {
border-right-color: #ff6600 ;
}
.warning-border-bottom {
border-bottom-color: #ff6600 ;
}
.warning-border-left {
border-left-color: #ff6600 ;
}
.error {
color: #F44336 ;
}
.error-bg {
background-color: #F44336 ;
}
.error-borders {
border-color: #F44336 ;
}
.error-border-top {
border-top-color: #F44336 ;
}
.error-border-right {
border-right-color: #F44336 ;
}
.error-border-bottom {
border-bottom-color: #F44336 ;
}
.error-border-left {
border-left-color: #F44336 ;
}
.dark {
color: #333 ;
}
.dark-bg {
background-color: #333 ;
}
.dark-borders {
border-color: #333 ;
}
.dark-border-top {
border-top-color: #333 ;
}
.dark-border-right {
border-right-color: #333 ;
}
.dark-border-bottom {
border-bottom-color: #333 ;
}
.dark-border-left {
border-left-color: #333 ;
}
.light {
color: #fff ;
}
.light-bg {
background-color: #fff ;
}
.light-borders {
border-color: #fff ;
}
.light-border-top {
border-top-color: #fff ;
}
.light-border-right {
border-right-color: #fff ;
}
.light-border-bottom {
border-bottom-color: #fff ;
}
.light-border-left {
border-left-color: #fff ;
}