archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Use variable for text-size/weight scales instead of inlining into mixin call

Browse Source
This commit is contained in:
Adam Wathan 2017-08-04 14:37:09 -04:00
parent 26ae48eee5
commit e0eb0553f0
1 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/utilities/text.less
View File

@ -15,14 +15,6 @@
@font-size-2xl: (30rem / 16rem); // 30px
@font-size-3xl: (40rem / 16rem); // 40px
@text-size-scale:
'xs' @font-size-xs,
'sm' @font-size-sm,
'base' @font-size-base,
'lg' @font-size-lg,
'xl' @font-size-xl,
'2xl' @font-size-2xl,
'3xl' @font-size-3xl;
// Weights
@font-weight-hairline: 200;
@ -43,24 +35,26 @@
@text-dark-softest: hsl(0, 0%, 75%);
// Sizes
.define-text-sizes(
@text-size-scale:
'xs' @font-size-xs,
'sm' @font-size-sm,
'base' @font-size-base,
'lg' @font-size-lg,
'xl' @font-size-xl,
'2xl' @font-size-2xl,
'3xl' @font-size-3xl
; @screens);
'3xl' @font-size-3xl,
;
.define-text-sizes(@text-size-scale; @screens);
// Weights
.define-text-weights(
@text-weight-scale:
'hairline' @font-weight-hairline,
'thin' @font-weight-thin,
'regular' @font-weight-regular,
'medium' @font-weight-medium,
'bold' @font-weight-bold
; @screens);
'bold' @font-weight-bold,
;
.define-text-weights(@text-weight-scale; @screens);
// Colors
@text-colors: