messages.css in AT Tools 8.3
@charset "UTF-8";
/**
* Messages
* Style system messages such as status, warning and error.
* Colors are kept here, we don't want these to shift in color module.
============================================================================ */
.messages {
word-wrap: break-word;
overflow-wrap: break-word;
padding: 1.25em;
margin: 1.25em 0;
border: 1px solid;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.messages + .messages {
margin-top: 20px;
margin-top: 1.5rem;
}
.messages .container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.messages__list {
list-style: none;
overflow: hidden;
padding: 0;
margin: 0;
}
.messages__list + .messages__item {
margin-top: 1.5rem;
}
.messages__list .item-list ul {
margin: 1.25rem 0;
}
.messages__list .item-list ul li {
list-style: square;
}
.messages--status,
table tr.ok {
background-color: #f3faef;
}
.messages--status,
.ok {
color: #325e1c;
border-color: #c9e1bd;
}
.messages--warning,
table tr.warning {
background-color: #fdf8ed;
}
.messages--warning,
.warning {
color: #734c00;
border-color: #f4daa6;
}
.messages--error,
table tr.error {
background-color: #fcf4f2;
}
.messages--error,
.error {
color: #a51b00;
border-color: #f9c9bf;
}
.messages--status,
.messages--warning,
.messages--error {
background-image: none;
}
[dir="rtl"] .messages {
text-align: right;
}
.messages .icon:before {
font-family: FontAwesome, sans-serif;
float: left;
vertical-align: top;
padding: 0 0.75rem 0 0;
display: none;
}
.fa-loaded .messages .icon:before {
display: block;
}
[dir="rtl"] .messages .icon:before {
padding: 0 0 0 0.75rem;
float: right;
}
.icon-status:before {
content: "";
}
.icon-warning:before {
content: "";
}
.icon-error:before {
content: "";
}
/*# sourceMappingURL=messages.css.map */
File
at_theme_generator/starterkits/starterkit/styles/css/components/messages.css
View source
- @charset "UTF-8";
- /**
- * Messages
- * Style system messages such as status, warning and error.
- * Colors are kept here, we don't want these to shift in color module.
- ============================================================================ */
- .messages {
- word-wrap: break-word;
- overflow-wrap: break-word;
- padding: 1.25em;
- margin: 1.25em 0;
- border: 1px solid;
- border-radius: 2px;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
-
- .messages + .messages {
- margin-top: 20px;
- margin-top: 1.5rem;
- }
-
- .messages .container {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- }
-
- .messages__list {
- list-style: none;
- overflow: hidden;
- padding: 0;
- margin: 0;
- }
-
- .messages__list + .messages__item {
- margin-top: 1.5rem;
- }
-
- .messages__list .item-list ul {
- margin: 1.25rem 0;
- }
-
- .messages__list .item-list ul li {
- list-style: square;
- }
-
- .messages--status,
- table tr.ok {
- background-color: #f3faef;
- }
-
- .messages--status,
- .ok {
- color: #325e1c;
- border-color: #c9e1bd;
- }
-
- .messages--warning,
- table tr.warning {
- background-color: #fdf8ed;
- }
-
- .messages--warning,
- .warning {
- color: #734c00;
- border-color: #f4daa6;
- }
-
- .messages--error,
- table tr.error {
- background-color: #fcf4f2;
- }
-
- .messages--error,
- .error {
- color: #a51b00;
- border-color: #f9c9bf;
- }
-
- .messages--status,
- .messages--warning,
- .messages--error {
- background-image: none;
- }
-
- [dir="rtl"] .messages {
- text-align: right;
- }
-
- .messages .icon:before {
- font-family: FontAwesome, sans-serif;
- float: left;
- vertical-align: top;
- padding: 0 0.75rem 0 0;
- display: none;
- }
-
- .fa-loaded .messages .icon:before {
- display: block;
- }
-
- [dir="rtl"] .messages .icon:before {
- padding: 0 0 0 0.75rem;
- float: right;
- }
-
- .icon-status:before {
- content: "";
- }
-
- .icon-warning:before {
- content: "";
- }
-
- .icon-error:before {
- content: "";
- }
- /*# sourceMappingURL=messages.css.map */