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

Commit 0da7469

Browse files
ALPIXELMaikiALPIXELMaiki
committed
V4.0.1
1 parent 2f81de7 commit 0da7469

9 files changed

+82
-263
lines changed

‎CHANGELOG.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,21 @@
11
# ChuckCSS Changelog
22

3-
## 4.0.0
3+
## 4.0.0 & 4.0.1
44
* Added :
55
* Light version of ChuckCSS. The ChuckCSS Light is the same as ChuckCSS, but without :
66
* grids
77
* tabs
88
* badges
99
* purple, yellow, orange colors
1010
* outlined buttons when using `cc-bg-color`
11-
* Loader : sonar loader
1211
* Titles :
1312
* Font-size definitions regarding screen width (mobile-first)
1413
* Color definition for each Hn element (in `settings.less` file)
14+
* Modals :
15+
* When modal is opened, add a paddinr-right on HTML element to prevent the loss of the scrollbar
16+
17+
* NEW :
18+
* Loader : Sonar loader
1519

1620
* REMOVED :
1721
* Loaders : Dots and Caterpillar loaders (spinner loader kept)

‎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.0 */
1+
/*! ChuckCSS v4.0.1 */
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.0 */
1+
/*! ChuckCSS v4.0.1 */
22
/*
33
== ChuckCSS Framework ==
44
@What: A mobile-first, responsive CSS framework, compiled with LESS and Autoprefixer, based on FlexBox grids

‎chuckcss/main/base.less

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@ html {
55
font-size:62.5%;
66
font-size:~'calc(1em*0.625)';
77
overflow-x: hidden;
8+
9+
// Add a padding to <html> when modal is opened (replace scrollbar width)
10+
._media-m-up({
11+
&.opened-modal {
12+
padding-right:15px !important;
13+
}
14+
});
815
}
916

1017
html,

‎dist/chuckcss-light.css

Lines changed: 22 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
@charset "UTF-8";
2-
/*! ChuckCSS v4.0.0 */
2+
/*! ChuckCSS v4.0.1 */
33
/*
44
== ChuckCSS Framework : Light version ==
55
@What: A mobile-first, responsive CSS framework, compiled with LESS and Autoprefixer, based on FlexBox grids
@@ -589,6 +589,11 @@ li {
589589
list-style: disc inside;
590590
}
591591
/* define text selection */
592+
::-moz-selection {
593+
background: #3a3a3a;
594+
text-shadow: none;
595+
color: white;
596+
}
592597
::selection {
593598
background: #3a3a3a;
594599
text-shadow: none;
@@ -917,6 +922,11 @@ button.cc-loading {
917922
cursor: not-allowed;
918923
pointer-events: none;
919924
}
925+
a.btn.cc-loading::-moz-selection,
926+
button.cc-loading::-moz-selection {
927+
background: transparent;
928+
color: transparent;
929+
}
920930
a.btn.cc-loading::selection,
921931
button.cc-loading::selection {
922932
background: transparent;
@@ -1046,7 +1056,6 @@ table.cc-unbordered thead tr th {
10461056
@media screen and (max-width: 767px) {
10471057
table.cc-responsive {
10481058
display: -webkit-box;
1049-
display: -webkit-flex;
10501059
display: -ms-flexbox;
10511060
display: flex;
10521061
overflow: hidden;
@@ -1061,42 +1070,36 @@ table.cc-unbordered thead tr th {
10611070
}
10621071
table.cc-responsive thead {
10631072
display: -webkit-box;
1064-
display: -webkit-flex;
10651073
display: -ms-flexbox;
10661074
display: flex;
10671075
flex-negative: 0;
1068-
-webkit-flex-shrink: 0;
1069-
-ms-flex-negative: 0;
1070-
flex-shrink: 0;
1076+
-ms-flex-negative: 0;
1077+
flex-shrink: 0;
10711078
min-width: -webkit-min-content;
10721079
min-width: -moz-min-content;
10731080
min-width: min-content;
10741081
}
10751082
table.cc-responsive thead tr {
10761083
display: -webkit-box;
1077-
display: -webkit-flex;
10781084
display: -ms-flexbox;
10791085
display: flex;
10801086
-webkit-box-orient: vertical;
10811087
-webkit-box-direction: normal;
1082-
-webkit-flex-direction: column;
10831088
-ms-flex-direction: column;
10841089
flex-direction: column;
10851090
min-width: -webkit-min-content;
10861091
min-width: -moz-min-content;
10871092
min-width: min-content;
10881093
flex-negative: 0;
1089-
-webkit-flex-shrink: 0;
1090-
-ms-flex-negative: 0;
1091-
flex-shrink: 0;
1094+
-ms-flex-negative: 0;
1095+
flex-shrink: 0;
10921096
}
10931097
table.cc-responsive thead tr td,
10941098
table.cc-responsive thead tr th {
10951099
display: block;
10961100
border: 1px solid #e0e0e0;
10971101
border-top-width: 0px;
10981102
-webkit-box-flex: 1;
1099-
-webkit-flex: 1;
11001103
-ms-flex: 1;
11011104
flex: 1;
11021105
}
@@ -1106,11 +1109,9 @@ table.cc-unbordered thead tr th {
11061109
}
11071110
table.cc-responsive tbody {
11081111
display: -webkit-box;
1109-
display: -webkit-flex;
11101112
display: -ms-flexbox;
11111113
display: flex;
11121114
-webkit-box-flex: 1;
1113-
-webkit-flex: 1;
11141115
-ms-flex: 1;
11151116
flex: 1;
11161117
position: relative;
@@ -1120,16 +1121,13 @@ table.cc-unbordered thead tr th {
11201121
}
11211122
table.cc-responsive tbody tr {
11221123
display: -webkit-box;
1123-
display: -webkit-flex;
11241124
display: -ms-flexbox;
11251125
display: flex;
11261126
-webkit-box-flex: 1;
1127-
-webkit-flex: 1;
11281127
-ms-flex: 1;
11291128
flex: 1;
11301129
-webkit-box-orient: vertical;
11311130
-webkit-box-direction: normal;
1132-
-webkit-flex-direction: column;
11331131
-ms-flex-direction: column;
11341132
flex-direction: column;
11351133
min-width: -webkit-min-content;
@@ -1140,7 +1138,6 @@ table.cc-unbordered thead tr th {
11401138
table.cc-responsive tbody tr td {
11411139
display: block;
11421140
-webkit-box-flex: 1;
1143-
-webkit-flex: 1;
11441141
-ms-flex: 1;
11451142
flex: 1;
11461143
border: 1px solid #e0e0e0;
@@ -1525,6 +1522,11 @@ form .form-radio label {
15251522
cursor: pointer;
15261523
position: relative;
15271524
}
1525+
form .form-checkbox label::-moz-selection,
1526+
form .form-radio label::-moz-selection {
1527+
background: transparent;
1528+
color: inherit;
1529+
}
15281530
form .form-checkbox label::selection,
15291531
form .form-radio label::selection {
15301532
background: transparent;
@@ -1818,15 +1820,12 @@ img.cc-shadowed {
18181820
right: 0;
18191821
bottom: 0;
18201822
display: -webkit-box;
1821-
display: -webkit-flex;
18221823
display: -ms-flexbox;
18231824
display: flex;
18241825
-webkit-box-align: center;
1825-
-webkit-align-items: center;
18261826
-ms-flex-align: center;
18271827
align-items: center;
18281828
-webkit-box-pack: center;
1829-
-webkit-justify-content: center;
18301829
-ms-flex-pack: center;
18311830
justify-content: center;
18321831
}
@@ -1873,15 +1872,12 @@ img.cc-shadowed {
18731872
height: 60px;
18741873
position: relative;
18751874
display: -webkit-box;
1876-
display: -webkit-flex;
18771875
display: -ms-flexbox;
18781876
display: flex;
18791877
-webkit-box-pack: center;
1880-
-webkit-justify-content: center;
18811878
-ms-flex-pack: center;
18821879
justify-content: center;
18831880
-webkit-box-align: center;
1884-
-webkit-align-items: center;
18851881
-ms-flex-align: center;
18861882
align-items: center;
18871883
}
@@ -1923,11 +1919,9 @@ img.cc-shadowed {
19231919
*/
19241920
.alert {
19251921
display: -webkit-box;
1926-
display: -webkit-flex;
19271922
display: -ms-flexbox;
19281923
display: flex;
19291924
-webkit-box-align: center;
1930-
-webkit-align-items: center;
19311925
-ms-flex-align: center;
19321926
align-items: center;
19331927
margin: 1em 0;
@@ -1940,7 +1934,6 @@ img.cc-shadowed {
19401934
}
19411935
.alert > div {
19421936
-webkit-box-flex: 1;
1943-
-webkit-flex: 1;
19441937
-ms-flex: 1;
19451938
flex: 1;
19461939
padding: 20px;
@@ -1965,7 +1958,6 @@ img.cc-shadowed {
19651958
padding: 20px;
19661959
opacity: 0.4;
19671960
-webkit-box-ordinal-group: 3;
1968-
-webkit-order: 2;
19691961
-ms-flex-order: 2;
19701962
order: 2;
19711963
background-color: transparent;
@@ -2158,15 +2150,12 @@ img.cc-shadowed {
21582150
/* Modal wrapper */
21592151
.modal {
21602152
display: -webkit-box;
2161-
display: -webkit-flex;
21622153
display: -ms-flexbox;
21632154
display: flex;
21642155
-webkit-box-pack: center;
2165-
-webkit-justify-content: center;
21662156
-ms-flex-pack: center;
21672157
justify-content: center;
21682158
-webkit-box-align: center;
2169-
-webkit-align-items: center;
21702159
-ms-flex-align: center;
21712160
align-items: center;
21722161
-webkit-box-shadow: none;
@@ -2318,32 +2307,27 @@ img.cc-shadowed {
23182307
.modal[data-fixed-hf] .modal-content {
23192308
overflow: hidden;
23202309
display: -webkit-box;
2321-
display: -webkit-flex;
23222310
display: -ms-flexbox;
23232311
display: flex;
23242312
-webkit-box-orient: vertical;
23252313
-webkit-box-direction: normal;
2326-
-webkit-flex-direction: column;
23272314
-ms-flex-direction: column;
23282315
flex-direction: column;
23292316
}
23302317
.modal[data-fixed-hf] .modal-footer,
23312318
.modal[data-fixed-hf] .modal-header,
23322319
.modal[data-fixed-hf] .wrap-modal-body {
23332320
-webkit-box-flex: 1;
2334-
-webkit-flex: 1 0 auto;
23352321
-ms-flex: 1 0 auto;
23362322
flex: 1 0 auto;
23372323
}
23382324
.modal[data-fixed-hf] .wrap-modal-body {
23392325
overflow-y: auto;
2340-
-webkit-flex-shrink: 1;
2341-
-ms-flex-negative: 1;
2342-
flex-shrink: 1;
2326+
-ms-flex-negative: 1;
2327+
flex-shrink: 1;
23432328
}
23442329
.modal[data-fullscreen] {
23452330
-webkit-box-align: end;
2346-
-webkit-align-items: flex-end;
23472331
-ms-flex-align: end;
23482332
align-items: flex-end;
23492333
}
@@ -2362,14 +2346,12 @@ img.cc-shadowed {
23622346
.modal[data-fullscreen] .modal-footer,
23632347
.modal[data-fullscreen] .modal-header {
23642348
-webkit-box-flex: 0;
2365-
-webkit-flex: 0 0 auto;
23662349
-ms-flex: 0 0 auto;
23672350
flex: 0 0 auto;
23682351
}
23692352
.modal[data-fullscreen] .wrap-modal-body {
23702353
overflow-y: auto;
23712354
-webkit-box-flex: 1;
2372-
-webkit-flex-grow: 1;
23732355
-ms-flex-positive: 1;
23742356
flex-grow: 1;
23752357
}
@@ -2425,7 +2407,6 @@ img.cc-shadowed {
24252407
}
24262408
[data-open="slideInRight"][data-fullscreen] {
24272409
-webkit-box-pack: end;
2428-
-webkit-justify-content: flex-end;
24292410
-ms-flex-pack: end;
24302411
justify-content: flex-end;
24312412
/* Close button */
@@ -2459,7 +2440,6 @@ img.cc-shadowed {
24592440
}
24602441
[data-open="slideInLeft"][data-fullscreen] {
24612442
-webkit-box-pack: start;
2462-
-webkit-justify-content: flex-start;
24632443
-ms-flex-pack: start;
24642444
justify-content: flex-start;
24652445
/* Close button */

‎dist/chuckcss-light.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

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