Skip to content

Instantly share code, notes, and snippets.

@janjongboom
Created August 20, 2013 15:14
Show Gist options
  • Save janjongboom/6282785 to your computer and use it in GitHub Desktop.
Save janjongboom/6282785 to your computer and use it in GitHub Desktop.
Gaia back button experiment
diff --git a/shared/style/headers.css b/shared/style/headers.css
index 896b254..7c40d68 100644
--- a/shared/style/headers.css
+++ b/shared/style/headers.css
@@ -31,7 +31,6 @@ section[role="region"] > header:first-child h1 {
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
- display: block;
overflow: hidden;
margin: 0 0 0 3rem;
padding-right: 1rem;
@@ -148,12 +147,11 @@ section[role="region"] > header:first-child button:focus {
border: none !important;
}
-section[role="region"] > header:first-child a:not([aria-disabled="true"]):active .icon:after,
-section[role="region"] > header:first-child button:not(:disabled):active .icon:after,
+section[role="region"] > header:first-child a:not([aria-disabled="true"]):active,
+section[role="region"] > header:first-child button:not(:disabled):active,
section[role="region"] > header:first-child menu[type="toolbar"] a:not([aria-disabled="true"]):active,
section[role="region"] > header:first-child menu[type="toolbar"] button:not(:disabled):active {
- background: #008aaa !important;
- transition: background 0.2s ease;
+ background: #008aaa;
}
/* Disabled state */
@@ -221,9 +219,8 @@ section[role="region"] > header:first-child > button,
section[role="region"] > header:first-child > a {
position: absolute;
left: 0;
- width: 5rem;
+ width: 10rem;
height: 5rem;
- background: url(headers/images/ui/separator-large.png) no-repeat 2rem top / 0.2rem 5rem;
overflow: hidden;
}
@@ -252,7 +249,6 @@ section[role="region"] > header:first-child > a .icon:after {
z-index: -1;
width: 2rem;
height: 4.9rem;
- background-color: #a03f25;
}
section[role="region"] > header > a .icon.icon-menu,
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment