Sha256: 3bf79a6918b61680401fb0f372e146f263492dc380ce751fe531d151bb6d4730
Contents?: true
Size: 1.03 KB
Versions: 4
Compression:
Stored size: 1.03 KB
Contents
//
// Modals
//
// Uses Bootstrap React modals
//
//
// Hacks for Boostrap
// Because you can't add a class to specific elements
//
.rf-modal {
.modal-content {
border-width: 0;
box-shadow: none;
height: 100%;
width: 100%;
}
.modal-footer,
.modal-header {
border-width: 0;
padding: 0;
}
}
//
// Modal
//
.rf-modal {
background-color: $white;
border: $border-default;
border-radius: $border-radius;
box-shadow: 0 0 50px $metal;
color: $slate;
font-size: 14px;
max-width: 500px;
padding: 50px;
width: 100%;
}
.rf-modal__header,
.rf-modal__footer {
text-align: center;
}
.rf-modal__header .rf-icon {
margin-bottom: 16px;
}
.rf-modal__body {
color: $slate;
font-size: 14px;
line-height: 20px;
padding: 30px 0;
}
//
// Types
//
.rf-modal--info {
.rf-modal__header .rf-icon {
@extend %rf-icon--info;
}
}
.rf-modal--warning {
.rf-modal__header .rf-icon {
@extend %rf-icon--warning;
}
}
.rf-modal--error {
.rf-modal__header .rf-icon {
@extend %rf-icon--error;
}
}
Version data entries
4 entries across 4 versions & 1 rubygems