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

Commit 4056b47

Browse files
committed
v3.2.3 minor changes
1 parent 28148d9 commit 4056b47

19 files changed

+2574
-3298
lines changed

CHANGELOG.md

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,16 @@
11
# ChuckCSS Changelog
22

33

4+
## 3.2.3
5+
* Added: `cc-dotted` for dotted lists
6+
47
## 3.2.2
5-
* Added :
8+
* Added :
69
* New mixin for Font-Weight generator
710
* "cc-fw-X" class for font-weight (from 100 to 900 with increments of 100)
8-
* Removed :
11+
* Removed :
912
* "@blockquotes-ic" var in settings.less file
10-
* Fixed :
13+
* Fixed :
1114
* HTMl links - a:not(.btn) - are white written if they are included into a bg-colorized parent.
1215

1316
## 3.2.1
@@ -17,7 +20,7 @@
1720
* Added :
1821
* New mixin for Font-Size generator
1922
* "cc-fs-X" class for font-size (from 0rem to 10rem with increments of 0.1rem)
20-
* Removed :
23+
* Removed :
2124
* FontAwesome and Ionicons CDN in front.less (you have to include FA and/or Ionicons by yourself)
2225
* mixins : "fa()", "io()", "uppercase()" in functions.less
2326
* "cc-quoted" class for blockquotes

Gulpfile.js

Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ var cssnano = require('gulp-cssnano');
55
var watch = require('gulp-watch');
66
var rename = require('gulp-rename');
77
var concat = require('gulp-concat');
8-
var uglify = require('gulp-uglify');
98
var gutil = require('gulp-util');
10-
var rewriteCSS = require('gulp-rewrite-css');
119
var autoprefixer = require('gulp-autoprefixer');
1210

1311

@@ -37,7 +35,6 @@ gulp.task('chuckcss_less', function() {
3735
.pipe(gulp.dest('dist/'));
3836
});
3937

40-
4138
/*
4239
* PRINT FILE
4340
*/
@@ -54,13 +51,32 @@ gulp.task('chuckcss_print', function() {
5451
.pipe(gulp.dest('dist/'));
5552
});
5653

54+
/*
55+
* TEST FILE (index)
56+
*/
57+
gulp.task('test', function() {
58+
gulp.src('tests/test.less')
59+
.pipe(less())
60+
// .pipe(cssnano({
61+
// 'postcss-minify-font-values': true
62+
// }))
63+
.pipe(autoprefixer({
64+
browsers:"> 1%, last 2 versions, Safari >= 8"
65+
}))
66+
.pipe(rename({basename: 'test'}))
67+
.pipe(gulp.dest('tests/'));
68+
});
69+
5770
gulp.task('watch', function() {
5871
gulp.watch('chuckcss/**/*.less', ['chuckcss_minify_less', 'chuckcss_less']);
5972
gulp.watch('chuckcss/print.less', ['chuckcss_print']);
73+
gulp.watch('tests/test.less', ['test']);
74+
6075
});
6176

6277
gulp.task('default', [
6378
'chuckcss_less',
6479
'chuckcss_minify_less',
65-
'chuckcss_print'
80+
'chuckcss_print',
81+
'test'
6682
]);

chuckcss/core/base.less

Lines changed: 23 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,11 @@ html {
55
font-size:62.5%;
66
font-size:~'calc(1em*0.625)';
77
overflow-x: hidden;
8+
9+
// Phone menu
10+
&.opened-menu {
11+
overflow: hidden !important;
12+
}
813
}
914

1015
body {
@@ -24,8 +29,24 @@ body {
2429
box-sizing:border-box;
2530
}
2631

27-
// Affix - Override Bootstrap CSS
28-
&.affix { position:relative; }
32+
// Phone menu
33+
&.opened-menu {
34+
overflow-y: hidden
35+
}
36+
37+
// Dev environment
38+
// Debug links
39+
// a[href="GOTOLINK"],
40+
// a[href="#"] {
41+
// &:not(.btn) {
42+
// color:red !important;
43+
// }
44+
45+
// &.btn {
46+
// color: white;
47+
// ._btn(@red) !important;
48+
// }
49+
// }
2950
}
3051

