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