scut 0.9.1 → 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. checksums.yaml +4 -4
  2. data/dist/_scut.scss +45 -224
  3. data/lib/scut.rb +2 -2
  4. metadata +3 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: d80b9ec8504ae003dbf833bb431aab2add0cd9e1
4
- data.tar.gz: 35637f9c40c93e502a66227dc8801c49861bef9a
3
+ metadata.gz: ef09a6e68cff3e8fba825df4be0a71ffbafdb66f
4
+ data.tar.gz: 3b238b0fb1399f2364a43cf2c2c9143612b86837
5
5
  SHA512:
6
- metadata.gz: 77fc42920a37c75e2e96f4762cf6ec0ab7153cef922a607a8d6d423c76d34b4d4559d5a6930302a2667d80b063f373242322e61e1c2b3b89c8314003077fdf77
7
- data.tar.gz: 0233671560d46984e8193770c45fed813d28f674b14a2073fd251c3fe1896969fa9fc0df328090dce87bc5dcbf13d1276bbcc9cc16bbb49a356614b087834f2d
6
+ metadata.gz: 3932f976acfa4cdfac010e24c58b01cfa5980f1f6c344d76601c1f3fc1dfad53d7bb9c40f48ff66069db9c44220318b55b37b7254f82f3b83e06dadb6d920ec2
7
+ data.tar.gz: 77f58707d684145cb2ad16d28763fdc8250b239bb9eefb4d769b54b3d72b7d15a017560d70fcb39816da97d31f6682f5949fd5a2e1e9ff4d65839d41325961c3
data/dist/_scut.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  /*
2
- * Scut, a collection of Sass utilities to ease and improve our implementations of common style-code patterns.
3
- * v0.9.1
2
+ * Scut, a collection of Sass utilities
3
+ * to ease and improve our implementations of common style-code patterns.
4
+ * v0.10.0
4
5
  * Docs at http://davidtheclark.github.io/scut
5
6
  */
6
7
 
@@ -20,7 +21,6 @@
20
21
  %scut-clearfix {
21
22
  @include scut-clearfix;
22
23
  }
23
-
24
24
  // SCUT LIST: UNSTYLED
25
25
  // http://davidtheclark.github.io/scut/#list_unstyled
26
26
 
@@ -41,7 +41,6 @@
41
41
  %scut-list-unstyled {
42
42
  @include scut-list-unstyled();
43
43
  }
44
-
45
44
  // SCUT LIST: FLOATED
46
45
  // http://davidtheclark.github.io/scut/#list_floated
47
46
 
@@ -72,43 +71,6 @@
72
71
  @include scut-list-floated;
73
72
  }
74
73
 
75
-
76
- // SCUT POSITIONING: COORDINATES
77
- // http://davidtheclark.github.io/scut/#positioning_coordinates
78
-
79
- @function scut-autoOrValue ($val) {
80
- @if $val == a or $val == auto {
81
- @return auto;
82
- }
83
- @else {
84
- @return $val;
85
- }
86
- }
87
-
88
- @mixin scut-coords (
89
- $coordinates: n n n n
90
- ) {
91
-
92
- $top: nth($coordinates, 1);
93
- $right: nth($coordinates, 2);
94
- $bottom: nth($coordinates, 3);
95
- $left: nth($coordinates, 4);
96
-
97
- @if $top != n {
98
- top: scut-autoOrValue($top);
99
- }
100
- @if $right != n {
101
- right: scut-autoOrValue($right);
102
- }
103
- @if $bottom != n {
104
- bottom: scut-autoOrValue($bottom);
105
- }
106
- @if $left != n {
107
- left: scut-autoOrValue($left);
108
- }
109
-
110
- }
111
-
112
74
  // SCUT STRIP UNIT
113
75
  // http://davidtheclark.github.io/scut/#strip_unit
114
76
 
@@ -119,7 +81,6 @@
119
81
  @return $num / ($num * 0 + 1);
120
82
 
121
83
  }
122
-
123
84
  // SCUT PIXELS TO EMS
124
85
  // http://davidtheclark.github.io/scut/#pixels-to-ems
125
86
 
@@ -154,7 +115,6 @@ $scut-em-base: 16 !default;
154
115
  }
155
116
 
156
117
  }
157
-
158
118
  // SCUT PIXELS TO REMS
159
119
  // http://davidtheclark.github.io/scut/#pixels-to-rems
160
120
 
@@ -182,7 +142,6 @@ $scut-rem-base: 16 !default;
182
142
  }
183
143
 
184
144
  }
185
-
186
145
  // SCUT BORDER
