droidcss 1.0.1 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,15 +1,15 @@
1
1
  ---
2
2
  !binary "U0hBMQ==":
3
3
  metadata.gz: !binary |-
4
- MGI2ZWNkOGQ3NTUzYzI5OWFjYzUxYzQ4N2NlNGY3MDI3NWUxYjJhYw==
4
+ NWFjYmEzODg0ZjdlZGNmNzc2MWYyZGMwNDUzZTcwZjg4YmRjZjY1Zg==
5
5
  data.tar.gz: !binary |-
6
- NmQ2Y2NiZTU0ODZiNzBkZDBmZGNhNDVhYWI5YTg4Njk4ZGIzZmEzNA==
6
+ MWQxNmIyYzUwZWNjNDIzNTZmMmY3ZWI0YTU0ZmFmZTA4MDQwOTA5NQ==
7
7
  !binary "U0hBNTEy":
8
8
  metadata.gz: !binary |-
9
- ODIxMTM4ODZjYmJhNzJjNmMxM2Q4ZWE5ZTY3ZTVlNDkwOGEzOTdmN2U4ZmQ1
10
- YTk2MTk3NTEzZTFhYmY0MzBhMzIxYmI4ZTM5YTY1N2M1ZmQ1NDc5OTg4YjIx
11
- NTcyN2ZlZTQ2NmQ2NWVhZGU0NGRlNDYyOGQyMTM3M2QxNGU3NGI=
9
+ ZGU4YjFhN2FlYzUwM2Q0ZjRjMDAyODk2YzE1ZDQ5NTU4NWU4NmQ3NjBiNzhl
10
+ ZmZkODk4OTRmMGZkMGFkNGFhNzk2NWQ3NDRlZDk0MzhjYWYxMjEyMjM0MDhk
11
+ YTYyNzkwZWFkNmUxNjhiZTg2MjhhODdlMmEyM2U1YTJmNzFlMzk=
12
12
  data.tar.gz: !binary |-
13
- MjYwZGI4NzI0OWUzMTMyZjMyNWEwODIwZDhiMmEyMzIzNDg1YWI5YmU3NzVl
14
- YWJjMDIzMTgxZjMwNTFjZTMxYmZjY2IyMDY3OGJjNTQyNmQ2MWM2YjQxZmI0
15
- YWI3NWRhMjIzNWZkMDQxZGZhYjI1YWI4MTE4NzRkOTEzNzA4NzU=
13
+ NThjMjk1MGVjNDI5Zjk3YzUzNGYxY2VkMGYyM2YzN2U3YWM0MDQxYmIwYWVm
14
+ MzhhZTFiYTEyMTI5Yzk4MDE3NjgwY2UzNDY3NjNmYjdlNTI5YmUxNWQ4OTEw
15
+ Y2YzMWRiMjM5MGEwYzZhODVmNDlkM2UxYWQ3OTVmMTBhNzRkNjY=
@@ -1,2 +1,8 @@
1
+ ### 1.0.2 (19 September 2013)
2
+ - Added mobile prefixes
3
+
4
+ ### 1.0.1 (12 September 2013)
5
+ - Added licence info
6
+
1
7
  ### 1.0.0 (06 September 2013)
2
8
  - Initial release
@@ -1,3 +1,3 @@
1
1
  module DroidCss
2
- VERSION = "1.0.1"
2
+ VERSION = "1.0.2"
3
3
  end
