scut 0.9.1 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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.