187
146
  // http://davidtheclark.github.io/scut/#border
188
147
 
@@ -222,7 +181,6 @@ $scut-rem-base: 16 !default;
222
181
  }
223
182
 
224
183
  }
225
-
226
184
  // SCUT CIRCLE
227
185
  // http://davidtheclark.github.io/scut/#circle
228
186
 
@@ -251,69 +209,6 @@ $scut-rem-base: 16 !default;
251
209
  }
252
210
 
253
211
  }
254
-
255
- // SCUT COLOR SWAP
256
- // http://davidtheclark.github.io/scut/#color_swap
257
-
258
- @mixin scut-color-swap (
259
- $off,
260
- $on,
261
- $duration: 0,
262
- $bg: false
263
- ) {
264
-
265
- $transition-properties: null;
266
- $off-is-list: type-of($off) == list;
267
- $on-is-list: type-of($on) == list;
268
-
269
- // If $off IS a list,
270
- // assign color and background-color.
271
- @if $off-is-list {
272
- color: nth($off, 1);
273
- background-color: nth($off, 2);
274
- $transition-properties: background-color, color;
275
- }
276
-
277
- // If $off IS NOT a list and $bg is TRUE,
278
- // assign background-color.
279
- @else if $bg and not $off-is-list {
280
- background-color: $off;
281
- $transition-properties: background-color;
282
- }
283
-
284
- // If $off IS NOT a list and $bg is FALSE,
285
- // assign color.
286
- @else {
287
- color: $off;
288
- $transition-properties: color;
289
- }
290
-
291
- // Only set-up transition if $duration != 0.
292
- @if $duration != 0 {
293
- transition-property: $transition-properties;
294
- transition-duration: $duration;
295
- }
296
-
297
- &:hover,
298
- &:focus {
299
-
300
- // $on is treated the same as $off, above.
301
- @if $on-is-list {
302
- color: nth($on, 1);
303
- background-color: nth($on, 2);
304
- }
305
-
306
- @else if $bg and not $on-is-list {
307
- background-color: $on;
308
- }
309
-
310
- @else {
311
- color: $on;
312
- }
313
- }
314
-
315
- }
316
-
317
212
  // SCUT HD BREAKPOINT
318
213
  // http://davidtheclark.github.io/scut/#hd_breakpoint
319
214
 
@@ -328,7 +223,6 @@ $scut-rem-base: 16 !default;
328
223
  }
329
224
 
330
225
  }
331
-
332
226
  // SCUT HIDE VISUALLY
333
227
  // http://davidtheclark.github.io/scut/#hide_visually
334
228
 
@@ -348,7 +242,6 @@ $scut-rem-base: 16 !default;
348
242
  %scut-hide-visually {
349
243
  @include scut-hide-visually;
350
244
  }
351
-
352
245
  // SCUT IMAGE REPLACEMENT
353
246
  // http://davidtheclark.github.io/scut/#image_replacement
354
247
 
@@ -363,7 +256,6 @@ $scut-rem-base: 16 !default;
363
256
  %scut-image-replace {
364
257
  @include scut-image-replace;
365
258
  }
366
-
367
259
  // SCUT REMS WITH FALLBACK
368
260
  // http://davidtheclark.github.io/scut/#rems_with_fallback
369
261
 
@@ -385,7 +277,6 @@ $scut-rem-base: 16 !default;
385
277
  #{$property}: $rem-vals;
386
278
 
387
279
  }
388
-
389
280
  // SCUT RESET
390
281
  // http://davidtheclark.github.io/scut/#reset
391
282
 
@@ -501,7 +392,6 @@ $scut-rem-base: 16 !default;
501
392
  @include scut-reset-paragraph;
502
393
  }
503
394
  }
504
-
505
395
  // SCUT SELECTED
506
396
  // http://davidtheclark.github.io/scut/#selected
507
397
 
@@ -524,7 +414,6 @@ $scut-rem-base: 16 !default;
524
414
  }
525
415
 
526
416
  }
527
-
528
417
  // SCUT TRIANGLE
529
418
  // http://davidtheclark.github.io/scut/#triangle
530
419
 
@@ -630,7 +519,6 @@ $scut-rem-base: 16 !default;
630
519
  %scut-triangle {
631
520
  @include scut-triangle;
632
521
  }
633
-
634
522
  // SCUT CENTER ABSOLUTELY
635
523
  // http://davidtheclark.github.io/scut/#center_absolutely
636
524
 
@@ -656,7 +544,6 @@ $scut-rem-base: 16 !default;
656
544
  }
657
545
 
658
546
  }
659
-
660
547
  // SCUT CENTER BLOCK
