Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-12 14:22:21 +04:00
Code Issues Projects Releases Wiki Activity

buttons docs

Browse Source
This commit is contained in:
codecalm
2018-02-21 18:55:20 +01:00
parent c576f21f78
commit f82763fa40
9 changed files with 1342 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/dashboard.css
+1125 -60
View File
File diff suppressed because it is too large Load Diff
assets/plugins/iconfonts/plugin.css
+5
View File
@@ -1472,22 +1472,27 @@
}
.wi-rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.wi-rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.wi-rotate-270 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.wi-flip-horizontal {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.wi-flip-vertical {
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
assets/plugins/iconfonts/plugin.min.css
Vendored
+5
View File
@@ -1472,22 +1472,27 @@
}
.wi-rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.wi-rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.wi-rotate-270 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.wi-flip-horizontal {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.wi-flip-vertical {
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
assets/scss/_variables.scss
+3 -1
View File
@@ -70,7 +70,7 @@ $white: #fff;
$primary: $blue;
$secondary: $gray-600;
$success: $green;
$info: $lime;
$info: $azure;
$warning: $yellow;
$danger: $red;
$light: $gray-100;
@@ -133,6 +133,8 @@ $kbd-bg: $gray-800;
$pre-color: $gray-900;
// Yiq
$yiq-contrasted-threshold: 190;
$yiq-text-dark: $body-color;
$yiq-text-light: $white;
assets/scss/dashboard/_button.scss
+31
View File
@@ -4,6 +4,17 @@
letter-spacing: .03em;
font-size: px2rem(13px);
min-width: px2rem(38px);
i {
font-size: 1rem;
vertical-align: -2px;
}
}
.btn-icon {
padding-left: .5rem;
padding-right: .5rem;
text-align: center;
}
.btn-secondary {
@@ -15,12 +26,22 @@
border-radius: 10rem;
}
.btn-square {
border-radius: 0;
}
@each $vendor, $color in $social-colors {
.btn-#{$vendor} {
@include button-variant($color, $color);
}
}
@each $vendor, $color in $colors {
.btn-#{$vendor} {
@include button-variant($color, $color);
}
}
.btn-option {
background: transparent;
color: $text-muted;
@@ -44,4 +65,14 @@
font-size: px2rem(16px);
min-width: px2rem(44px);
font-weight: 400;
}
.btn-list {
margin-bottom: -.5rem;
font-size: 0;
.btn {
margin-right: .5rem;
margin-bottom: .5rem;
}
}