Skip to content
This repository was archived by the owner on Nov 10, 2022. It is now read-only.

Commit 6efc82a

Browse files
committed
Add generateLineHeight function v4.0.3
1 parent ab6a08c commit 6efc82a

10 files changed

+1326
-13
lines changed

chuckcss/front-light.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*! ChuckCSS v4.0.2 */
1+
/*! ChuckCSS v4.0.3 */
22
/*
33
== ChuckCSS Framework : Light version ==
44
@What: A mobile-first, responsive CSS framework, compiled with LESS and Autoprefixer, based on FlexBox grids

chuckcss/front.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*! ChuckCSS v4.0.2 */
1+
/*! ChuckCSS v4.0.3 */
22
/*
33
== ChuckCSS Framework ==
44
@What: A mobile-first, responsive CSS framework, compiled with LESS and Autoprefixer, based on FlexBox grids

chuckcss/main/generator-light.less

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@
1111
._generateFontSize
1212
._generateFontWeight
1313
._generateTextsAligments
14+
._generateLineHeight
1415
*/
1516

1617
/* *****
@@ -259,8 +260,29 @@
259260
}
260261
}
261262
}
262-
._generateTextsAligments; // Launch _generateFontWeight
263+
._generateTextsAligments; // Launch _generateTextsAligments
263264
._media-xs-up({._generateTextsAligments(-s);});
264265
._media-s-up({._generateTextsAligments(-m);});
265266
._media-m-up({._generateTextsAligments(-l);});
266-
._media-l-up({._generateTextsAligments(-xl);});
267+
._media-l-up({._generateTextsAligments(-xl);});
268+
269+
270+
271+
/* *****
272+
@name: ._generateLineHeight
273+
@description: Generate line height
274+
***** */
275+
._generateLineHeight(@breakpoint:~'',@iterator:0) when(@iterator <= 40) {
276+
.@{css-prefix} {
277+
&-lh-@{iterator}@{breakpoint} {
278+
line-height: (@iterator / 10);
279+
}
280+
}
281+
282+
._generateLineHeight(@breakpoint,@iterator + 1);
283+
}
284+
._generateLineHeight; // Launch _generateLineHeight
285+
._media-xs-up({._generateLineHeight(-s);});
286+
._media-s-up({._generateLineHeight(-m);});
287+
._media-m-up({._generateLineHeight(-l);});
288+
._media-l-up({._generateLineHeight(-xl);});

chuckcss/main/generator.less

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@
1111
._generateFontSize
1212
._generateFontWeight
1313
._generateTextsAligments
14+
._generateLineHeight
1415
*/
1516

1617
/* *****
@@ -479,8 +480,29 @@
479480
}
480481
}
481482
}
482-
._generateTextsAligments; // Launch _generateFontWeight
483+
._generateTextsAligments; // Launch _generateTextsAligments
483484
._media-xs-up({._generateTextsAligments(-s);});
484485
._media-s-up({._generateTextsAligments(-m);});
485486
._media-m-up({._generateTextsAligments(-l);});
486-
._media-l-up({._generateTextsAligments(-xl);});
487+
._media-l-up({._generateTextsAligments(-xl);});
488+
489+
490+
491+
/* *****
492+
@name: ._generateLineHeight
493+
@description: Generate line height
494+
***** */
495+
._generateLineHeight(@breakpoint:~'',@iterator:0) when(@iterator <= 40) {
496+
.@{css-prefix} {
497+
&-lh-@{iterator}@{breakpoint} {
498+
line-height: (@iterator / 10);
499+
}
500+
}
501+
502+
._generateLineHeight(@breakpoint,@iterator + 1);
503+
}
504+
._generateLineHeight; // Launch _generateLineHeight
505+
._media-xs-up({._generateLineHeight(-s);});
506+
._media-s-up({._generateLineHeight(-m);});
507+
._media-m-up({._generateLineHeight(-l);});
508+
._media-l-up({._generateLineHeight(-xl);});

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy