twbs
/
ratchet
зеркало из
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Derping on status bar stuff.

This commit is contained in:
connors 2013-09-17 15:12:25 -07:00
Родитель 5cd55abcd7
Коммит 7f4bad4210
8 изменённых файлов: 33 добавлений и 6 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

13
dist/theme-classic.css поставляемый
Просмотреть файл

@ -8,6 +8,10 @@
* =====================================================
*/
.bar-header-secondary ~ .content {
padding-top: 108px;
}
[class*="bar-"] {
background-color: rgba(30, 176, 233, 0.98);
}
@ -15,6 +19,15 @@
background-color: rgba(245, 245, 245, 0.98);
}
.bar-title {
top: 20px;
box-shadow: 0 -20px 0 rgba(30, 176, 233, 0.98), 0 0 1px rgba(0, 0, 0, 0.85);
}
[class*="bar-"].bar-header-secondary {
top: 64px;
}
.title {
color: #fff;
}

2
examples/app-classic/checkout.html
Просмотреть файл

@ -5,7 +5,7 @@
<title>Movie finder</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/touch-icons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/touch-icons/apple-touch-icon-72x72.png">

2
examples/app-classic/choose-movie.html
Просмотреть файл

@ -5,7 +5,7 @@
<title>Movie finder</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/touch-icons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/touch-icons/apple-touch-icon-72x72.png">

2
examples/app-classic/choose-theater.html
Просмотреть файл

@ -5,7 +5,7 @@
<title>Movie finder</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/touch-icons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/touch-icons/apple-touch-icon-72x72.png">

2
examples/app-classic/index.html
Просмотреть файл

@ -5,7 +5,7 @@
<title>Movie finder</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/touch-icons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/touch-icons/apple-touch-icon-72x72.png">

2
examples/app-classic/settings.html
Просмотреть файл

@ -5,7 +5,7 @@
<title>Movie finder</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/touch-icons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/touch-icons/apple-touch-icon-72x72.png">

2
examples/app-classic/theaters.html
Просмотреть файл

@ -5,7 +5,7 @@
<title>Movie finder</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/touch-icons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/touch-icons/apple-touch-icon-72x72.png">

14
lib/sass/theme-classic.scss
Просмотреть файл

@ -14,6 +14,13 @@ $default-color: rgba(0, 0, 0, .3);
$positive-color: #34ba15;
$negative-color: #e71e1e;
// Global
// --------------------------------------------------
.bar-header-secondary ~ .content {
padding-top: 108px;
}
// Bars
// --------------------------------------------------
@ -25,6 +32,13 @@ $negative-color: #e71e1e;
background-color: rgba(245,245,245,.98);
}
}
.bar-title {
top: 20px;
box-shadow: 0 -20px 0 rgba(30,176,233,.98), 0 0 1px rgba(0, 0, 0, 0.85)
}
[class*="bar-"].bar-header-secondary {
top: 64px;
}
.title {
color: #fff;
}