mirror of https://github.com/grafana/grafana
Torkel Ödegaard
10 years ago
parent
7c917156ee
commit
b05939ec9a
@ -1,113 +0,0 @@ |
||||
.pagination { |
||||
} |
||||
|
||||
.pagination ul { |
||||
display: inline-block; |
||||
margin-left: 0; |
||||
margin-bottom: 0; |
||||
@include border-radius($baseBorderRadius); |
||||
@include box-shadow(0 1px 2px rgba(0,0,0,.05)); |
||||
} |
||||
.pagination ul > li { |
||||
display: inline; // Remove list-style and block-level defaults |
||||
} |
||||
.pagination ul > li > a, |
||||
.pagination ul > li > span { |
||||
float: left; // Collapse white-space |
||||
padding: 4px 12px; |
||||
line-height: $line-height-base; |
||||
text-decoration: none; |
||||
background-color: $paginationBackground; |
||||
border: 1px solid $paginationBorder; |
||||
border-left-width: 0; |
||||
} |
||||
.pagination ul > li > a:hover, |
||||
.pagination ul > li > a:focus, |
||||
.pagination ul > .active > a, |
||||
.pagination ul > .active > span { |
||||
background-color: $paginationActiveBackground; |
||||
} |
||||
.pagination ul > .active > a, |
||||
.pagination ul > .active > span { |
||||
color: $gray-light; |
||||
cursor: default; |
||||
} |
||||
.pagination ul > .disabled > span, |
||||
.pagination ul > .disabled > a, |
||||
.pagination ul > .disabled > a:hover, |
||||
.pagination ul > .disabled > a:focus { |
||||
color: $gray-light; |
||||
background-color: transparent; |
||||
cursor: default; |
||||
} |
||||
.pagination ul > li:first-child > a, |
||||
.pagination ul > li:first-child > span { |
||||
border-left-width: 1px; |
||||
@include border-left-radius($baseBorderRadius); |
||||
} |
||||
.pagination ul > li:last-child > a, |
||||
.pagination ul > li:last-child > span { |
||||
@include border-right-radius($baseBorderRadius); |
||||
} |
||||
|
||||
|
||||
// Alignment |
||||
// -------------------------------------------------- |
||||
|
||||
.pagination-centered { |
||||
text-align: center; |
||||
} |
||||
.pagination-right { |
||||
text-align: right; |
||||
} |
||||
|
||||
|
||||
// Sizing |
||||
// -------------------------------------------------- |
||||
|
||||
// Large |
||||
.pagination-large { |
||||
ul > li > a, |
||||
ul > li > span { |
||||
padding: $paddingLarge; |
||||
font-size: $font-size-lg; |
||||
} |
||||
ul > li:first-child > a, |
||||
ul > li:first-child > span { |
||||
@include border-left-radius($borderRadiusLarge); |
||||
} |
||||
ul > li:last-child > a, |
||||
ul > li:last-child > span { |
||||
@include border-right-radius($borderRadiusLarge); |
||||
} |
||||
} |
||||
|
||||
// Small and mini |
||||
.pagination-mini, |
||||
.pagination-small { |
||||
ul > li:first-child > a, |
||||
ul > li:first-child > span { |
||||
@include border-left-radius($borderRadiusSmall); |
||||
} |
||||
ul > li:last-child > a, |
||||
ul > li:last-child > span { |
||||
@include border-right-radius($borderRadiusSmall); |
||||
} |
||||
} |
||||
|
||||
// Small |
||||
.pagination-small { |
||||
ul > li > a, |
||||
ul > li > span { |
||||
padding: $paddingSmall; |
||||
font-size: $font-size-sm; |
||||
} |
||||
} |
||||
// Mini |
||||
.pagination-mini { |
||||
ul > li > a, |
||||
ul > li > span { |
||||
padding: $paddingMini; |
||||
font-size: $font-size-xs; |
||||
} |
||||
} |
||||
@ -0,0 +1,73 @@ |
||||
@mixin form-control-validation($color) { |
||||
// Color the label and help text |
||||
.text-help, |
||||
.form-control-label, |
||||
.radio, |
||||
.checkbox, |
||||
.radio-inline, |
||||
.checkbox-inline, |
||||
&.radio label, |
||||
&.checkbox label, |
||||
&.radio-inline label, |
||||
&.checkbox-inline label, |
||||
.custom-control { |
||||
color: $color; |
||||
} |
||||
// Set the border and box shadow on specific inputs to match |
||||
.form-control { |
||||
border-color: $color; |
||||
// @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work |
||||
|
||||
&:focus { |
||||
// border-color: darken($border-color, 10%); |
||||
// $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%); |
||||
// @include box-shadow($shadow); |
||||
} |
||||
} |
||||
|
||||
// Set validation states also for addons |
||||
.input-group-addon { |
||||
color: $color; |
||||
border-color: $color; |
||||
background-color: lighten($color, 40%); |
||||
} |
||||
// Optional feedback icon |
||||
.form-control-feedback { |
||||
color: $color; |
||||
} |
||||
} |
||||
|
||||
@mixin form-control-focus() { |
||||
&:focus { |
||||
border-color: $input-border-focus; |
||||
outline: none; |
||||
$shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $input-box-shadow-focus; |
||||
@include box-shadow($shadow); |
||||
} |
||||
} |
||||
|
||||
// Form control sizing |
||||
// |
||||
// Relative text size, padding, and border-radii changes for form controls. For |
||||
// horizontal sizing, wrap controls in the predefined grid classes. `<select>` |
||||
// element gets special love because it's special, and that's a fact! |
||||
|
||||
@mixin input-size($parent, $input-height, $padding-y, $padding-x, $font-size, $line-height, $border-radius) { |
||||
#{$parent} { |
||||
height: $input-height; |
||||
padding: $padding-y $padding-x; |
||||
font-size: $font-size; |
||||
line-height: $line-height; |
||||
@include border-radius($border-radius); |
||||
} |
||||
|
||||
select#{$parent} { |
||||
height: $input-height; |
||||
line-height: $input-height; |
||||
} |
||||
|
||||
textarea#{$parent}, |
||||
select[multiple]#{$parent} { |
||||
height: auto; |
||||
} |
||||
} |
||||
Loading…
Reference in new issue