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

replaced icons to svgs, buttons, cards, typography

Browse Source
This commit is contained in:
codecalm
2019-10-04 23:42:32 +02:00
parent 5c1ea09971
commit 09d8e7e2e4
96 changed files with 492 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/_variables.scss
+45 -30
View File
@@ -1,10 +1,11 @@
// FONTS
$font-family-base: "Nunito", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !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;
$font-icons: "tabler-webfont" !default;
// EXTERNAL FONTS
$google-font-url: "https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap" !default;
$icon-fonts: () !default;
// COLORS
@@ -12,8 +13,8 @@ $full-black: rgba(0, 0, 0, 1) !default;
$full-white: rgba(255, 255, 255, 1) !default;
$light-black: rgba(0, 0, 0, .4) !default;
$light-white: rgba(255, 255, 255, .4) !default;
$min-black: rgba(135, 150, 165, .064) !default;
$min-white: rgba(255, 255, 255, .064) !default;
$min-black: rgba(135, 150, 165, .032) !default;
$min-white: rgba(255, 255, 255, .032) !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
@@ -31,8 +32,8 @@ $indigo: #6574cd !default;
$purple: #a55eea !default;
$pink: #f66d9b !default;
$red: #fa4654 !default;
$orange: #fd9644 !default;
$yellow: #f1c40f !default;
$orange: #ff922b !default;
$yellow: #fcc419 !default;
$lime: #7bd235 !default;
$green: #5eba00 !default;
$teal: #2bcbba !default;
@@ -64,6 +65,7 @@ $social-colors: (
"rss": #ffa500,
"flickr": #0063dc,
"bitbucket": #0052cc,
"tabler": #206bc4
) !default;
$status-colors: (
@@ -106,24 +108,28 @@ $avatar-sizes: (
$font-size-base: .9375rem !default;
$font-weight-base: 400 !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;
$headings-font-weight: 500 !default;
$small-font-size: 87.5% !default;
$h1-font-size: $font-size-base * 2 !default;
$h2-font-size: $font-size-base * 1.75 !default;
$h3-font-size: $font-size-base * 1.5 !default;
$h4-font-size: $font-size-base * 1.25 !default;
$h5-font-size: $font-size-base * 1 !default;
$h6-font-size: $font-size-base * .875 !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;
$blockquote-font-size: $h4-font-size !default;
$lead-font-size: $h3-font-size !default;
$lead-font-size: $h4-font-size !default;
$lead-font-weight: 400 !default;
$hr-opacity: .1 !default;
$hr-margin-y: 1rem !default;
@@ -212,10 +218,27 @@ $container-max-widths: (
//alerts
$alert-link-font-weight: 600 !default;
//breadcrumb
$breadcrumb-variants: (
dots: '·',
arrows: '›',
bullets: '\02022',
) !default;
//badges
$badge-font-weight: 500 !default;
//buttons
$input-btn-font-size: 15px !default;
$btn-padding-x: 1rem !default;
$btn-font-weight: 500 !default;
$btn-border-radius: 3px !default;
//cards
$card-border-color: $border-color !default;
$card-border-radius: $border-radius !default;
$card-cap-bg: $body-bg !default;
$card-cap-bg: $min-black !default;
$card-active-border-color: $blue !default;
$card-status-size: 2px !default;
@@ -228,21 +251,6 @@ $card-shadow-hover: rgba($dark, .08) 0 2px 12px 0;
$close-font-weight: 400 !default;
$close-font-size: 1.5rem !default;
//badges
$badge-font-weight: 600 !default;
//buttons
$btn-font-weight: 600 !default;
$btn-font-size: 14px !default;
$btn-border-radius: 3px !default;
//breadcrumb
$breadcrumb-variants: (
dots: '·',
arrows: '›',
bullets: '\02022',
) !default;
//nav
$nav-link-padding-y: .25rem !default;
@@ -277,6 +285,9 @@ $spinner-height: 1.5rem !default;
$spinner-border-width: 2px !default;
$spinner-border-width-sm: 2px !default;
//tables
$table-head-border-color: $border-color !default;
//toasts
$toast-border-color: $border-color !default;
$toast-header-color: $text-muted !default;
@@ -284,6 +295,10 @@ $toast-header-color: $text-muted !default;
//other
$yiq-contrasted-threshold: 200 !default;
//progress
$progress-bg: $gray-100 !default;
$progress-height: .75rem !default;
$list-group-border-color: $border-color !default;
$list-group-action-color: inherit !default;