mirror of https://github.com/twbs/ratchet.git
connors
11 years ago
1 changed files with 0 additions and 173 deletions
@ -1,173 +0,0 @@
|
||||
@import "mixins.scss"; |
||||
|
||||
// |
||||
// Variable overrides |
||||
// -------------------------------------------------- |
||||
|
||||
// Color overrides |
||||
// -------------------------------------------------- |
||||
|
||||
// Main theme colors |
||||
$primary-color: #1eb0e9; |
||||
$chrome-color: rgba(30,176,233,.98); |
||||
|
||||
// Action colors |
||||
$default-color: rgba(0, 0, 0, .3); |
||||
$positive-color: #34ba15; |
||||
$negative-color: #e71e1e; |
||||
|
||||
// Global |
||||
// -------------------------------------------------- |
||||
|
||||
.bar-header-secondary ~ .content { |
||||
padding-top: 108px; |
||||
} |
||||
|
||||
|
||||
// Bars |
||||
// -------------------------------------------------- |
||||
.bar { |
||||
background-color: $chrome-color; |
||||
|
||||
&.bar-standard, |
||||
&.bar-footer-secondary { |
||||
background-color: rgba(245,245,245,.98); |
||||
} |
||||
} |
||||
.bar-nav { |
||||
top: 20px; |
||||
@include box-shadow(0 -20px 0 rgba(30,176,233,.98), 0 0 1px rgba(0, 0, 0, 0.85)); |
||||
} |
||||
.bar.bar-header-secondary { |
||||
top: 64px; |
||||
} |
||||
.title { |
||||
color: #fff; |
||||
} |
||||
.tab-label { |
||||
color: rgba(255,255,255,.5); |
||||
} |
||||
.tab-item.active .tab-label { |
||||
color: rgba(255,255,255,1); |
||||
} |
||||
|
||||
// Buttons |
||||
// -------------------------------------------------- |
||||
|
||||
.btn { |
||||
color: $default-color; |
||||
border-color: $default-color; |
||||
|
||||
&:active, |
||||
&.active, |
||||
&.btn-filled { |
||||
background-color: $default-color; |
||||
} |
||||
} |
||||
|
||||
// Primary button (Default color is blue) |
||||
.btn-primary { |
||||
color: $primary-color; |
||||
border-color: $primary-color; |
||||
|
||||
&:active, |
||||
&.active, |
||||
&.btn-filled { |
||||
background-color: $primary-color; |
||||
} |
||||
} |
||||
|
||||
// Positive button (Default color is green) |
||||
.btn-positive { |
||||
color: $positive-color; |
||||
border-color: $positive-color; |
||||
|
||||
&:active, |
||||
&.active, |
||||
&.btn-filled { |
||||
background-color: $positive-color; |
||||
} |
||||
} |
||||
|
||||
// Negative button (Default color is red) |
||||
.btn-negative { |
||||
color: $negative-color; |
||||
border-color: $negative-color; |
||||
|
||||
&:active, |
||||
&.active, |
||||
&.btn-filled { |
||||
background-color: $negative-color; |
||||
} |
||||
} |
||||
|
||||
.bar-title { |
||||
|
||||
// Generic style for all buttons in .bar-title |
||||
.btn { |
||||
color: #fff; |
||||
} |
||||
|
||||
// Override standard button active states |
||||
.btn:active, |
||||
.btn.active, |
||||
.btn-prev:active, |
||||
.btn-prev.active, |
||||
.btn-next:active, |
||||
.btn-next.active, |
||||
.btn-primary:active, |
||||
.btn-primary.active { |
||||
color: #fff; |
||||
} |
||||
} |
||||
|
||||
|
||||
// Segmented controllers |
||||
// -------------------------------------------------- |
||||
|
||||
.segmented-control { |
||||
border-color: $primary-color; |
||||
|
||||
li { |
||||
border-left-color: $primary-color; |
||||
|
||||
// Link that fills each section |
||||
> a { |
||||
color: $primary-color; |
||||
} |
||||
|
||||
// Active segment of controller |
||||
&.active { |
||||
background-color: $primary-color; |
||||
} |
||||
} |
||||
} |
||||
|
||||
// Segmented controller in all bars |
||||
// -------------------------------------------------- |
||||
.bar-title .segmented-control { |
||||
border-color: #fff; |
||||
|
||||
li { |
||||
border-left-color: #fff; |
||||
|
||||
// Link that fills each section |
||||
> a { |
||||
color: #fff; |
||||
} |
||||
|
||||
// Active segment of controller |
||||
&.active { |
||||
background-color: rgba(255,255,255,.4); |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
// Forms |
||||
// -------------------------------------------------- |
||||
// Fully round search input |
||||
input[type=search] { |
||||
color: #555; |
||||
background-color: rgba(0,0,0,.1); |
||||
} |
Loading…
Reference in new issue