661
548
  // http://davidtheclark.github.io/scut/#center_block
662
549
 
@@ -676,7 +563,6 @@ $scut-rem-base: 16 !default;
676
563
  @include scut-center-block;
677
564
  }
678
565
 
679
-
680
566
  // SCUT CENTER TRANSFORM
681
567
  // http://davidtheclark.github.io/scut/#center_transform
682
568
 
@@ -727,7 +613,6 @@ $scut-rem-base: 16 !default;
727
613
  @include scut-center-transform(y);
728
614
  }
729
615
 
730
-
731
616
  // SCUT FILL
732
617
  // http://davidtheclark.github.io/scut/#fill
733
618
 
@@ -752,41 +637,6 @@ $scut-rem-base: 16 !default;
752
637
  %scut-fill {
753
638
  @include scut-fill;
754
639
  }
755
-
756
- // SCUT FONTICON-LABEL
757
- // http://davidtheclark.github.io/scut/#fonticon_label
758
-
759
- @mixin scut-fonticon-label (
760
- $font,
761
- $glyph,
762
- $space: 0.25em,
763
- $side: before
764
- ) {
765
-
766
- &:#{$side} {
767
- content: $glyph;
768
- font-family: $font;
769
- font-style: normal;
770
- font-weight: normal;
771
- -webkit-font-smoothing: antialiased;
772
- display: inline-block;
773
- vertical-align: middle;
774
-
775
- @if $side == before and $space != 0 {
776
- margin-right: $space;
777
- }
778
- @else if $side == after and $space != 0 {
779
- margin-left: $space;
780
- }
781
-
782
- // Add any additional styling.
783
- @content;
784
-
785
- }
786
-
787
- }
788
-
789
-
790
640
  // SCUT LIST: CUSTOM
791
641
  // http://davidtheclark.github.io/scut/#list_custom
792
642
 
@@ -839,7 +689,6 @@ $scut-rem-base: 16 !default;
839
689
  }
840
690
 
841
691
  }
842
-
843
692
  // SCUT LIST: DIVIDED
844
693
  // http://davidtheclark.github.io/scut/#list_divided
845
694
 
@@ -898,7 +747,6 @@ $scut-rem-base: 16 !default;
898
747
  %scut-list-breadcrumb {
899
748
  @include scut-list-divided("/");
900
749
  }
901
-
902
750
  // SCUT LIST: INLINE
903
751
  // http://davidtheclark.github.io/scut/#list_inline
904
752
 
@@ -926,7 +774,6 @@ $scut-rem-base: 16 !default;
926
774
  %scut-list-inline {
927
775
  @include scut-list-inline;
928
776
  }
929
-
930
777
  // SCUT LIST: PUNCTUATED
931
778
  // http://davidtheclark.github.io/scut/#list_punctuated
932
779
 
@@ -952,7 +799,6 @@ $scut-rem-base: 16 !default;
952
799
  %scut-list-comma {
953
800
  @include scut-list-punctuated;
954
801
  }
955
-
956
802
  // SCUT MARGIN
957
803
  // http://davidtheclark.github.io/scut/#margin
958
804
 
@@ -1016,7 +862,6 @@ $scut-rem-base: 16 !default;
1016
862
  }
1017
863
 
1018
864
  }
1019
-
1020
865
  // SCUT PADDING
1021
866
  // http://davidtheclark.github.io/scut/#padding
1022
867
 
@@ -1079,7 +924,6 @@ $scut-rem-base: 16 !default;
1079
924
  }
1080
925
  }
1081
926
  }
1082
-
1083
927
  // SCUT POSITIONING: ABSOLUTE
1084
928
  // http://davidtheclark.github.io/scut/#positioning_absolute
1085
929
 
@@ -1097,7 +941,41 @@ $scut-rem-base: 16 !default;
1097
941
  %scut-absolute {
1098
942
  @include scut-absolute;
1099
943
  }
944
+ // SCUT POSITIONING: COORDINATES
945
+ // http://davidtheclark.github.io/scut/#positioning_coordinates
946
+
947
+ @function scut-autoOrValue ($val) {
948
+ @if $val == a or $val == auto {
949
+ @return auto;
950
+ }
951
+ @else {
952
+ @return $val;
953
+ }
954
+ }
955
+
956
+ @mixin scut-coords (
957
+ $coordinates: n n n n
958
+ ) {
959
+
960
+ $top: nth($coordinates, 1);
961
+ $right: nth($coordinates, 2);
962
+ $bottom: nth($coordinates, 3);
963
+ $left: nth($coordinates, 4);
964
+
965
+ @if $top != n {
966
+ top: scut-autoOrValue($top);
967
+ }
968
+ @if $right != n {
969
+ right: scut-autoOrValue($right);
970
+ }
971
+ @if $bottom != n {
972
+ bottom: scut-autoOrValue($bottom);
973
+ }
974
+ @if $left != n {
975
+ left: scut-autoOrValue($left);
976
+ }
1100
977
 
978
+ }
1101
979
  // SCUT POSITIONING: FIXED