@@ -498,7 +498,7 @@ nav ul li {
498
498
 
499
499
  /* DESKTOP SUPPORT */
500
500
  @media screen and (min-width: 1025px) {
501
- .hide-on-desktop {
501
+ .hide-on-desktop, .only-tablet, .only-mobile {
502
502
  display: none !important;
503
503
  }
504
504
  }
@@ -518,49 +518,241 @@ nav ul li {
518
518
  width: 6.25%;
519
519
  }
520
520
 
521
+ .prefix-tablet-1 {
522
+ margin-left: 6.25%;
523
+ }
524
+
525
+ .suffix-tablet-1 {
526
+ margin-right: 6.25%;
527
+ }
528
+
529
+ .push-tablet-1 {
530
+ left: 6.25%;
531
+ }
532
+
533
+ .pull-tablet-1 {
534
+ left: -6.25%;
535
+ }
536
+
521
537
  .grid-tablet-2 {
522
538
  width: 14.58333%;
523
539
  }
524
540
 
541
+ .prefix-tablet-2 {
542
+ margin-left: 14.58333%;
543
+ }
544
+
545
+ .suffix-tablet-2 {
546
+ margin-right: 14.58333%;
547
+ }
548
+
549
+ .push-tablet-2 {
550
+ left: 14.58333%;
551
+ }
552
+
553
+ .pull-tablet-2 {
554
+ left: -14.58333%;
555
+ }
556
+
525
557
  .grid-tablet-3 {
526
558
  width: 22.91667%;
527
559
  }
528
560
 
561
+ .prefix-tablet-3 {
562
+ margin-left: 22.91667%;
563
+ }
564
+
565
+ .suffix-tablet-3 {
566
+ margin-right: 22.91667%;
567
+ }
568
+
569
+ .push-tablet-3 {
570
+ left: 22.91667%;
571
+ }
572
+
573
+ .pull-tablet-3 {
574
+ left: -22.91667%;
575
+ }
576
+
529
577
  .grid-tablet-4 {
530
578
  width: 31.25%;
531
579
  }
532
580
 
581
+ .prefix-tablet-4 {
582
+ margin-left: 31.25%;
583
+ }
584
+
585
+ .suffix-tablet-4 {
586
+ margin-right: 31.25%;
587
+ }
588
+
589
+ .push-tablet-4 {
590
+ left: 31.25%;
591
+ }
592
+
593
+ .pull-tablet-4 {
594
+ left: -31.25%;
595
+ }
596
+
533
597
  .grid-tablet-5 {
534
598
  width: 39.58333%;
535
599
  }
536
600
 
601
+ .prefix-tablet-5 {
602
+ margin-left: 39.58333%;
603
+ }
604
+
605
+ .suffix-tablet-5 {
606
+ margin-right: 39.58333%;
607
+ }
608
+
609
+ .push-tablet-5 {
610
+ left: 39.58333%;
611
+ }
612
+
613
+ .pull-tablet-5 {
614
+ left: -39.58333%;
615
+ }
616
+
537
617
  .grid-tablet-6 {
538
618
  width: 47.91667%;
539
619
  }
540
620
 
621
+ .prefix-tablet-6 {
622
+ margin-left: 47.91667%;
623
+ }
624
+
625
+ .suffix-tablet-6 {
626
+ margin-right: 47.91667%;
627
+ }
628
+
629
+ .push-tablet-6 {
630
+ left: 47.91667%;
631
+ }
632
+
633
+ .pull-tablet-6 {
634
+ left: -47.91667%;
635
+ }
636
+
541
637
  .grid-tablet-7 {
542
638
  width: 56.25%;
543
639
  }
544
640
 
641
+ .prefix-tablet-7 {
642
+ margin-left: 56.25%;
643
+ }
644
+
645
+ .suffix-tablet-7 {
646
+ margin-right: 56.25%;
647
+ }
648
+
649
+ .push-tablet-7 {
650
+ left: 56.25%;
651
+ }
652
+
653
+ .pull-tablet-7 {
654
+ left: -56.25%;
655
+ }
656
+
545
657
  .grid-tablet-8 {
546
658
  width: 64.58333%;
547
659
  }
548
660
 
661
+ .prefix-tablet-8 {
662
+ margin-left: 64.58333%;
663
+ }
664
+
665
+ .suffix-tablet-8 {
666
+ margin-right: 64.58333%;
667
+ }
668
+
669
+ .push-tablet-8 {
670
+ left: 64.58333%;
671
+ }
672
+
673
+ .pull-tablet-8 {
674
+ left: -64.58333%;
675
+ }
676
+
549
677
  .grid-tablet-9 {
550
678
  width: 72.91667%;
551
679
  }
552
680
 
681
+ .prefix-tablet-9 {
682
+ margin-left: 72.91667%;
683
+ }
684
+
685
+ .suffix-tablet-9 {
686
+ margin-right: 72.91667%;
687
+ }
688
+
689
+ .push-tablet-9 {
690
+ left: 72.91667%;
691
+ }
692
+
693
+ .pull-tablet-9 {
694
+ left: -72.91667%;
695
+ }
696
+
553
697
  .grid-tablet-10 {
554
698
  width: 81.25%;
555
699
  }
556
700
 
701
+ .prefix-tablet-10 {
702
+ margin-left: 81.25%;
703
+ }
704
+
705
+ .suffix-tablet-10 {
706
+ margin-right: 81.25%;
707
+ }
708
+
709
+ .push-tablet-10 {
710
+ left: 81.25%;
711
+ }
712
+
713
+ .pull-tablet-10 {
714
+ left: -81.25%;
715
+ }
716
+
557
717
  .grid-tablet-11 {
558
718
  width: 89.58333%;
559
719
  }
560
720
 
721
+ .prefix-tablet-11 {
722
+ margin-left: 89.58333%;
723
+ }
724
+
725
+ .suffix-tablet-11 {
726
+ margin-right: 89.58333%;
727
+ }
728
+
729
+ .push-tablet-11 {
730
+ left: 89.58333%;
731
+ }
732
+
733
+ .pull-tablet-11 {
734
+ left: -89.58333%;
735
+ }
736
+
561
737
  .grid-tablet-12 {
562
738
  width: 97.91667%;
563
739
  }
740
+
741
+ .prefix-tablet-12 {
742
+ margin-left: 97.91667%;
743
+ }
744
+
745
+ .suffix-tablet-12 {
746
+ margin-right: 97.91667%;
747
+ }
748
+
749
+ .push-tablet-12 {
750
+ left: 97.91667%;
751
+ }
752
+
753
+ .pull-tablet-12 {
754
+ left: -97.91667%;
755
+ }
564
756
  }
565
757
  /* MOBILE SUPPORT */
566
758
  @media screen and (max-width: 767px) {
@@ -578,47 +770,239 @@ nav ul li {
578
770
  width: 6.25%;
579
771
  }
580
772
 
773
+ .prefix-mobile-1 {
774
+ margin-left: 6.25%;
775
+ }
776
+
777
+ .suffix-mobile-1 {
778
+ margin-right: 6.25%;
779
+ }
780
+
781
+ .push-mobile-1 {
782
+ left: 6.25%;
783
+ }
784
+
785
+ .pull-mobile-1 {
786
+ left: -6.25%;
787
+ }
788
+
581
789
  .grid-mobile-2 {
582
790
  width: 14.58333%;
583
791
  }
584
792
 
793
+ .prefix-mobile-2 {
794
+ margin-left: 14.58333%;
795
+ }
796
+
797
+ .suffix-mobile-2 {
798
+ margin-right: 14.58333%;
799
+ }
800
+
801
+ .push-mobile-2 {
802
+ left: 14.58333%;
803
+ }
804
+
805
+ .pull-mobile-2 {
806
+ left: -14.58333%;
807
+ }
808
+
585
809
  .grid-mobile-3 {
586
810
  width: 22.91667%;
587
811
  }
588
812
 
813
+ .prefix-mobile-3 {
814
+ margin-left: 22.91667%;
815
+ }
816
+
817
+ .suffix-mobile-3 {
818
+ margin-right: 22.91667%;
819
+ }
820
+
821
+ .push-mobile-3 {
822
+ left: 22.91667%;
823
+ }
824
+
825
+ .pull-mobile-3 {
826
+ left: -22.91667%;
827
+ }
828
+
589
829
  .grid-mobile-4 {
590
830
  width: 31.25%;
591
831
  }
592
832
 
833
+ .prefix-mobile-4 {
834
+ margin-left: 31.25%;
835
+ }
836
+
837
+ .suffix-mobile-4 {
838
+ margin-right: 31.25%;
839
+ }
840
+
841
+ .push-mobile-4 {
842
+ left: 31.25%;
843
+ }
844
+
845
+ .pull-mobile-4 {
846
+ left: -31.25%;
847
+ }
848
+
593
849
  .grid-mobile-5 {
594
850
  width: 39.58333%;
595
851
  }
596
852
 
853
+ .prefix-mobile-5 {
854
+ margin-left: 39.58333%;
855
+ }
856
+
857
+ .suffix-mobile-5 {
858
+ margin-right: 39.58333%;
859
+ }
860
+
861
+ .push-mobile-5 {
862
+ left: 39.58333%;
863
+ }
864
+
865
+ .pull-mobile-5 {
866
+ left: -39.58333%;
867
+ }
868
+
597
869
  .grid-mobile-6 {
598
870
  width: 47.91667%;
599
871
  }
600
872
 
873
+ .prefix-mobile-6 {
874
+ margin-left: 47.91667%;
875
+ }
876
+
877
+ .suffix-mobile-6 {
878
+ margin-right: 47.91667%;
879
+ }
880
+
881
+ .push-mobile-6 {
882
+ left: 47.91667%;
883
+ }
884
+
885
+ .pull-mobile-6 {
886
+ left: -47.91667%;
887
+ }
888
+
601
889
  .grid-mobile-7 {
602
890
  width: 56.25%;
603
891
  }
604
892
 
893
+ .prefix-mobile-7 {
894
+ margin-left: 56.25%;
895
+ }
896
+
897
+ .suffix-mobile-7 {
898
+ margin-right: 56.25%;
899
+ }
900
+
901
+ .push-mobile-7 {
902
+ left: 56.25%;
903
+ }
904
+
905
+ .pull-mobile-7 {
906
+ left: -56.25%;
907
+ }
908
+
605
909
  .grid-mobile-8 {
606
910
  width: 64.58333%;
607
911
  }
608
912
 
913
+ .prefix-mobile-8 {
914
+ margin-left: 64.58333%;
915
+ }
916
+
917
+ .suffix-mobile-8 {
918
+ margin-right: 64.58333%;
919
+ }
920
+
921
+ .push-mobile-8 {
922
+ left: 64.58333%;
923
+ }
924
+
925
+ .pull-mobile-8 {
926
+ left: -64.58333%;
927
+ }
928
+
609
929
  .grid-mobile-9 {
610
930
  width: 72.91667%;
611
931
  }
612
932
 
933
+ .prefix-mobile-9 {
934
+ margin-left: 72.91667%;
935
+ }
936
+
937
+ .suffix-mobile-9 {
938
+ margin-right: 72.91667%;
939
+ }
940
+
941
+ .push-mobile-9 {
942
+ left: 72.91667%;
943
+ }
944
+
945
+ .pull-mobile-9 {
946
+ left: -72.91667%;
947
+ }
948
+
613
949
  .grid-mobile-10 {
614
950
  width: 81.25%;
615
951
  }
616
952
 
953
+ .prefix-mobile-10 {
954
+ margin-left: 81.25%;
955
+ }
956
+
957
+ .suffix-mobile-10 {
958
+ margin-right: 81.25%;
959
+ }
960
+
961
+ .push-mobile-10 {
962
+ left: 81.25%;
963
+ }
964
+
965
+ .pull-mobile-10 {
966
+ left: -81.25%;
967
+ }
968
+
617
969
  .grid-mobile-11 {
618
970
  width: 89.58333%;
619
971
  }
620
972
 
973
+ .prefix-mobile-11 {
974
+ margin-left: 89.58333%;
975
+ }
976
+
977
+ .suffix-mobile-11 {
978
+ margin-right: 89.58333%;
979
+ }
980
+
981
+ .push-mobile-11 {
982
+ left: 89.58333%;
983
+ }
984
+
985
+ .pull-mobile-11 {
986
+ left: -89.58333%;
987
+ }
988
+
621
989
  .grid-mobile-12 {
622
990
  width: 97.91667%;
623
991
  }
992
+
993
+ .prefix-mobile-12 {
994
+ margin-left: 97.91667%;
995
+ }
996
+
997
+ .suffix-mobile-12 {
998
+ margin-right: 97.91667%;
999
+ }
1000
+
1001
+ .push-mobile-12 {
1002
+ left: 97.91667%;
1003
+ }
1004
+
1005
+ .pull-mobile-12 {
1006
+ left: -97.91667%;
1007
+ }
624
1008
  }
@@ -91,6 +91,10 @@ $column-width: 6 !default; // Column width
91
91
  $num: $i;
92
92
  $content-width: $num * $gutter-width * $column-width + ($num - 1) * 2 * $gutter-width; // (column number * gutter width * (column width in px + current step - 1) * 2 * gutter width)
93
93
  .grid-tablet-#{$num} { width: $content-width; }
94
+ .prefix-tablet-#{$num} { margin-left: $content-width; }
95
+ .suffix-tablet-#{$num} { margin-right: $content-width; }
96
+ .push-tablet-#{$num} { left: $content-width; }
97
+ .pull-tablet-#{$num} { left: -$content-width; }
94
98
  }
95
99
  }
96
100
 
@@ -110,5 +114,9 @@ $column-width: 6 !default; // Column width
110
114
  $num: $i;
111
115
  $content-width: $num * $gutter-width * $column-width + ($num - 1) * 2 * $gutter-width; // (column number * gutter width * (column width in px + current step - 1) * 2 * gutter width)
112
116
  .grid-mobile-#{$num} { width: $content-width; }
117
+ .prefix-mobile-#{$num} { margin-left: $content-width; }
118
+ .suffix-mobile-#{$num} { margin-right: $content-width; }
119
+ .push-mobile-#{$num} { left: $content-width; }
120
+ .pull-mobile-#{$num} { left: -$content-width; }
113
121
  }
114
122
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: droidcss
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.1
4
+ version: 1.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ilya Gorenburg
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-09-12 00:00:00.000000000 Z
11
+ date: 2013-09-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass