modo-mobile
Version:
A mobile UI toolkit, based on React
50 lines (49 loc) • 1.02 kB
CSS
.m-notice-bar {
position: relative;
color: #fff;
height: 36px;
line-height: 36px;
background-color: #4a4c5b;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 12px;
}
.m-notice-bar-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: auto 10px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-notice-bar-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: 10px;
}
.m-notice-bar-icon + div {
margin-left: 10px;
}
.m-notice-bar-close-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 10px;
color: #fff;
}