Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-01 16:04:37 +04:00
Code Issues Projects Releases Wiki Activity

cards components, progress fixes, font fixes

Browse Source
This commit is contained in:
codecalm
2019-10-15 20:25:41 +02:00
parent faf81c6e16
commit 40a1f9dc7c
29 changed files with 237 additions and 1905 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/_variables.scss
+26 -60
View File
@@ -1,5 +1,5 @@
// FONTS
$google-font: 'Nunito Sans' !default;
$google-font: 'Source Sans Pro' !default;
$font-family-sans-serif: $google-font, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !default;
$font-family-serif: "Georgia", "Times New Roman", times, serif !default;
@@ -42,7 +42,7 @@ $black: #000000 !default;
$white: #ffffff !default;
$light: #f5f7fb !default;
$dark: #505061 !default;
$dark: #495057 !default;
$body-bg: $light !default;
$body-color: $dark !default;
@@ -107,24 +107,22 @@ $avatar-sizes: (
//Fonts
$font-size-base: 1rem !default;
$font-weight-base: 400 !default;
$line-height-base: 1.5 !default;
$body-letter-spacing: -.01em !default;
$line-height-base: 1.6 !default;
$body-letter-spacing: null !default;
$border-radius: 3px !default;
//Typography
$headings-color: #021f34 !default;
$headings-font-weight: 600 !default;
$small-font-size: 87.5% !default;
$h1-font-size: (23em/15) !default;
$h2-font-size: (21em/15) !default;
$h3-font-size: (19em/15) !default;
$h4-font-size: (17em/15) !default;
$h5-font-size: (15em/15) !default;
$h6-font-size: (13em/15) !default;
$h7-font-size: (11em/15) !default;
$h1-font-size: (26em/16) !default;
$h2-font-size: (21em/16) !default;
$h3-font-size: (18em/16) !default;
$h4-font-size: (16em/16) !default;
$h5-font-size: (14em/16) !default;
$h6-font-size: (12em/16) !default;
$blockquote-font-size: $h4-font-size !default;
@@ -205,10 +203,23 @@ $breadcrumb-variants: (
$badge-font-weight: 500 !default;
//buttons
$input-btn-line-height: 1.5 !default;
$input-btn-font-size: 15px !default;
$btn-padding-x: 1rem !default;
$btn-font-weight: 500 !default;
$input-btn-font-size-sm: 12px !default;
$input-btn-padding-x-sm: 6px !default;
$input-btn-padding-y-sm: 1px !default;
$input-btn-font-size-lg: 20px !default;
$input-btn-padding-x-lg: 20px !default;
$input-btn-padding-y-lg: 8px !default;
$input-height: null !default;
$input-height-sm: null !default;
$input-height-lg: null !default;
$btn-padding-x: 1rem !default;
$btn-font-weight: 600 !default;
$btn-border-radius: 3px !default;
//cards
@@ -272,7 +283,7 @@ $toast-header-color: $text-muted !default;
$yiq-contrasted-threshold: 200 !default;
//progress
$progress-bg: $gray-100 !default;
$progress-bg: $gray-200 !default;
$progress-height: .75rem !default;
//ribbons
@@ -314,48 +325,3 @@ $flag-sizes: (
"xl": 4rem
) !default;
//Utilities
$utilities: (
"object": (
property: object-fit,
class: object,
values: (
contain: contain,
cover: cover,
fill: fill,
scale-down: scale-down,
none: none,
)
),
"spacing": (
property: letter-spacing,
class: tracking,
values: (
tight: -.05em,
normal: 0,
wide: .05em,
)
),
"leading": (
property: line-height,
class: leading,
values: (
none: 1,
tight: 1.25,
normal: $line-height-base,
loose: 2 !important,
)
),
"cursor": (
property: cursor,
class: cursor,
values: (
auto: auto,
pointer: pointer,
move: move,
not-allowed: not-allowed,
zoom-in: zoom-in,
zoom-out: zoom-out
)
)
) !default;