twerkin
This commit is contained in:
Родитель
3fbee92b19
Коммит
1cb9ce0aaa
|
@ -10,12 +10,12 @@
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
background: #111111;
|
background: #111111;
|
||||||
background: -moz-linear-gradient(top, #111111 0%, #222222 100%);
|
background: -moz-linear-gradient(top, #111111 0%, #2b2b2b 100%);
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #222222));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #2b2b2b));
|
||||||
background: -webkit-linear-gradient(top, #111111 0%, #222222 100%);
|
background: -webkit-linear-gradient(top, #111111 0%, #2b2b2b 100%);
|
||||||
background: -o-linear-gradient(top, #111111 0%, #222222 100%);
|
background: -o-linear-gradient(top, #111111 0%, #2b2b2b 100%);
|
||||||
background: -ms-linear-gradient(top, #111111 0%, #222222 100%);
|
background: -ms-linear-gradient(top, #111111 0%, #2b2b2b 100%);
|
||||||
background: linear-gradient(to bottom, #111111 0%, #222222 100%);
|
background: linear-gradient(to bottom, #111111 0%, #2b2b2b 100%);
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-form', endColorstr='$color-to',GradientType=0 );
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-form', endColorstr='$color-to',GradientType=0 );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -24,10 +24,20 @@
|
||||||
background-color: #111111;
|
background-color: #111111;
|
||||||
border-bottom: 1px solid #565656;
|
border-bottom: 1px solid #565656;
|
||||||
}
|
}
|
||||||
|
[class*="bar-"].bar-header-secondary {
|
||||||
|
top: 51px;
|
||||||
|
}
|
||||||
|
[class*="bar-"].bar-footer-secondary {
|
||||||
|
bottom: 51px;
|
||||||
|
}
|
||||||
|
[class*="bar-"].bar-footer-secondary-tab {
|
||||||
|
bottom: 71px;
|
||||||
|
}
|
||||||
|
|
||||||
.bar-tab {
|
.bar-tab {
|
||||||
height: 70px;
|
height: 70px;
|
||||||
border-top: 1px solid #565656;
|
border-top: 1px solid #565656;
|
||||||
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
@ -38,7 +48,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.popover .bar-nav {
|
.popover .bar-nav {
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
|
border-bottom: 1px solid #565656;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-view .table-view-cell {
|
.table-view .table-view-cell {
|
||||||
|
|
|
@ -18,6 +18,15 @@
|
||||||
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
|
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
|
||||||
box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
|
||||||
}
|
}
|
||||||
|
[class*="bar-"].bar-header-secondary {
|
||||||
|
top: 44px;
|
||||||
|
}
|
||||||
|
[class*="bar-"].bar-footer-secondary {
|
||||||
|
bottom: 44px;
|
||||||
|
}
|
||||||
|
[class*="bar-"].bar-footer-secondary-tab {
|
||||||
|
bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
.bar-tab {
|
.bar-tab {
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
|
|
|
@ -297,16 +297,16 @@ strong {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
[class*="bar-"].bar-header-secondary {
|
[class*="bar-"].bar-header-secondary {
|
||||||
top: 44px;
|
top: 45px;
|
||||||
}
|
}
|
||||||
[class*="bar-"].bar-footer {
|
[class*="bar-"].bar-footer {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
[class*="bar-"].bar-footer-secondary {
|
[class*="bar-"].bar-footer-secondary {
|
||||||
bottom: 44px;
|
bottom: 45px;
|
||||||
}
|
}
|
||||||
[class*="bar-"].bar-footer-secondary-tab {
|
[class*="bar-"].bar-footer-secondary-tab {
|
||||||
bottom: 50px;
|
bottom: 51px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar-nav {
|
.bar-nav {
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
|
|
||||||
// Modifier class to dock any bar below .bar-nav
|
// Modifier class to dock any bar below .bar-nav
|
||||||
&.bar-header-secondary {
|
&.bar-header-secondary {
|
||||||
top: $bar-base-height;
|
top: $bar-base-height + 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Modifier class to dock any bar to bottom of viewport
|
// Modifier class to dock any bar to bottom of viewport
|
||||||
|
@ -25,12 +25,12 @@
|
||||||
|
|
||||||
// Modifier class to dock any bar above a standard bar
|
// Modifier class to dock any bar above a standard bar
|
||||||
&.bar-footer-secondary {
|
&.bar-footer-secondary {
|
||||||
bottom: $bar-base-height;
|
bottom: $bar-base-height + 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Modifier class to dock any bar above a .bar-tab
|
// Modifier class to dock any bar above a .bar-tab
|
||||||
&.bar-footer-secondary-tab {
|
&.bar-footer-secondary-tab {
|
||||||
bottom: $bar-tab-height;
|
bottom: $bar-tab-height + 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -40,7 +40,7 @@ $border-radius: 0;
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
@include gradient($chrome-color,#222);
|
@include gradient($chrome-color,lighten($chrome-color, 10%));
|
||||||
}
|
}
|
||||||
|
|
||||||
// Bars
|
// Bars
|
||||||
|
@ -50,10 +50,26 @@ $border-radius: 0;
|
||||||
height: $bar-base-height;
|
height: $bar-base-height;
|
||||||
background-color: $chrome-color;
|
background-color: $chrome-color;
|
||||||
border-bottom: $border-default;
|
border-bottom: $border-default;
|
||||||
|
|
||||||
|
// Modifier class to dock any bar below .bar-nav
|
||||||
|
&.bar-header-secondary {
|
||||||
|
top: $bar-base-height + 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifier class to dock any bar above a standard bar
|
||||||
|
&.bar-footer-secondary {
|
||||||
|
bottom: $bar-base-height + 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifier class to dock any bar above a .bar-tab
|
||||||
|
&.bar-footer-secondary-tab {
|
||||||
|
bottom: $bar-tab-height + 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.bar-tab {
|
.bar-tab {
|
||||||
height: $bar-tab-height;
|
height: $bar-tab-height;
|
||||||
border-top: $border-default;
|
border-top: $border-default;
|
||||||
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
// Left aligned text in the .bar-nav
|
// Left aligned text in the .bar-nav
|
||||||
.title {
|
.title {
|
||||||
|
@ -68,7 +84,7 @@ $border-radius: 0;
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
.popover .bar-nav {
|
.popover .bar-nav {
|
||||||
border-bottom: 1px solid rgba(0,0,0,.15);
|
border-bottom: $border-default;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -20,6 +20,10 @@ $default-color: #929292;
|
||||||
$positive-color: #4cd964;
|
$positive-color: #4cd964;
|
||||||
$negative-color: #dd524d;
|
$negative-color: #dd524d;
|
||||||
|
|
||||||
|
// Bars
|
||||||
|
$bar-base-height: 44px;
|
||||||
|
$bar-tab-height: 50px;
|
||||||
|
|
||||||
// iOS style transitions
|
// iOS style transitions
|
||||||
$timing-fuction: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods
|
$timing-fuction: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods
|
||||||
|
|
||||||
|
@ -39,8 +43,25 @@ $timing-fuction: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
background-color: $chrome-color;
|
background-color: $chrome-color;
|
||||||
@include box-shadow(0 0 1px rgba(0,0,0,.85));
|
@include box-shadow(0 0 1px rgba(0,0,0,.85));
|
||||||
}
|
|
||||||
|
|
||||||
|
// Modifier class to dock any bar below .bar-nav
|
||||||
|
&.bar-header-secondary {
|
||||||
|
top: $bar-base-height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifier class to dock any bar above a standard bar
|
||||||
|
&.bar-footer-secondary {
|
||||||
|
bottom: $bar-base-height;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modifier class to dock any bar above a .bar-tab
|
||||||
|
&.bar-footer-secondary-tab {
|
||||||
|
bottom: $bar-tab-height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bar-nav {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
.bar-tab {
|
.bar-tab {
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
@include box-shadow(0 0 -1px rgba(0,0,0,.85));
|
@include box-shadow(0 0 -1px rgba(0,0,0,.85));
|
||||||
|
|
Загрузка…
Ссылка в новой задаче