From 5e90153b5164699139f341c48b0558beb5176ee2 Mon Sep 17 00:00:00 2001 From: connors Date: Sat, 19 Oct 2013 20:38:53 -0700 Subject: [PATCH] Fixing basic alert stuff. --- dist/ratchet.css | 21 ++++++++++++++++++++- examples/app-default/index.html | 3 ++- lib/sass/alerts.scss | 17 ++++++++++++++--- 3 files changed, 36 insertions(+), 5 deletions(-) diff --git a/dist/ratchet.css b/dist/ratchet.css index 1a6f38e..540f5bc 100644 --- a/dist/ratchet.css +++ b/dist/ratchet.css @@ -1003,6 +1003,21 @@ input[type="button"] { border-radius: 3px; z-index: 10; } +.alert .close { + position: relative; + top: -2px; + float: right; + cursor: pointer; + -webkit-transition: opacity; + transition: opacity; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; +} +.alert .close:active { + opacity: .6; +} .alert-positive { background-color: rgba(76, 217, 100, 0.97); @@ -1013,7 +1028,11 @@ input[type="button"] { } .alert-inline { - position: static; + position: relative; + top: auto; + bottom: auto; + left: auto; + right: auto; margin: 15px; } diff --git a/examples/app-default/index.html b/examples/app-default/index.html index 8bbdd0f..d149c15 100644 --- a/examples/app-default/index.html +++ b/examples/app-default/index.html @@ -20,6 +20,7 @@
+ This is an alert.
@@ -71,8 +72,8 @@
+ This is an inline alert. -