1102
980
  // http://davidtheclark.github.io/scut/#positioning_fixed
1103
981
 
@@ -1115,7 +993,6 @@ $scut-rem-base: 16 !default;
1115
993
  %scut-fixed {
1116
994
  @include scut-fixed;
1117
995
  }
1118
-
1119
996
  // SCUT POSITIONING: RELATIVE
1120
997
  // http://davidtheclark.github.io/scut/#positioning_relative
1121
998
 
@@ -1129,7 +1006,6 @@ $scut-rem-base: 16 !default;
1129
1006
  @include scut-coords($coordinates);
1130
1007
 
1131
1008
  }
1132
-
1133
1009
  // SCUT RATIO-BOX
1134
1010
  // http://davidtheclark.github.io/scut/#ratio-box
1135
1011
 
@@ -1155,7 +1031,6 @@ $scut-rem-base: 16 !default;
1155
1031
  %scut-ratio-box {
1156
1032
  @include scut-ratio-box;
1157
1033
  }
1158
-
1159
1034
  // SCUT SIZE
1160
1035
  // http://davidtheclark.github.io/scut/#size
1161
1036
 
@@ -1173,7 +1048,6 @@ $scut-rem-base: 16 !default;
1173
1048
  }
1174
1049
 
1175
1050
  }
1176
-
1177
1051
  // SCUT STICKY FOOTER
1178
1052
  // http://davidtheclark.github.io/scut/#sticky_footer
1179
1053
 
@@ -1202,7 +1076,6 @@ $scut-rem-base: 16 !default;
1202
1076
  }
1203
1077
 
1204
1078
  }
1205
-
1206
1079
  // SCUT V-CENTER: INLINE-BLOCK
1207
1080
  // http://davidtheclark.github.io/scut/#v-center_inline-block
1208
1081
 
@@ -1236,7 +1109,6 @@ $scut-rem-base: 16 !default;
1236
1109
  @include scut-vcenter-ib;
1237
1110
  }
1238
1111
 
1239
-
1240
1112
  // SCUT V-CENTER: LINE-HEIGHT
1241
1113
  // http://davidtheclark.github.io/scut/#v-center_line-height
1242
1114
 
@@ -1248,7 +1120,6 @@ $scut-rem-base: 16 !default;
1248
1120
  line-height: $height;
1249
1121
 
1250
1122
  }
1251
-
1252
1123
  // SCUT V-CENTER: TABLE DISPLAY
1253
1124
  // http://davidtheclark.github.io/scut/#v-center_table_display
1254
1125
 
@@ -1269,7 +1140,6 @@ $scut-rem-base: 16 !default;
1269
1140
  %scut-vcenter-td {
1270
1141
  @include scut-vcenter-td;
1271
1142
  }
1272
-
1273
1143
  // SCUT V-CENTER: TRANSFORM
1274
1144
  // http://davidtheclark.github.io/scut/#v-center_transform
1275
1145
 
@@ -1282,55 +1152,6 @@ $scut-rem-base: 16 !default;
1282
1152
  %scut-vcenter-tt {
1283
1153
  @include scut-vcenter-tt;
1284
1154
  }
1285
-
1286
- // BOOKENDS
1287
- // http://davidtheclark.github.io/scut/#bookends
1288
-
1289
- @mixin scut-bookends (
1290
- $space: 0.5em,
1291
- $content: ""
1292
- ) {
1293
-
1294
- $content-list: length($content) == 2;
1295
-
1296
- // If $content is a list or there $space exist,
1297
- // set some pseudo-element-specific rules.
1298
- @if $content-list or $space {
1299
- &:before {
1300
- @if $content-list {
1301
- content: nth($content, 1);
1302
- }
1303
- @if $space {
1304
- margin-right: $space;
1305
- }
1306
- }
1307
- &:after {
1308
- @if $content-list {
1309
- content: nth($content, 2);
1310
- }
1311
- @if $space {
1312
- margin-left: $space;
1313
- }
1314
- }
1315
- }
1316
-
1317
- // Then set some rules that apply to both
1318
- // pseudo-elements.
1319
- &:before,
1320
- &:after {
1321
- display: inline-block;
1322
-
1323
- @if $content and length($content) == 1 {
1324
- content: $content;
1325
- }
1326
-
1327
- // Any additional styling applies to both.
1328
- @content;
1329
-
1330
- }
1331
-
1332
- }
1333
-
1334
1155
  // SCUT CSS CHARACTERS
