Chris@14: /**
Chris@14:  * @file
Chris@14:  * Styling for toolbar warning message.
Chris@14:  */
Chris@14: 
Chris@14: .toolbar-warning {
Chris@18:   overflow: hidden;
Chris@14:   margin: 0.5em 0;
Chris@14:   padding: 0.5em 2em 0.5em 2.3333em;
Chris@18:   text-indent: -1000px;
Chris@14:   background: url(../../../../core/misc/icons/e29700/warning.svg) no-repeat center center transparent;
Chris@14:   background-size: auto 20px;
Chris@14: }
Chris@14: 
Chris@14: .toolbar-warning:hover {
Chris@14:   color: #000;
Chris@14: }
Chris@14: 
Chris@14: @media only screen and (min-width: 40em) {
Chris@14:   .toolbar-warning {
Chris@18:     padding-right: 1em; /* LTR */
Chris@18:     text-decoration: none;
Chris@18:     text-indent: 0;
Chris@18:     color: #000;
Chris@18:     border-color: #f4daa6;
Chris@14:     border-radius: 4px;
Chris@14:     background-color: #fdf8ed;
Chris@18:     background-position: 0.5em center; /* LTR */
Chris@14:     background-size: auto 18px;
Chris@14:     font-weight: bold;
Chris@18:   }
Chris@18:   [dir="rtl"] .toolbar-warning {
Chris@18:     padding-right: 2em;
Chris@18:     padding-left: 1em;
Chris@18:     background-position: right 0.5em center;
Chris@14:   }
Chris@14: }