pure-css-rails 0.2.1 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,15 @@
1
+ ---
2
+ !binary "U0hBMQ==":
3
+ metadata.gz: !binary |-
4
+ MWQ4ODJiMzYwMDg4YTcwYzliYmRhN2EwNDhmMGVlODZjMzYzYTQyYw==
5
+ data.tar.gz: !binary |-
6
+ OWFlOTVlMzUyNzRmYjQyMWUxZDY2YjczMmI1Y2UyOWY3YjRmNTZjOQ==
7
+ !binary "U0hBNTEy":
8
+ metadata.gz: !binary |-
9
+ OGFkZjU4OTQ1MmNiMTk1ZDIwZmMwMTQyZDA3MzJmZTJmZjE2OTMxYzBkNzJi
10
+ OThmMDMzNWM3YzE2NjE0ODBkMzQxODIwMGE2ZTQwN2NiNzQ3OGFhNDNhZmIy
11
+ Mjk4NjE5Yzc0ODZjZjA4ZGFmMjA3OWI2MjdkY2UyYTY2ZjI1Y2M=
12
+ data.tar.gz: !binary |-
13
+ ODM5NDBlMThjODc2ZjA0Njg0ZmQ4MDBhYTM5ODRjZDRjNTcyMjk3NTk2ZTcx
14
+ MzJiZmNkZTlkZjQ3YzNjNTIzYjE5ZjJmNDk4M2QzYzdiZTc1MmFmZGExMmJi
15
+ MTU5MzI2MjIwZjQ5MzdhZTUxYzk5NGEyOTY3OTgxZTk2YWQ0MzA=
checksums.yaml.gz.sig ADDED
@@ -0,0 +1 @@
1
+ �����g1C��d4�?���o��US�6t�Sb���@���]���#��'�`�qBϬq"Mp�P�P�����I\&��/����L��a%�C\x���`���'�[����7ؤJ$���suzx#��A�4��F�/K�D�߰gLd�Õ�U�4��8�[�zb)me�h�K��̑ߘ����g�@�Ó��LF".�j�� �s8?2$���7c/Ұ=\�T�&G9�f>/��tK�S�LY��l�(�����t
data.tar.gz.sig CHANGED
@@ -1 +1,2 @@
1
- DU}ke5|����|Ծ;<�D�%ۖb� ����*���Qv'\�Rd]k'�s��E��/Y����(��F�$>�v�=�h{3b����U��Y��MV��c[����ÕJ1O�`I5*9ajC��s�O��~.��n?�m��[0�Ӛ� L�-ر��0<Ѐkn=9ױ\%���@~Ab.��zYBl kXܡ�OD��`f�b��$n��i'HkO5/|�v�Wv(�]r����Ba�v�Ĥ E6!
1
+ j*<��F0��Uw�(�aqk���%��K9�ߌ2��uj�Ӿ�8�S{��`�!?�*Oe&��G�ő�Byp"������e���J��p�~��E���7{QQU/E0hj
2
+ c��r� }A��؇1K������_e��+ՠ�ᰮ� ��C�!���B�������0$�R�~�+/I�*{y�7�g�}���H�_�vd�LO�7݂��N�)&�F�q1.]��w�a�*\�%� ZyY�&x-
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Pure CSS for Rails Asset Pipeline
2
2
 
3
- Based on [pure.css](http://purecss.io/) version 0.2.1.
3
+ Based on [pure.css](http://purecss.io/) version 0.3.0.
4
4
 
5
5
  ## Install
6
6
 
@@ -15,7 +15,7 @@ Based on [pure.css](http://purecss.io/) version 0.2.1.
15
15
  3. Add `pure` to application.css (Use `pure-nr` for non-responsive version)
16
16
 
17
17
 
18
- `*= pure`
18
+ `*= require pure`
19
19
 
20
20
  4. Profit!
21
21
 
@@ -26,9 +26,10 @@ You don't need to add `normalize.css`, it is already included.
26
26
  Since 0.2.1, the gem and the pure.css versions match, so it is easier to pin
27
27
  the library to a specific version via the Gemfile.
28
28
 
29
- 0.2.1 - Pure 0.2.1
30
- 0.0.2 - Pure 0.2.0
31
- 0.0.1 - Pure 0.1.0
29
+ * 0.3.0 - Pure 0.3.0
30
+ * 0.2.1 - Pure 0.2.1
31
+ * 0.0.2 - Pure 0.2.0
32
+ * 0.0.1 - Pure 0.1.0
32
33
 
33
34
  ## Contribute
34
35
 
@@ -40,4 +41,4 @@ from a topic branch) - patches are always welcome.
40
41
 
41
42
  Otherwise, just let me know and I'll see how the issue can be resolved. Other
42
43
  contributions (correcting or extending the docs / spreading the word) are also
43
- welcome.
44
+ welcome! Thanks!
@@ -1,5 +1,5 @@
1
1
  module PureCSS
2
2
  module Rails
3
- VERSION = "0.2.1"
3
+ VERSION = "0.3.0"
4
4
  end
5
5
  end
@@ -9,6 +9,7 @@ Gem::Specification.new do |gem|
9
9
  gem.authors = ["Balazs Kutil"]
10
10
  gem.email = ["balazs@kutilovi.cz"]
11
11
  gem.description = %q{Pure CSS for Rails Asset Pipeline}
12
+ gem.license = 'MIT'
12
13
  gem.summary = %q{Pure CSS for Rails Asset Pipeline}
13
14
  gem.homepage = "https://github.com/bkutil/pure-css-rails"
14
15
  gem.signing_key = '/home/balazs/documents/keys/gem-private_key.pem'
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Pure v0.2.1
2
+ Pure v0.3.0
3
3
  Copyright 2013 Yahoo! Inc. All rights reserved.
4
4
  Licensed under the BSD License.
5
5
  https://github.com/yui/pure/blob/master/LICENSE.md
@@ -8,7 +8,6 @@ https://github.com/yui/pure/blob/master/LICENSE.md
8
8
  normalize.css v1.1.2 | MIT License | git.io/normalize
9
9
  Copyright (c) Nicolas Gallagher and Jonathan Neal
10
10
  */
11
- /* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT! */
12
11
  /*! normalize.css v1.1.2 | MIT License | git.io/normalize */
13
12
 
14
13
  /* ==========================================================================
@@ -575,7 +574,6 @@ table {
575
574
  background-color: #E6E6E6;
576
575
  text-decoration: none;
577
576
  border-radius: 2px;
578
- -webkit-font-smoothing: antialiased;
579
577
  /* Transitions */
580
578
  -webkit-transition: 0.1s linear -webkit-box-shadow;
581
579
  -moz-transition: 0.1s linear -moz-box-shadow;
@@ -637,156 +635,6 @@ a.pure-button-selected {
637
635
  color: #fff;
638
636
  }
639
637
 
640
- /* This page has Normalize.css form-specific style rules applied to a .pure-form context */
641
-
642
- /* ==========
643
- Forms Core
644
- =========*/
645
-
646
- /*
647
- * Corrects margin displayed oddly in IE 6/7.
648
- */
649
-
650
- .pure-form {
651
- margin: 0;
652
- }
653
-
654
- /*
655
- * Define consistent border, margin, and padding.
656
- */
657
-
658
- .pure-form fieldset {
659
- border: 1px solid #c0c0c0;
660
- margin: 0 2px;
661
- padding: 0.35em 0.625em 0.75em;
662
- }
663
-
664
- /*
665
- * 1. Corrects color not being inherited in IE 6/7/8/9.
666
- * 2. Corrects text not wrapping in Firefox 3.
667
- * 3. Corrects alignment displayed oddly in IE 6/7.
668
- */
669
-
670
- .pure-form legend {
671
- border: 0; /* 1 */
672
- padding: 0;
673
- white-space: normal; /* 2 */
674
- *margin-left: -7px; /* 3 */
675
- }
676
-
677
- /*
678
- * 1. Corrects font size not being inherited in all browsers.
679
- * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
680
- * and Chrome.
681
- * 3. Improves appearance and consistency in all browsers.
682
- */
683
-
684
- .pure-form button,
685
- .pure-form input,
686
- .pure-form select,
687
- .pure-form textarea {
688
- font-size: 100%; /* 1 */
689
- margin: 0; /* 2 */
690
- vertical-align: baseline; /* 3 */
691
- *vertical-align: middle; /* 3 */
692
- }
693
-
694
- /*
695
- * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
696
- * the UA stylesheet.
697
- */
698
-
699
- .pure-form button,
700
- .pure-form input {
701
- line-height: normal;
702
- }
703
-
704
- /*
705
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
706
- * and `video` controls.
707
- * 2. Corrects inability to style clickable `input` types in iOS.
708
- * 3. Improves usability and consistency of cursor style between image-type
709
- * `input` and others.
710
- * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
711
- * Known issue: inner spacing remains in IE 6.
712
- */
713
-
714
- .pure-form button,
715
- .pure-form input[type="button"], /* 1 */
716
- .pure-form input[type="reset"],
717
- .pure-form input[type="submit"] {
718
- -webkit-appearance: button; /* 2 */
719
- cursor: pointer; /* 3 */
720
- *overflow: visible; /* 4 */
721
- }
722
-
723
- /*
724
- * Re-set default cursor for disabled elements.
725
- */
726
-
727
- .pure-form button[disabled],
728
- .pure-form input[disabled] {
729
- cursor: default;
730
- }
731
-
732
- /*
733
- * 1. Addresses box sizing set to content-box in IE 8/9.
734
- * 2. Removes excess padding in IE 8/9.
735
- * 3. Removes excess padding in IE 7.
736
- * Known issue: excess padding remains in IE 6.
737
- */
738
-
739
- .pure-form input[type="checkbox"],
740
- .pure-form input[type="radio"] {
741
- box-sizing: border-box; /* 1 */
742
- padding: 0; /* 2 */
743
- *height: 13px; /* 3 */
744
- *width: 13px; /* 3 */
745
- }
746
-
747
- /*
748
- * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
749
- * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
750
- * (include `-moz` to future-proof).
751
- */
752
-
753
- .pure-form input[type="search"] {
754
- -webkit-appearance: textfield; /* 1 */
755
- -moz-box-sizing: content-box;
756
- -webkit-box-sizing: content-box; /* 2 */
757
- box-sizing: content-box;
758
- }
759
-
760
- /*
761
- * Removes inner padding and search cancel button in Safari 5 and Chrome
762
- * on OS X.
763
- */
764
-
765
- .pure-form input[type="search"]::-webkit-search-cancel-button,
766
- .pure-form input[type="search"]::-webkit-search-decoration {
767
- -webkit-appearance: none;
768
- }
769
-
770
- /*
771
- * Removes inner padding and border in Firefox 3+.
772
- */
773
-
774
- .pure-form button::-moz-focus-inner,
775
- .pure-form input::-moz-focus-inner {
776
- border: 0;
777
- padding: 0;
778
- }
779
-
780
- /*
781
- * 1. Removes default vertical scrollbar in IE 6/7/8/9.
782
- * 2. Improves readability and alignment in all browsers.
783
- */
784
-
785
- .pure-form textarea {
786
- overflow: auto; /* 1 */
787
- vertical-align: top; /* 2 */
788
- }
789
-
790
638
  .pure-form input[type="text"],
791
639
  .pure-form input[type="password"],
792
640
  .pure-form input[type="email"],
@@ -817,7 +665,6 @@ a.pure-button-selected {
817
665
  -webkit-box-sizing: border-box;
818
666
  -moz-box-sizing: border-box;
819
667
  box-sizing: border-box;
820
- -webkit-font-smoothing: antialiased;
821
668
  }
822
669
 
823
670
  .pure-form input[type="text"]:focus,
@@ -874,16 +721,12 @@ a.pure-button-selected {
874
721
  }
875
722
  .pure-form input[readonly],
876
723
  .pure-form select[readonly],
877
- .pure-form textarea[readonly],
878
- .pure-form input[readonly]:focus,
879
- .pure-form select[readonly]:focus,
880
- .pure-form textarea[readonly]:focus {
724
+ .pure-form textarea[readonly] {
881
725
  background: #eee; /* menu hover bg color */
882
726
  color: #777; /* menu text color */
883
727
  border-color: #ccc;
884
728
  }
885
729
 
886
-
887
730
  .pure-form input:focus:invalid,
888
731
  .pure-form textarea:focus:invalid,
889
732
  .pure-form select:focus:invalid {
@@ -1042,11 +885,45 @@ a.pure-button-selected {
1042
885
  font-size: 90%;
1043
886
  }
1044
887
 
888
+ /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
889
+
1045
890
  .pure-g {
1046
891
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
1047
892
  *letter-spacing: normal; /* reset IE < 8 */
1048
893
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
1049
894
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
895
+
896
+ /*
897
+ Sets the font stack to fonts known to work properly with the above letter
898
+ and word spacings. See: https://github.com/yui/pure/issues/41/
899
+
900
+ The following font stack makes Pure Grids work on all known environments.
901
+
902
+ * FreeSans: Ships with many Linux distros, including Ubuntu
903
+
904
+ * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
905
+ Arial to get picked up by the browser, even though neither is available
906
+ in Chrome OS.
907
+
908
+ * Droid Sans: Ships with all versions of Android.
909
+
910
+ * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
911
+ */
912
+ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
913
+
914
+ /*
915
+ Use flexbox when possible to avoid `letter-spacing` side-effects.
916
+
917
+ NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
918
+ `-moz-` prefix version is omitted.
919
+ */
920
+
921
+ display: -webkit-flex;
922
+ -webkit-flex-flow: row wrap;
923
+
924
+ /* IE10 uses display: flexbox */
925
+ display: -ms-flexbox;
926
+ -ms-flex-flow: row wrap;
1050
927
  }
1051
928
 
1052
929
  /* Opera as of 12 on Windows needs word-spacing.
@@ -1068,6 +945,14 @@ a.pure-button-selected {
1068
945
  text-rendering: auto;
1069
946
  }
1070
947
 
948
+ /*
949
+ Resets the font family back to the OS/browser's default sans-serif font,
950
+ this the same font stack that Normalize.css sets for the `body`.
951
+ */
952
+ .pure-g [class *= "pure-u"] {
953
+ font-family: sans-serif;
954
+ }
955
+
1071
956
  .pure-u-1,
1072
957
  .pure-u-1-2,
1073
958
  .pure-u-1-3,
@@ -1111,110 +996,137 @@ a.pure-button-selected {
1111
996
 
1112
997
  .pure-u-1-2 {
1113
998
  width: 50%;
999
+ *width: 49.969%;
1114
1000
  }
1115
1001
 
1116
1002
  .pure-u-1-3 {
1117
- width: 33.33333%;
1003
+ width: 33.3333%;
1004
+ *width: 33.3023%;
1118
1005
  }
1119
1006
 
1120
1007
  .pure-u-2-3 {
1121
- width: 66.66666%;
1008
+ width: 66.6667%;
1009
+ *width: 66.6357%;
1122
1010
  }
1123
1011
 
1124
1012
  .pure-u-1-4 {
1125
1013
  width: 25%;
1014
+ *width: 24.969%;
1126
1015
  }
1127
1016
 
1128
1017
  .pure-u-3-4 {
1129
1018
  width: 75%;
1019
+ *width: 74.969%;
1130
1020
  }
1131
1021
 
1132
1022
  .pure-u-1-5 {
1133
1023
  width: 20%;
1024
+ *width: 19.969%;
1134
1025
  }
1135
1026
 
1136
1027
  .pure-u-2-5 {
1137
1028
  width: 40%;
1029
+ *width: 39.969%;
1138
1030
  }
1139
1031
 
1140
1032
  .pure-u-3-5 {
1141
1033
  width: 60%;
1034
+ *width: 59.969%;
1142
1035
  }
1143
1036
 
1144
1037
  .pure-u-4-5 {
1145
1038
  width: 80%;
1039
+ *width: 79.969%;
1146
1040
  }
1147
1041
 
1148
1042
  .pure-u-1-6 {
1149
- width: 16.666%;
1043
+ width: 16.6667%;
1044
+ *width: 16.6357%;
1150
1045
  }
1151
1046
 
1152
1047
  .pure-u-5-6 {
1153
- width: 83.33%;
1048
+ width: 83.3333%;
1049
+ *width: 83.3023%;
1154
1050
  }
1155
1051
 
1156
1052
  .pure-u-1-8 {
1157
1053
  width: 12.5%;
1054
+ *width: 12.469%;
1158
1055
  }
1159
1056
 
1160
1057
  .pure-u-3-8 {
1161
1058
  width: 37.5%;
1059
+ *width: 37.469%;
1162
1060
  }
1163
1061
 
1164
1062
  .pure-u-5-8 {
1165
1063
  width: 62.5%;
1064
+ *width: 62.469%;
1166
1065
  }
1167
1066
 
1168
1067
  .pure-u-7-8 {
1169
1068
  width: 87.5%;
1069
+ *width: 87.469%;
1170
1070
  }
1171
1071
 
1172
1072
  .pure-u-1-12 {
1173
1073
  width: 8.3333%;
1074
+ *width: 8.3023%;
1174
1075
  }
1175
1076
 
1176
1077
  .pure-u-5-12 {
1177
- width: 41.6666%;
1078
+ width: 41.6667%;
1079
+ *width: 41.6357%;
1178
1080
  }
1179
1081
 
1180
1082
  .pure-u-7-12 {
1181
1083
  width: 58.3333%;
1084
+ *width: 58.3023%;
1182
1085
  }
1183
1086
 
1184
1087
  .pure-u-11-12 {
1185
- width: 91.6666%;
1088
+ width: 91.6667%;
1089
+ *width: 91.6357%;
1186
1090
  }
1187
1091
 
1188
1092
  .pure-u-1-24 {
1189
- width: 4.1666%;
1093
+ width: 4.1667%;
1094
+ *width: 4.1357%;
1190
1095
  }
1191
1096
 
1192
1097
  .pure-u-5-24 {
1193
1098
  width: 20.8333%;
1099
+ *width: 20.8023%;
1194
1100
  }
1195
1101
 
1196
1102
  .pure-u-7-24 {
1197
- width: 29.1666%;
1103
+ width: 29.1667%;
1104
+ *width: 29.1357%;
1198
1105
  }
1199
1106
 
1200
1107
  .pure-u-11-24 {
1201
1108
  width: 45.8333%;
1109
+ *width: 45.8023%;
1202
1110
  }
1203
1111
 
1204
1112
  .pure-u-13-24 {
1205
- width: 54.1666%;
1113
+ width: 54.1667%;
1114
+ *width: 54.1357%;
1206
1115
  }
1207
1116
 
1208
1117
  .pure-u-17-24 {
1209
1118
  width: 70.8333%;
1119
+ *width: 70.8023%;
1210
1120
  }
1211
1121
 
1212
1122
  .pure-u-19-24 {
1213
- width: 79.1666%;
1123
+ width: 79.1667%;
1124
+ *width: 79.1357%;
1214
1125
  }
1215
1126
 
1216
1127
  .pure-u-23-24 {
1217
1128
  width: 95.8333%;
1129
+ *width: 95.8023%;
1218
1130
  }
1219
1131
 
1220
1132
  /*csslint adjoining-classes:false, outline-none:false*/
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Pure v0.2.1
2
+ Pure v0.3.0
3
3
  Copyright 2013 Yahoo! Inc. All rights reserved.
4
4
  Licensed under the BSD License.
5
5
  https://github.com/yui/pure/blob/master/LICENSE.md
@@ -8,7 +8,6 @@ https://github.com/yui/pure/blob/master/LICENSE.md
8
8
  normalize.css v1.1.2 | MIT License | git.io/normalize
9
9
  Copyright (c) Nicolas Gallagher and Jonathan Neal
10
10
  */
11
- /* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT! */
12
11
  /*! normalize.css v1.1.2 | MIT License | git.io/normalize */
13
12
 
14
13
  /* ==========================================================================
@@ -575,7 +574,6 @@ table {
575
574
  background-color: #E6E6E6;
576
575
  text-decoration: none;
577
576
  border-radius: 2px;
578
- -webkit-font-smoothing: antialiased;
579
577
  /* Transitions */
580
578
  -webkit-transition: 0.1s linear -webkit-box-shadow;
581
579
  -moz-transition: 0.1s linear -moz-box-shadow;
@@ -637,156 +635,6 @@ a.pure-button-selected {
637
635
  color: #fff;
638
636
  }
639
637
 
640
- /* This page has Normalize.css form-specific style rules applied to a .pure-form context */
641
-
642
- /* ==========
643
- Forms Core
644
- =========*/
645
-
646
- /*
647
- * Corrects margin displayed oddly in IE 6/7.
648
- */
649
-
650
- .pure-form {
651
- margin: 0;
652
- }
653
-
654
- /*
655
- * Define consistent border, margin, and padding.
656
- */
657
-
658
- .pure-form fieldset {
659
- border: 1px solid #c0c0c0;
660
- margin: 0 2px;
661
- padding: 0.35em 0.625em 0.75em;
662
- }
663
-
664
- /*
665
- * 1. Corrects color not being inherited in IE 6/7/8/9.
666
- * 2. Corrects text not wrapping in Firefox 3.
667
- * 3. Corrects alignment displayed oddly in IE 6/7.
668
- */
669
-
670
- .pure-form legend {
671
- border: 0; /* 1 */
672
- padding: 0;
673
- white-space: normal; /* 2 */
674
- *margin-left: -7px; /* 3 */
675
- }
676
-
677
- /*
678
- * 1. Corrects font size not being inherited in all browsers.
679
- * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
680
- * and Chrome.
681
- * 3. Improves appearance and consistency in all browsers.
682
- */
683
-
684
- .pure-form button,
685
- .pure-form input,
686
- .pure-form select,
687
- .pure-form textarea {
688
- font-size: 100%; /* 1 */
689
- margin: 0; /* 2 */
690
- vertical-align: baseline; /* 3 */
691
- *vertical-align: middle; /* 3 */
692
- }
693
-
694
- /*
695
- * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
696
- * the UA stylesheet.
697
- */
698
-
699
- .pure-form button,
700
- .pure-form input {
701
- line-height: normal;
702
- }
703
-
704
- /*
705
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
706
- * and `video` controls.
707
- * 2. Corrects inability to style clickable `input` types in iOS.
708
- * 3. Improves usability and consistency of cursor style between image-type
709
- * `input` and others.
710
- * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
711
- * Known issue: inner spacing remains in IE 6.
712
- */
713
-
714
- .pure-form button,
715
- .pure-form input[type="button"], /* 1 */
716
- .pure-form input[type="reset"],
717
- .pure-form input[type="submit"] {
718
- -webkit-appearance: button; /* 2 */
719
- cursor: pointer; /* 3 */
720
- *overflow: visible; /* 4 */
721
- }
722
-
723
- /*
724
- * Re-set default cursor for disabled elements.
725
- */
726
-
727
- .pure-form button[disabled],
728
- .pure-form input[disabled] {
729
- cursor: default;
730
- }
731
-
732
- /*
733
- * 1. Addresses box sizing set to content-box in IE 8/9.
734
- * 2. Removes excess padding in IE 8/9.
735
- * 3. Removes excess padding in IE 7.
736
- * Known issue: excess padding remains in IE 6.
737
- */
738
-
739
- .pure-form input[type="checkbox"],
740
- .pure-form input[type="radio"] {
741
- box-sizing: border-box; /* 1 */
742
- padding: 0; /* 2 */
743
- *height: 13px; /* 3 */
744
- *width: 13px; /* 3 */
745
- }
746
-
747
- /*
748
- * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
749
- * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
750
- * (include `-moz` to future-proof).
751
- */
752
-
753
- .pure-form input[type="search"] {
754
- -webkit-appearance: textfield; /* 1 */
755
- -moz-box-sizing: content-box;
756
- -webkit-box-sizing: content-box; /* 2 */
757
- box-sizing: content-box;
758
- }
759
-
760
- /*
761
- * Removes inner padding and search cancel button in Safari 5 and Chrome
762
- * on OS X.
763
- */
764
-
765
- .pure-form input[type="search"]::-webkit-search-cancel-button,
766
- .pure-form input[type="search"]::-webkit-search-decoration {
767
- -webkit-appearance: none;
768
- }
769
-
770
- /*
771
- * Removes inner padding and border in Firefox 3+.
772
- */
773
-
774
- .pure-form button::-moz-focus-inner,
775
- .pure-form input::-moz-focus-inner {
776
- border: 0;
777
- padding: 0;
778
- }
779
-
780
- /*
781
- * 1. Removes default vertical scrollbar in IE 6/7/8/9.
782
- * 2. Improves readability and alignment in all browsers.
783
- */
784
-
785
- .pure-form textarea {
786
- overflow: auto; /* 1 */
787
- vertical-align: top; /* 2 */
788
- }
789
-
790
638
  .pure-form input[type="text"],
791
639
  .pure-form input[type="password"],
792
640
  .pure-form input[type="email"],
@@ -817,7 +665,6 @@ a.pure-button-selected {
817
665
  -webkit-box-sizing: border-box;
818
666
  -moz-box-sizing: border-box;
819
667
  box-sizing: border-box;
820
- -webkit-font-smoothing: antialiased;
821
668
  }
822
669
 
823
670
  .pure-form input[type="text"]:focus,
@@ -874,16 +721,12 @@ a.pure-button-selected {
874
721
  }
875
722
  .pure-form input[readonly],
876
723
  .pure-form select[readonly],
877
- .pure-form textarea[readonly],
878
- .pure-form input[readonly]:focus,
879
- .pure-form select[readonly]:focus,
880
- .pure-form textarea[readonly]:focus {
724
+ .pure-form textarea[readonly] {
881
725
  background: #eee; /* menu hover bg color */
882
726
  color: #777; /* menu text color */
883
727
  border-color: #ccc;
884
728
  }
885
729
 
886
-
887
730
  .pure-form input:focus:invalid,
888
731
  .pure-form textarea:focus:invalid,
889
732
  .pure-form select:focus:invalid {
@@ -1105,11 +948,45 @@ a.pure-button-selected {
1105
948
  }
1106
949
  }
1107
950
 
951
+ /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
952
+
1108
953
  .pure-g {
1109
954
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
1110
955
  *letter-spacing: normal; /* reset IE < 8 */
1111
956
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
1112
957
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
958
+
959
+ /*
960
+ Sets the font stack to fonts known to work properly with the above letter
961
+ and word spacings. See: https://github.com/yui/pure/issues/41/
962
+
963
+ The following font stack makes Pure Grids work on all known environments.
964
+
965
+ * FreeSans: Ships with many Linux distros, including Ubuntu
966
+
967
+ * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
968
+ Arial to get picked up by the browser, even though neither is available
969
+ in Chrome OS.
970
+
971
+ * Droid Sans: Ships with all versions of Android.
972
+
973
+ * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
974
+ */
975
+ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
976
+
977
+ /*
978
+ Use flexbox when possible to avoid `letter-spacing` side-effects.
979
+
980
+ NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
981
+ `-moz-` prefix version is omitted.
982
+ */
983
+
984
+ display: -webkit-flex;
985
+ -webkit-flex-flow: row wrap;
986
+
987
+ /* IE10 uses display: flexbox */
988
+ display: -ms-flexbox;
989
+ -ms-flex-flow: row wrap;
1113
990
  }
1114
991
 
1115
992
  /* Opera as of 12 on Windows needs word-spacing.
@@ -1131,6 +1008,14 @@ a.pure-button-selected {
1131
1008
  text-rendering: auto;
1132
1009
  }
1133
1010
 
1011
+ /*
1012
+ Resets the font family back to the OS/browser's default sans-serif font,
1013
+ this the same font stack that Normalize.css sets for the `body`.
1014
+ */
1015
+ .pure-g [class *= "pure-u"] {
1016
+ font-family: sans-serif;
1017
+ }
1018
+
1134
1019
  .pure-u-1,
1135
1020
  .pure-u-1-2,
1136
1021
  .pure-u-1-3,
@@ -1174,118 +1059,177 @@ a.pure-button-selected {
1174
1059
 
1175
1060
  .pure-u-1-2 {
1176
1061
  width: 50%;
1062
+ *width: 49.969%;
1177
1063
  }
1178
1064
 
1179
1065
  .pure-u-1-3 {
1180
- width: 33.33333%;
1066
+ width: 33.3333%;
1067
+ *width: 33.3023%;
1181
1068
  }
1182
1069
 
1183
1070
  .pure-u-2-3 {
1184
- width: 66.66666%;
1071
+ width: 66.6667%;
1072
+ *width: 66.6357%;
1185
1073
  }
1186
1074
 
1187
1075
  .pure-u-1-4 {
1188
1076
  width: 25%;
1077
+ *width: 24.969%;
1189
1078
  }
1190
1079
 
1191
1080
  .pure-u-3-4 {
1192
1081
  width: 75%;
1082
+ *width: 74.969%;
1193
1083
  }
1194
1084
 
1195
1085
  .pure-u-1-5 {
1196
1086
  width: 20%;
1087
+ *width: 19.969%;
1197
1088
  }
1198
1089
 
1199
1090
  .pure-u-2-5 {
1200
1091
  width: 40%;
1092
+ *width: 39.969%;
1201
1093
  }
1202
1094
 
1203
1095
  .pure-u-3-5 {
1204
1096
  width: 60%;
1097
+ *width: 59.969%;
1205
1098
  }
1206
1099
 
1207
1100
  .pure-u-4-5 {
1208
1101
  width: 80%;
1102
+ *width: 79.969%;
1209
1103
  }
1210
1104
 
1211
1105
  .pure-u-1-6 {
1212
- width: 16.666%;
1106
+ width: 16.6667%;
1107
+ *width: 16.6357%;
1213
1108
  }
1214
1109
 
1215
1110
  .pure-u-5-6 {
1216
- width: 83.33%;
1111
+ width: 83.3333%;
1112
+ *width: 83.3023%;
1217
1113
  }
1218
1114
 
1219
1115
  .pure-u-1-8 {
1220
1116
  width: 12.5%;
1117
+ *width: 12.469%;
1221
1118
  }
1222
1119
 
1223
1120
  .pure-u-3-8 {
1224
1121
  width: 37.5%;
1122
+ *width: 37.469%;
1225
1123
  }
1226
1124
 
1227
1125
  .pure-u-5-8 {
1228
1126
  width: 62.5%;
1127
+ *width: 62.469%;
1229
1128
  }
1230
1129
 
1231
1130
  .pure-u-7-8 {
1232
1131
  width: 87.5%;
1132
+ *width: 87.469%;
1233
1133
  }
1234
1134
 
1235
1135
  .pure-u-1-12 {
1236
1136
  width: 8.3333%;
1137
+ *width: 8.3023%;
1237
1138
  }
1238
1139
 
1239
1140
  .pure-u-5-12 {
1240
- width: 41.6666%;
1141
+ width: 41.6667%;
1142
+ *width: 41.6357%;
1241
1143
  }
1242
1144
 
1243
1145
  .pure-u-7-12 {
1244
1146
  width: 58.3333%;
1147
+ *width: 58.3023%;
1245
1148
  }
1246
1149
 
1247
1150
  .pure-u-11-12 {
1248
- width: 91.6666%;
1151
+ width: 91.6667%;
1152
+ *width: 91.6357%;
1249
1153
  }
1250
1154
 
1251
1155
  .pure-u-1-24 {
1252
- width: 4.1666%;
1156
+ width: 4.1667%;
1157
+ *width: 4.1357%;
1253
1158
  }
1254
1159
 
1255
1160
  .pure-u-5-24 {
1256
1161
  width: 20.8333%;
1162
+ *width: 20.8023%;
1257
1163
  }
1258
1164
 
1259
1165
  .pure-u-7-24 {
1260
- width: 29.1666%;
1166
+ width: 29.1667%;
1167
+ *width: 29.1357%;
1261
1168
  }
1262
1169
 
1263
1170
  .pure-u-11-24 {
1264
1171
  width: 45.8333%;
1172
+ *width: 45.8023%;
1265
1173
  }
1266
1174
 
1267
1175
  .pure-u-13-24 {
1268
- width: 54.1666%;
1176
+ width: 54.1667%;
1177
+ *width: 54.1357%;
1269
1178
  }
1270
1179
 
1271
1180
  .pure-u-17-24 {
1272
1181
  width: 70.8333%;
1182
+ *width: 70.8023%;
1273
1183
  }
1274
1184
 
1275
1185
  .pure-u-19-24 {
1276
- width: 79.1666%;
1186
+ width: 79.1667%;
1187
+ *width: 79.1357%;
1277
1188
  }
1278
1189
 
1279
1190
  .pure-u-23-24 {
1280
1191
  width: 95.8333%;
1192
+ *width: 95.8023%;
1281
1193
  }
1282
1194
 
1283
- /*csslint regex-selectors:false, unqualified-attributes:false*/
1195
+ /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
1284
1196
 
1285
1197
  .pure-g-r {
1286
1198
  letter-spacing: -0.31em;
1287
1199
  *letter-spacing: normal;
1288
1200
  *word-spacing: -0.43em;
1201
+
1202
+ /*
1203
+ Sets the font stack to fonts known to work properly with the above letter
1204
+ and word spacings. See: https://github.com/yui/pure/issues/41/
1205
+
1206
+ The following font stack makes Pure Grids work on all known environments.
1207
+
1208
+ * FreeSans: Ships with many Linux distros, including Ubuntu
1209
+
1210
+ * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
1211
+ Arial to get picked up by the browser, even though neither is available
1212
+ in Chrome OS.
1213
+
1214
+ * Droid Sans: Ships with all versions of Android.
1215
+
1216
+ * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
1217
+ */
1218
+ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
1219
+
1220
+ /*
1221
+ Use flexbox when possible to avoid `letter-spacing` side-effects.
1222
+
1223
+ NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
1224
+ `-moz-` prefix version is omitted.
1225
+ */
1226
+
1227
+ display: -webkit-flex;
1228
+ -webkit-flex-flow: row wrap;
1229
+
1230
+ /* IE10 uses display: flexbox */
1231
+ display: -ms-flexbox;
1232
+ -ms-flex-flow: row wrap;
1289
1233
  }
1290
1234
 
1291
1235
  /* Opera as of 12 on Windows needs word-spacing.
@@ -1297,8 +1241,17 @@ a.pure-button-selected {
1297
1241
  word-spacing: -0.43em;
1298
1242
  }
1299
1243
 
1244
+ /*
1245
+ Resets the font family back to the OS/browser's default sans-serif font,
1246
+ this the same font stack that Normalize.css sets for the `body`.
1247
+ */
1248
+ .pure-g-r [class *= "pure-u"] {
1249
+ font-family: sans-serif;
1250
+ }
1251
+
1300
1252
  .pure-g-r img {
1301
1253
  max-width: 100%;
1254
+ height: auto;
1302
1255
  }
1303
1256
 
1304
1257
  @media (min-width: 980px) {
metadata CHANGED
@@ -1,8 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: pure-css-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.1
5
- prerelease:
4
+ version: 0.3.0
6
5
  platform: ruby
7
6
  authors:
8
7
  - Balazs Kutil
@@ -37,7 +36,7 @@ cert_chain:
37
36
  U1Q3N3JiYk50bE1KNkNxWVNFRWt2UXpJQnZhbDNNbWFXeTN0UWhQSG9MaXpX
38
37
  QXIrdU1QWApYa2pCVFdodnowUG9RenVnUG00PQotLS0tLUVORCBDRVJUSUZJ
39
38
  Q0FURS0tLS0tCg==
40
- date: 2013-07-19 00:00:00.000000000 Z
39
+ date: 2013-09-13 00:00:00.000000000 Z
41
40
  dependencies: []
42
41
  description: Pure CSS for Rails Asset Pipeline
43
42
  email:
@@ -56,27 +55,28 @@ files:
56
55
  - vendor/assets/stylesheets/pure-nr.css
57
56
  - vendor/assets/stylesheets/pure.css
58
57
  homepage: https://github.com/bkutil/pure-css-rails
59
- licenses: []
58
+ licenses:
59
+ - MIT
60
+ metadata: {}
60
61
  post_install_message:
61
62
  rdoc_options: []
62
63
  require_paths:
63
64
  - lib
64
65
  required_ruby_version: !ruby/object:Gem::Requirement
65
- none: false
66
66
  requirements:
67
67
  - - ! '>='
68
68
  - !ruby/object:Gem::Version
69
69
  version: '0'
70
70
  required_rubygems_version: !ruby/object:Gem::Requirement
71
- none: false
72
71
  requirements:
73
72
  - - ! '>='
74
73
  - !ruby/object:Gem::Version
75
74
  version: '0'
76
75
  requirements: []
77
76
  rubyforge_project:
78
- rubygems_version: 1.8.23
77
+ rubygems_version: 2.0.3
79
78
  signing_key:
80
- specification_version: 3
79
+ specification_version: 4
81
80
  summary: Pure CSS for Rails Asset Pipeline
82
81
  test_files: []
82
+ has_rdoc:
metadata.gz.sig CHANGED
Binary file