3152
div,dl,dd,dt,p,ul,li,ol {

chuckcss/core/functions.less

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -279,16 +279,19 @@
279279
@bgHover : darken(@bg,10%);
280280

281281
&:hover {
282-
background-color:@bgHover;
282+
background-color: @bgHover;
283+
border-color: @bgHover;
283284
}
284285
}
285286
._btn(@bg : @primary, @bgHover :~'') when (iscolor(@bg)) {
286287
background-color:@bg;
288+
border-color: @bg;
287289

288290
/* If Hover is specified */
289291
& when (iscolor(@bgHover)) {
290292
&:hover {
291-
background-color:@bgHover;
293+
background-color: @bgHover;
294+
border-color: @bgHover;
292295
}
293296
}
294297
/* else */

chuckcss/core/generator.less

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
background-color:@colorValue;
4040

4141
a:not(.btn) {
42-
color: white;
42+
color:white;
4343
}
4444

4545
// Badges
@@ -132,16 +132,18 @@
132132
&.cc-bg-@{colorName} {
133133
color:@links-btn-tc;
134134
._btn(@colorValue);
135-
border-color:@colorValue;
135+
// border-color:@colorValue;
136136

137137
&:hover {
138138
color:@links-btn-hover-tc;
139-
border-color:@colorValue;
139+
// border-color:@colorValue;
140140
}
141141

142-
/* Loading buttons : show white loader */
143-
&.cc-loading:before {
144-
border-color:white rgba(255,255,255,0.2) rgba(255,255,255,0.2) rgba(255,255,255,0.2);
142+
/* Loading + outlined buttons */
143+
&.cc-loading {
144+
&:before {
145+
border-color: transparent white white white
146+
}
145147
}
146148

147149
/* Outlined buttons / links */
@@ -160,7 +162,7 @@
160162
color:transparent;
161163

162164
&:before {
163-
border-color: @colorValue lighten(@colorValue,30%) lighten(@colorValue,30%) lighten(@colorValue,30%);
165+
border-color: transparent @colorValue @colorValue @colorValue;
164166
}
165167
}
166168
}
@@ -392,7 +394,7 @@
392394

393395
/* *****
394396
@name : ._generateFontSize
395-
@description : Generate font-size from 0 to 10rem (0.1, 0.2, 0.3... rem)
397+
@description : Generate font-size from 0rem to 10rem;
396398
***** */
397399
._generateFontSize(@iterator:0) when(@iterator <= 100) {
398400
.cc {
@@ -403,7 +405,8 @@
403405

404406
._generateFontSize(@iterator + 1);
405407
}
406-
._generateFontSize; // Launch _generateFontSize
408+
._generateFontSize; // Launch _generatePercentWidth
409+
407410

408411

409412
/* *****

chuckcss/elements/blockquotes.less

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@ blockquote {
1818
padding:0.3em 2em 0.3em 0.3em;
1919
border-left:0;
2020
border-right:4px solid @blockquotes-bc;
21+
22+
2123
}
2224
}
2325

chuckcss/elements/buttons.less

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,6 @@ button {
3838
vertical-align:middle;
3939
border-radius:unit(@links-btn-br,px);
4040
cursor:pointer;
41-
._btn(white, white);
4241
._transition;
4342

4443
&:focus,
@@ -65,6 +64,7 @@ button {
6564
height: 10px;
6665
margin-top:-5px;
6766
margin-left:-5px;
67+
border-width: 1px;
6868
}
6969
}
7070
}
@@ -109,11 +109,12 @@ button {
109109

110110
&:before {
111111
display:block;
112-
border:2px solid @gray-li;
113-
border-top-color: @gray-li;
114-
border-right-color: lighten(@gray-li,50%);
115-
border-bottom-color: lighten(@gray-li,50%);
116-
border-left-color: lighten(@gray-li,50%);
112+
border-width:2px;
113+
border-style: solid;
114+
border-top-color: transparent;
115+
border-right-color: @gray-li;
116+
border-bottom-color: @gray-li;
117+
border-left-color: @gray-li;
117118
border-radius :50%;
118119
content: " ";
119120
width: 16px;

chuckcss/elements/images.less

Lines changed: 0 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -27,51 +27,5 @@ img {
2727
display: inline-block;
2828
box-shadow:0px 0px 8px 0px rgba(0,0,0,0.4);
2929
}
30-
31-
/** Experimental | removed temporarily from ChuckCSS **/
32-
/* Reset filter on hover */
33-
// &-no-hover {
34-
// ._transition;
35-
36-
// &:hover {
37-
38-
// ._filter(sepia(0));
39-
// ._filter(grayscale(0));
40-
// ._filter(blur(0px));
41-
// }
42-
43-
// }
44-
45-
// // Filters
46-
// &-sepia {
47-
// ._filter(sepia(1));
48-
49-
// &-hover {
50-
// ._transition;
51-
// &:hover {
52-
// ._filter(sepia(1));
53-
// }
54-
// }
55-
// }
56-
// &-grayscale {
57-
// ._filter(grayscale(1));
58-
59-
// &-hover {
60-
// ._transition;
61-
// &:hover {
62-
// ._filter(grayscale(1));
63-
// }
64-
// }
65-
// }
66-
// &-blur {
67-
// ._filter(blur(5px));
68-
69-
// &-hover {
70-
// ._transition;
71-
// &:hover {
72-
// ._filter(blur(5px));
73-
// }
74-
// }
75-
// }
7630
}
7731
}

chuckcss/elements/lists.less

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,27 @@ ul {
4747
});
4848
}
4949
}
50+
51+
/* Dotted lists */
52+
&-dotted {
53+
li {
54+
list-style: none;
55+
position: relative;
56+
padding-left:unit(@list-dot-pal, px);
57+
58+
&:before {
59+
content:' ';
60+
display: block;
61+
position: absolute;
62+
border-radius: @list-dot-br;
63+
width: unit(@list-dot-wi, px);
64+
height: unit(@list-dot-he, px);
65+
background-color: @list-dot-bg;
66+
top:unit(@list-dot-top, px);
67+
left:unit(@list-dot-left, px);
68+
}
69+
}
70+
}
5071
}
5172
}
5273

chuckcss/elements/titles.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
h@{iterator},
1212
.h@{iterator}-like {
1313

14-
// Define vars regards to settings.less file
14+
// Define vars regarding settings.less file
1515
@fontSize : 'title-h@{iterator}-fs';
1616
@lineHeight : 'title-h@{iterator}-lh';
1717

chuckcss/front.less

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,8 @@
1313
* External & Optional (but recommended) libraries
1414
• normalize.css from cdnjs | http://necolas.github.io/normalize.css/
1515
*/
16-
@import "//cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.css";
16+
@import "//cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css";
17+
1718

1819
/*
1920
settings.less

chuckcss/print.less

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,8 @@
1818
#main-menu,
1919
#main-header,
2020
#main-footer,
21-
#cookies {
21+
#cookies,
22+
#outdated {
2223
display:none !important;
2324
}
2425

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