diff src/DML/MainVisBundle/Resources/assets/bem-blocks/notification.less @ 0:493bcb69166c

added public content

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/DML/MainVisBundle/Resources/assets/bem-blocks/notification.less	Tue Feb 09 20:54:02 2016 +0100
@@ -0,0 +1,113 @@
+@import "../config.less";
+
+.notification {
+    position: relative;
+    padding-top: 10px;
+    cursor: default;
+    z-index: @z-index_notifications + 1;
+    
+    
+    &_state_pre-shown {
+    }
+    
+    &_state_shown {
+    }
+    
+    &_state_pre-hidden {
+        
+    }
+
+    &_state_hidden {
+        
+    }
+
+    // ==================================
+    &__body {
+        .font_small();
+        
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        
+        background: #eee;
+        border: 1px solid #ccc;
+        border-top-left-radius: @--border-radius;
+        border-bottom-left-radius: @--border-radius;
+        width: @notification--width;
+        z-index: @z-index_notifications + 2;
+    }
+
+    &_state_shown &__body {
+    }
+
+    // ==================================
+    &__closer {
+        position: absolute;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        width: @notification--closer-width;
+        
+        background: #F5F5F5;
+        color: #ccc;
+        cursor: default;
+        z-index: @z-index_notifications + 3;
+    }
+    &__closer::before {
+        content: "x";
+        display: block;
+        margin-top: 6px;
+        text-align: center;
+    }
+    &__closer:hover {
+        color: #999;
+        background: #fff;
+    }
+    // ttl = time to live
+    &_ttl_5 &__closer::before {content: "5"}
+    &_ttl_4 &__closer::before {content: "4"}
+    &_ttl_3 &__closer::before {content: "3"}
+    &_ttl_2 &__closer::before {content: "2"}
+    &_ttl_1 &__closer::before {content: "1"}
+    &_ttl_0 &__closer::before {content: "0"}
+
+    &_ttl-frozen:hover &__closer::before {
+        content: "x" !important;
+    }
+    
+    // Things look differently for warning messages
+    &_type_warning &__body {
+        background: #FFEED0;
+    }
+    &_type_warning &__closer {
+        background: #FFF8F5;
+    }
+    &_type_warning &__closer:hover {
+        color: #CA9;
+    }
+
+    // Things look differently for error messages
+    &_type_error &__body {
+        background: #FFD5D5;
+    }
+    &_type_error &__closer {
+        background: #FFF5F5;
+    }
+    &_type_error &__closer:hover {
+        color: #C88;
+    }
+    
+    // ==================================
+    &__content {
+        padding: 6px 10px;
+        margin-right: @notification--closer-width;
+    }
+    
+    &_no-padding &__content {
+        padding: 0px;
+    }
+
+    &__content b {
+        font-weight: bold;
+    }
+}
\ No newline at end of file