Skip to content

Commit c5bbba1

Browse files
committed
Darkened info labels. Expressed font sizes in magnification steps.
- Legacy-Id: 9443
1 parent c07c5d0 commit c5bbba1

1 file changed

Lines changed: 15 additions & 10 deletions

File tree

bootstrap/less/variables.less

Lines changed: 15 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -71,17 +71,22 @@
7171
//@font-family-monospace: "Nova Mono", Menlo, Monaco, Consolas, monospace;
7272
//@font-family-base: @font-family-serif;
7373

74+
@mag1: sqrt(sqrt(2));
75+
@mag2: @mag1 * @mag1;
76+
@mag3: @mag2 * @mag1;
77+
@mag4: @mag3 * @mag1;
7478

79+
@maghalf: sqrt(@mag1);
7580

7681
@font-size-base: 15px;
77-
@font-size-large: ceil((@font-size-base * 1.189)); // ~18px
78-
@font-size-small: ceil((@font-size-base * 0.841)); // ~12px
79-
80-
@font-size-h1: ceil((@font-size-base * 2.000)); // ~28px
81-
@font-size-h2: ceil((@font-size-base * 1.681)); // ~24px
82-
@font-size-h3: ceil((@font-size-base * 1.414)); // ~20px
83-
@font-size-h4: ceil((@font-size-base * 1.189)); // ~16px
84-
@font-size-h5: @font-size-base;
82+
@font-size-large: ((@font-size-base * @mag1)); // 18px
83+
@font-size-small: ((@font-size-base / @mag1)); // 13px
84+
85+
@font-size-h1: ceil((@font-size-base * @mag4)); // 31px
86+
@font-size-h2: ceil((@font-size-base * @mag3)); // 26px
87+
@font-size-h3: ceil((@font-size-base * @mag2)); // 22px
88+
@font-size-h4: ceil((@font-size-base * @mag1)); // 18px
89+
@font-size-h5: ceil((@font-size-base * @maghalf));// 16px
8590
@font-size-h6: @font-size-base;
8691

8792
//** Unit-less `line-height` for use in components like buttons.
@@ -594,7 +599,7 @@
594599
//** Success label background color
595600
@label-success-bg: @brand-success;
596601
//** Info label background color
597-
@label-info-bg: @brand-info;
602+
@label-info-bg: darken(saturate(@brand-info, 5%), 12%);
598603
//** Warning label background color
599604
@label-warning-bg: @brand-warning;
600605
//** Danger label background color
@@ -879,7 +884,7 @@
879884
//** Blockquote small color
880885
@blockquote-small-color: @gray-light;
881886
//** Blockquote font size
882-
@blockquote-font-size: (@font-size-base * 1.189);
887+
@blockquote-font-size: (@font-size-base * @mag1);
883888
//** Blockquote border color
884889
@blockquote-border-color: @gray-lighter;
885890
//** Page header border color

0 commit comments

Comments
 (0)