1335
1156
  // http://davidtheclark.github.io/scut/#characters
1336
1157
 
@@ -1424,7 +1245,14 @@ $scut-bullseye: "\25ce";
1424
1245
  $scut-circle: "\25cf";
1425
1246
  // white circle
1426
1247
  $scut-whitecircle: "\25cb";
1427
-
1248
+ // square
1249
+ $scut-square: "\25a0";
1250
+ // white square
1251
+ $scut-whitesquare: "\25a1";
1252
+ // small square
1253
+ $scut-ssquare: "\25aa";
1254
+ // small white square
1255
+ $scut-swhitesquare: "\25ab";
1428
1256
  // SCUT FONT-FACE
1429
1257
  // http://davidtheclark.github.io/scut/#font-face
1430
1258
 
@@ -1477,7 +1305,6 @@ $scut-whitecircle: "\25cb";
1477
1305
  }
1478
1306
 
1479
1307
  }
1480
-
1481
1308
  // SCUT HANGING INDENT
1482
1309
  // http://davidtheclark.github.io/scut/#hanging_indent
1483
1310
 
@@ -1497,7 +1324,6 @@ $scut-whitecircle: "\25cb";
1497
1324
  %scut-hanging-indent {
1498
1325
  @include scut-hanging-indent;
1499
1326
  }
1500
-
1501
1327
  // SCUT INDENTED PARAGRAPHS
1502
1328
  // http://davidtheclark.github.io/scut/#indented_paragraphs
1503
1329
 
@@ -1522,7 +1348,6 @@ $scut-whitecircle: "\25cb";
1522
1348
  %scut-indented-ps {
1523
1349
  @include scut-indented-ps;
1524
1350
  }
1525
-
1526
1351
  // SCUT KEY-VALUE
1527
1352
  // http://davidtheclark.github.io/scut/#key-value
1528
1353
 
@@ -1558,7 +1383,6 @@ $scut-whitecircle: "\25cb";
1558
1383
  %scut-key-val {
1559
1384
  @include scut-key-val;
1560
1385
  }
1561
-
1562
1386
  // SCUT LINK: BOTTOM-BORDERED
1563
1387
  // http://davidtheclark.github.io/scut/#link_bottom-bordered
1564
1388
 
@@ -1581,7 +1405,6 @@ $scut-whitecircle: "\25cb";
1581
1405
  %scut-link-bb {
1582
1406
  @include scut-link-bb;
1583
1407
  }
1584
-
1585
1408
  // SCUT REVERSE ITALICS
1586
1409
  // http://davidtheclark.github.io/scut/#reverse-italics
1587
1410
 
@@ -1604,7 +1427,6 @@ $scut-whitecircle: "\25cb";
1604
1427
  %scut-reverse-italics {
1605
1428
  @include scut-reverse-italics;
1606
1429
  }
1607
-
1608
1430
  // SCUT SIDE-LINED
1609
1431
  // http://davidtheclark.github.io/scut/#side-lined
1610
1432
 
@@ -1664,7 +1486,6 @@ $scut-whitecircle: "\25cb";
1664
1486
  %scut-side-lined {
1665
1487
  @include scut-side-lined;
1666
1488
  }
1667
-
1668
1489
  // SCUT TRUNCATE
1669
1490
  // http://davidtheclark.github.io/scut/#truncate
1670
1491
 
data/lib/scut.rb CHANGED
@@ -5,6 +5,6 @@ stylesheets_dir = File.join(base_directory, 'dist')
5
5
  Compass::Frameworks.register('Scut', :stylesheets_directory => stylesheets_dir)
6
6
 
7
7
  module Scut
8
- VERSION = "0.9.1"
9
- DATE = "2014-02-10"
8
+ VERSION = "0.10.0"
9
+ DATE = "2014-03-14"
10
10
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: scut
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.1
4
+ version: 0.10.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - David Clark
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-02-10 00:00:00.000000000 Z
11
+ date: 2014-03-14 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -60,7 +60,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
60
60
  version: '0'
61
61
  requirements: []
62
62
  rubyforge_project: scut
63
- rubygems_version: 2.2.0
63
+ rubygems_version: 2.2.2
64
64
  signing_key:
65
65
  specification_version: 4
66
66
  summary: Sass utilities for the frontend laborer.