diff --git a/foundations.html b/foundations.html index f1c5bc2..488b43f 100644 --- a/foundations.html +++ b/foundations.html @@ -148,6 +148,8 @@ options-row-mode-toggle-width7remBreite des Modus-Schiebers in der Options Row. options-row-help-panel-width16remBreite des Help-Panels in der Options Row. card-list-drawer-width40%Relative Breite des ausziehbaren Card-Listenbereichs. + notifications-text-segment-fixed-height150pxDesktop-Höhe des ersten Text-Segments im Standard-Pattern Notifications. + notifications-text-segment-fixed-height-small80pxDesktop-Höhe des ersten Text-Segments in der Variante Pattern Notifications small. diff --git a/patterns/notifications.html b/patterns/notifications.html index 393344b..25e8d22 100644 --- a/patterns/notifications.html +++ b/patterns/notifications.html @@ -60,6 +60,56 @@ +
+

Pattern: Notifications small

+ +
+ +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit posuere, posuere mauris eu, tincidunt lorem. Proin gravida sapien in mattis molestie. Sed non risus augue. Fusce sed odio vitae purus porta efficitur. Integer tempor congue sem, a convallis lorem ornare eget. Nam. Aenean. +

+
+ +
+ +
+
+ +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit posuere, posuere mauris eu, tincidunt lorem. Proin gravida sapien in mattis molestie. Sed non risus augue. Fusce sed odio vitae purus porta efficitur. Integer tempor congue sem, a convallis lorem ornare eget. Nam. Aenean. +

+
+ +
+ +
+
+ +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit posuere, posuere mauris eu, tincidunt lorem. Proin gravida sapien in mattis molestie. Sed non risus augue. Fusce sed odio vitae purus porta efficitur. Integer tempor congue sem, a convallis lorem ornare eget. Nam. Aenean. +

+
+ +
+ +
+
+ +
+
+