vhx-quartz 0.3.01 → 0.3.02

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: c131217bbe4cc667752976fd07ddcc8102cdb78f
4
- data.tar.gz: a87b83d4995188978981fbee1ea06da8566b50c6
3
+ metadata.gz: dbf9c7204d4198c3bd394f0e9f8cc603f7b0adb4
4
+ data.tar.gz: 4b7242cf583d32c8fdffd8684aac6dd3a058d125
5
5
  SHA512:
6
- metadata.gz: 7deddbec2287b0e24b365256129452623620e8a2ea6d14e9e00d838d1b323683c119d65ea99b18e3a73b4a183d56abfee1dada59dcb90f09b795da8eff161493
7
- data.tar.gz: 436d92da38da051c4cf6fbdb66cde207b2e054b9a126a2fb6fb77d2779b99c67f932f25d396b14e07be379a26e2933b36978c47bdb87abf7b688ca80d1b1f96f
6
+ metadata.gz: b7b40bf2af65634dcf09e4e952dc8c9422d8c2a8dcbbb92dc387fc8995260133125e2ecf23755e396cccaa4fa13f03d42fefd5764e937f7bc9dd808287a892b6
7
+ data.tar.gz: 91303959e1566264a5ea2cbb59e1ef9e802ebba8553d8dc3c3a49c16943ffa2faef4153bbbdaaf039e440e4832b025d0f02707b163f272049942fbb903e8fcfd
@@ -1,5 +1,5 @@
1
1
  module Vhx
2
2
  module Quartz
3
- VERSION = "0.3.01"
3
+ VERSION = "0.3.02"
4
4
  end
5
5
  end
@@ -1453,34 +1453,13 @@ select {
1453
1453
  .btn-group .btn-teal.is-selected,
1454
1454
  .btn-group .is-selected.btn-dropdown-teal {
1455
1455
  box-shadow: inset 0px 0px 7px 0px rgba(170, 170, 170, 0.4); }
1456
- .btn-group .btn-white:after, .btn-group .btn-dropdown-white:after,
1457
- .btn-group .btn-gray:after,
1458
- .btn-group .btn-dropdown-gray:after,
1459
- .btn-group .btn-teal:after,
1460
- .btn-group .btn-dropdown-teal:after {
1461
- width: 1px;
1462
- height: 100%;
1463
- transition: background .2s ease;
1464
- display: block;
1465
- content: ".";
1466
- text-indent: -99999px;
1467
- position: absolute;
1468
- top: 0;
1469
- right: -2px;
1470
- z-index: 1000; }
1471
- .btn-group .btn-white:hover:after, .btn-group .btn-dropdown-white:hover:after,
1472
- .btn-group .btn-gray:hover:after,
1473
- .btn-group .btn-dropdown-gray:hover:after,
1474
- .btn-group .btn-teal:hover:after,
1475
- .btn-group .btn-dropdown-teal:hover:after {
1476
- background: transparent !important; }
1477
1456
  .btn-group .btn-white:nth-child(odd), .btn-group .btn-dropdown-white:nth-child(odd),
1478
1457
  .btn-group .btn-gray:nth-child(odd),
1479
1458
  .btn-group .btn-dropdown-gray:nth-child(odd),
1480
1459
  .btn-group .btn-teal:nth-child(odd),
1481
1460
  .btn-group .btn-dropdown-teal:nth-child(odd) {
1482
- border-right: 1px solid #F0F2F4 !important;
1483
- border-left: 1px solid #F0F2F4 !important; }
1461
+ border-right: 1px solid #D7DDE1 !important;
1462
+ border-left: 1px solid #D7DDE1 !important; }
1484
1463
  .btn-group .btn-white:nth-child(odd):hover, .btn-group .btn-dropdown-white:nth-child(odd):hover, .btn-group .btn-white:nth-child(odd):focus, .btn-group .btn-dropdown-white:nth-child(odd):focus,
1485
1464
  .btn-group .btn-gray:nth-child(odd):hover,
1486
1465
  .btn-group .btn-dropdown-gray:nth-child(odd):hover,
@@ -1490,8 +1469,8 @@ select {
1490
1469
  .btn-group .btn-dropdown-teal:nth-child(odd):hover,
1491
1470
  .btn-group .btn-teal:nth-child(odd):focus,
1492
1471
  .btn-group .btn-dropdown-teal:nth-child(odd):focus {
1493
- border-right: 1px solid #F0F2F4 !important;
1494
- border-left: 1px solid #F0F2F4 !important;
1472
+ border-right: 1px solid #D7DDE1 !important;
1473
+ border-left: 1px solid #D7DDE1 !important;
1495
1474
  z-index: 10000; }
1496
1475
  .btn-group .btn-white:nth-child(even), .btn-group .btn-dropdown-white:nth-child(even),
1497
1476
  .btn-group .btn-gray:nth-child(even),
@@ -1509,29 +1488,23 @@ select {
1509
1488
  .btn-group .btn-dropdown-teal:nth-child(even):hover,
1510
1489
  .btn-group .btn-teal:nth-child(even):focus,
1511
1490
  .btn-group .btn-dropdown-teal:nth-child(even):focus {
1512
- border-left: 1px solid #F0F2F4 !important;
1513
- border-right: 1px solid #F0F2F4 !important;
1491
+ border-left: 1px solid #D7DDE1 !important;
1492
+ border-right: 1px solid #D7DDE1 !important;
1514
1493
  z-index: 10000; }
1515
1494
  .btn-group .btn-white:first-child, .btn-group .btn-dropdown-white:first-child,
1516
1495
  .btn-group .btn-gray:first-child,
1517
1496
  .btn-group .btn-dropdown-gray:first-child,
1518
1497
  .btn-group .btn-teal:first-child,
1519
1498
  .btn-group .btn-dropdown-teal:first-child {
1520
- border-left: 1px solid #F0F2F4 !important;
1499
+ border-left: 1px solid #D7DDE1 !important;
1521
1500
  border-radius: 5px 0 0 5px; }
1522
1501
  .btn-group .btn-white:last-child, .btn-group .btn-dropdown-white:last-child,
1523
1502
  .btn-group .btn-gray:last-child,
1524
1503
  .btn-group .btn-dropdown-gray:last-child,
1525
1504
  .btn-group .btn-teal:last-child,
1526
1505
  .btn-group .btn-dropdown-teal:last-child {
1527
- border-right: 1px solid #F0F2F4 !important;
1506
+ border-right: 1px solid #D7DDE1 !important;
1528
1507
  border-radius: 0 5px 5px 0; }
1529
- .btn-group .btn-white:last-child:after, .btn-group .btn-dropdown-white:last-child:after,
1530
- .btn-group .btn-gray:last-child:after,
1531
- .btn-group .btn-dropdown-gray:last-child:after,
1532
- .btn-group .btn-teal:last-child:after,
1533
- .btn-group .btn-dropdown-teal:last-child:after {
1534
- display: none; }
1535
1508
 
1536
1509
  /* .....................................
1537
1510
  Fonts
@@ -2648,281 +2621,281 @@ object, embed, [data-clipboard] {
2648
2621
  .padding-bottom-reset {
2649
2622
  padding-bottom: 0 !important; }
2650
2623
 
2651
- .margin-default {
2652
- margin: 25px !important; }
2653
-
2654
- .margin-top-default {
2655
- margin-top: 25px !important; }
2656
-
2657
- .margin-bottom-default {
2658
- margin-bottom: 25px !important; }
2659
-
2660
- .margin-right-default {
2661
- margin-right: 25px !important; }
2662
-
2663
- .margin-left-default {
2664
- margin-left: 25px !important; }
2665
-
2666
- .margin-vertical-default {
2667
- margin-top: 25px !important;
2668
- margin-bottom: 25px !important; }
2669
-
2670
- .margin-horizontal-default {
2671
- margin-left: 25px !important;
2672
- margin-right: 25px !important; }
2673
-
2674
- .padding-default {
2675
- padding: 25px !important; }
2676
-
2677
- .padding-top-default {
2678
- padding-top: 25px !important; }
2679
-
2680
- .padding-bottom-default {
2681
- padding-bottom: 25px !important; }
2682
-
2683
- .padding-right-default {
2684
- padding-right: 25px !important; }
2685
-
2686
- .padding-left-default {
2687
- padding-left: 25px !important; }
2688
-
2689
- .padding-vertical-default {
2690
- padding-top: 25px !important;
2691
- padding-bottom: 25px !important; }
2692
-
2693
- .padding-horizontal-default {
2694
- padding-left: 25px !important;
2695
- padding-right: 25px !important; }
2696
-
2697
- .margin-small {
2624
+ .margin-xsmall {
2698
2625
  margin: 5px !important; }
2699
2626
 
2700
- .margin-top-small {
2627
+ .margin-top-xsmall {
2701
2628
  margin-top: 5px !important; }
2702
2629
 
2703
- .margin-bottom-small {
2630
+ .margin-bottom-xsmall {
2704
2631
  margin-bottom: 5px !important; }
2705
2632
 
2706
- .margin-right-small {
2633
+ .margin-right-xsmall {
2707
2634
  margin-right: 5px !important; }
2708
2635
 
2709
- .margin-left-small {
2636
+ .margin-left-xsmall {
2710
2637
  margin-left: 5px !important; }
2711
2638
 
2712
- .margin-vertical-small {
2639
+ .margin-vertical-xsmall {
2713
2640
  margin-top: 5px !important;
2714
2641
  margin-bottom: 5px !important; }
2715
2642
 
2716
- .margin-horizontal-small {
2643
+ .margin-horizontal-xsmall {
2717
2644
  margin-left: 5px !important;
2718
2645
  margin-right: 5px !important; }
2719
2646
 
2720
- .padding-small {
2647
+ .padding-xsmall {
2721
2648
  padding: 5px !important; }
2722
2649
 
2723
- .padding-top-small {
2650
+ .padding-top-xsmall {
2724
2651
  padding-top: 5px !important; }
2725
2652
 
2726
- .padding-bottom-small {
2653
+ .padding-bottom-xsmall {
2727
2654
  padding-bottom: 5px !important; }
2728
2655
 
2729
- .padding-right-small {
2656
+ .padding-right-xsmall {
2730
2657
  padding-right: 5px !important; }
2731
2658
 
2732
- .padding-left-small {
2659
+ .padding-left-xsmall {
2733
2660
  padding-left: 5px !important; }
2734
2661
 
2735
- .padding-vertical-small {
2662
+ .padding-vertical-xsmall {
2736
2663
  padding-top: 5px !important;
2737
2664
  padding-bottom: 5px !important; }
2738
2665
 
2739
- .padding-horizontal-small {
2666
+ .padding-horizontal-xsmall {
2740
2667
  padding-left: 5px !important;
2741
2668
  padding-right: 5px !important; }
2742
2669
 
2743
- .margin-smedium {
2670
+ .margin-small {
2744
2671
  margin: 10px !important; }
2745
2672
 
2746
- .margin-top-smedium {
2673
+ .margin-top-small {
2747
2674
  margin-top: 10px !important; }
2748
2675
 
2749
- .margin-bottom-smedium {
2676
+ .margin-bottom-small {
2750
2677
  margin-bottom: 10px !important; }
2751
2678
 
2752
- .margin-right-smedium {
2679
+ .margin-right-small {
2753
2680
  margin-right: 10px !important; }
2754
2681
 
2755
- .margin-left-smedium {
2682
+ .margin-left-small {
2756
2683
  margin-left: 10px !important; }
2757
2684
 
2758
- .margin-vertical-smedium {
2685
+ .margin-vertical-small {
2759
2686
  margin-top: 10px !important;
2760
2687
  margin-bottom: 10px !important; }
2761
2688
 
2762
- .margin-horizontal-smedium {
2689
+ .margin-horizontal-small {
2763
2690
  margin-left: 10px !important;
2764
2691
  margin-right: 10px !important; }
2765
2692
 
2766
- .padding-smedium {
2693
+ .padding-small {
2767
2694
  padding: 10px !important; }
2768
2695
 
2769
- .padding-top-smedium {
2696
+ .padding-top-small {
2770
2697
  padding-top: 10px !important; }
2771
2698
 
2772
- .padding-bottom-smedium {
2699
+ .padding-bottom-small {
2773
2700
  padding-bottom: 10px !important; }
2774
2701
 
2775
- .padding-right-smedium {
2702
+ .padding-right-small {
2776
2703
  padding-right: 10px !important; }
2777
2704
 
2778
- .padding-left-smedium {
2705
+ .padding-left-small {
2779
2706
  padding-left: 10px !important; }
2780
2707
 
2781
- .padding-vertical-smedium {
2708
+ .padding-vertical-small {
2782
2709
  padding-top: 10px !important;
2783
2710
  padding-bottom: 10px !important; }
2784
2711
 
2785
- .padding-horizontal-smedium {
2712
+ .padding-horizontal-small {
2786
2713
  padding-left: 10px !important;
2787
2714
  padding-right: 10px !important; }
2788
2715
 
2789
2716
  .margin-medium {
2790
- margin: 15px !important; }
2717
+ margin: 20px !important; }
2791
2718
 
2792
2719
  .margin-top-medium {
2793
- margin-top: 15px !important; }
2720
+ margin-top: 20px !important; }
2794
2721
 
2795
2722
  .margin-bottom-medium {
2796
- margin-bottom: 15px !important; }
2723
+ margin-bottom: 20px !important; }
2797
2724
 
2798
2725
  .margin-right-medium {
2799
- margin-right: 15px !important; }
2726
+ margin-right: 20px !important; }
2800
2727
 
2801
2728
  .margin-left-medium {
2802
- margin-left: 15px !important; }
2729
+ margin-left: 20px !important; }
2803
2730
 
2804
2731
  .margin-vertical-medium {
2805
- margin-top: 15px !important;
2806
- margin-bottom: 15px !important; }
2732
+ margin-top: 20px !important;
2733
+ margin-bottom: 20px !important; }
2807
2734
 
2808
2735
  .margin-horizontal-medium {
2809
- margin-left: 15px !important;
2810
- margin-right: 15px !important; }
2736
+ margin-left: 20px !important;
2737
+ margin-right: 20px !important; }
2811
2738
 
2812
2739
  .padding-medium {
2813
- padding: 15px !important; }
2740
+ padding: 20px !important; }
2814
2741
 
2815
2742
  .padding-top-medium {
2816
- padding-top: 15px !important; }
2743
+ padding-top: 20px !important; }
2817
2744
 
2818
2745
  .padding-bottom-medium {
2819
- padding-bottom: 15px !important; }
2746
+ padding-bottom: 20px !important; }
2820
2747
 
2821
2748
  .padding-right-medium {
2822
- padding-right: 15px !important; }
2749
+ padding-right: 20px !important; }
2823
2750
 
2824
2751
  .padding-left-medium {
2825
- padding-left: 15px !important; }
2752
+ padding-left: 20px !important; }
2826
2753
 
2827
2754
  .padding-vertical-medium {
2828
- padding-top: 15px !important;
2829
- padding-bottom: 15px !important; }
2755
+ padding-top: 20px !important;
2756
+ padding-bottom: 20px !important; }
2830
2757
 
2831
2758
  .padding-horizontal-medium {
2832
- padding-left: 15px !important;
2833
- padding-right: 15px !important; }
2759
+ padding-left: 20px !important;
2760
+ padding-right: 20px !important; }
2834
2761
 
2835
2762
  .margin-large {
2836
- margin: 35px !important; }
2763
+ margin: 40px !important; }
2837
2764
 
2838
2765
  .margin-top-large {
2839
- margin-top: 35px !important; }
2766
+ margin-top: 40px !important; }
2840
2767
 
2841
2768
  .margin-bottom-large {
2842
- margin-bottom: 35px !important; }
2769
+ margin-bottom: 40px !important; }
2843
2770
 
2844
2771
  .margin-right-large {
2845
- margin-right: 35px !important; }
2772
+ margin-right: 40px !important; }
2846
2773
 
2847
2774
  .margin-left-large {
2848
- margin-left: 35px !important; }
2775
+ margin-left: 40px !important; }
2849
2776
 
2850
2777
  .margin-vertical-large {
2851
- margin-top: 35px !important;
2852
- margin-bottom: 35px !important; }
2778
+ margin-top: 40px !important;
2779
+ margin-bottom: 40px !important; }
2853
2780
 
2854
2781
  .margin-horizontal-large {
2855
- margin-left: 35px !important;
2856
- margin-right: 35px !important; }
2782
+ margin-left: 40px !important;
2783
+ margin-right: 40px !important; }
2857
2784
 
2858
2785
  .padding-large {
2859
- padding: 35px !important; }
2786
+ padding: 40px !important; }
2860
2787
 
2861
2788
  .padding-top-large {
2862
- padding-top: 35px !important; }
2789
+ padding-top: 40px !important; }
2863
2790
 
2864
2791
  .padding-bottom-large {
2865
- padding-bottom: 35px !important; }
2792
+ padding-bottom: 40px !important; }
2866
2793
 
2867
2794
  .padding-right-large {
2868
- padding-right: 35px !important; }
2795
+ padding-right: 40px !important; }
2869
2796
 
2870
2797
  .padding-left-large {
2871
- padding-left: 35px !important; }
2798
+ padding-left: 40px !important; }
2872
2799
 
2873
2800
  .padding-vertical-large {
2874
- padding-top: 35px !important;
2875
- padding-bottom: 35px !important; }
2801
+ padding-top: 40px !important;
2802
+ padding-bottom: 40px !important; }
2876
2803
 
2877
2804
  .padding-horizontal-large {
2878
- padding-left: 35px !important;
2879
- padding-right: 35px !important; }
2805
+ padding-left: 40px !important;
2806
+ padding-right: 40px !important; }
2880
2807
 
2881
2808
  .margin-xlarge {
2882
- margin: 65px !important; }
2809
+ margin: 80px !important; }
2883
2810
 
2884
2811
  .margin-top-xlarge {
2885
- margin-top: 65px !important; }
2812
+ margin-top: 80px !important; }
2886
2813
 
2887
2814
  .margin-bottom-xlarge {
2888
- margin-bottom: 65px !important; }
2815
+ margin-bottom: 80px !important; }
2889
2816
 
2890
2817
  .margin-right-xlarge {
2891
- margin-right: 65px !important; }
2818
+ margin-right: 80px !important; }
2892
2819
 
2893
2820
  .margin-left-xlarge {
2894
- margin-left: 65px !important; }
2821
+ margin-left: 80px !important; }
2895
2822
 
2896
2823
  .margin-vertical-xlarge {
2897
- margin-top: 65px !important;
2898
- margin-bottom: 65px !important; }
2824
+ margin-top: 80px !important;
2825
+ margin-bottom: 80px !important; }
2899
2826
 
2900
2827
  .margin-horizontal-xlarge {
2901
- margin-left: 65px !important;
2902
- margin-right: 65px !important; }
2828
+ margin-left: 80px !important;
2829
+ margin-right: 80px !important; }
2903
2830
 
2904
2831
  .padding-xlarge {
2905
- padding: 65px !important; }
2832
+ padding: 80px !important; }
2906
2833
 
2907
2834
  .padding-top-xlarge {
2908
- padding-top: 65px !important; }
2835
+ padding-top: 80px !important; }
2909
2836
 
2910
2837
  .padding-bottom-xlarge {
2911
- padding-bottom: 65px !important; }
2838
+ padding-bottom: 80px !important; }
2912
2839
 
2913
2840
  .padding-right-xlarge {
2914
- padding-right: 65px !important; }
2841
+ padding-right: 80px !important; }
2915
2842
 
2916
2843
  .padding-left-xlarge {
2917
- padding-left: 65px !important; }
2844
+ padding-left: 80px !important; }
2918
2845
 
2919
2846
  .padding-vertical-xlarge {
2920
- padding-top: 65px !important;
2921
- padding-bottom: 65px !important; }
2847
+ padding-top: 80px !important;
2848
+ padding-bottom: 80px !important; }
2922
2849
 
2923
2850
  .padding-horizontal-xlarge {
2924
- padding-left: 65px !important;
2925
- padding-right: 65px !important; }
2851
+ padding-left: 80px !important;
2852
+ padding-right: 80px !important; }
2853
+
2854
+ .margin-xxlarge {
2855
+ margin: 160px !important; }
2856
+
2857
+ .margin-top-xxlarge {
2858
+ margin-top: 160px !important; }
2859
+
2860
+ .margin-bottom-xxlarge {
2861
+ margin-bottom: 160px !important; }
2862
+
2863
+ .margin-right-xxlarge {
2864
+ margin-right: 160px !important; }
2865
+
2866
+ .margin-left-xxlarge {
2867
+ margin-left: 160px !important; }
2868
+
2869
+ .margin-vertical-xxlarge {
2870
+ margin-top: 160px !important;
2871
+ margin-bottom: 160px !important; }
2872
+
2873
+ .margin-horizontal-xxlarge {
2874
+ margin-left: 160px !important;
2875
+ margin-right: 160px !important; }
2876
+
2877
+ .padding-xxlarge {
2878
+ padding: 160px !important; }
2879
+
2880
+ .padding-top-xxlarge {
2881
+ padding-top: 160px !important; }
2882
+
2883
+ .padding-bottom-xxlarge {
2884
+ padding-bottom: 160px !important; }
2885
+
2886
+ .padding-right-xxlarge {
2887
+ padding-right: 160px !important; }
2888
+
2889
+ .padding-left-xxlarge {
2890
+ padding-left: 160px !important; }
2891
+
2892
+ .padding-vertical-xxlarge {
2893
+ padding-top: 160px !important;
2894
+ padding-bottom: 160px !important; }
2895
+
2896
+ .padding-horizontal-xxlarge {
2897
+ padding-left: 160px !important;
2898
+ padding-right: 160px !important; }
2926
2899
 
2927
2900
  /*.....................................
2928
2901
  Foundation Utility Extensions
@@ -3202,13 +3175,13 @@ object, embed, [data-clipboard] {
3202
3175
  ......................................*/
3203
3176
  .frame {
3204
3177
  transform: translate3d(0, 0, 0); }
3205
- .frame.default {
3178
+ .frame.xsmall {
3206
3179
  height: auto;
3207
3180
  max-height: 75px;
3208
3181
  width: 100%;
3209
3182
  overflow-y: auto; }
3210
3183
  @media only screen and (max-width: upper-bound(0em, 40em)) {
3211
- .frame.default {
3184
+ .frame.xsmall {
3212
3185
  height: auto; } }
3213
3186
  .frame.small {
3214
3187
  height: auto;
@@ -3218,14 +3191,6 @@ object, embed, [data-clipboard] {
3218
3191
  @media only screen and (max-width: upper-bound(0em, 40em)) {
3219
3192
  .frame.small {
3220
3193
  height: auto; } }
3221
- .frame.smedium {
3222
- height: auto;
3223
- max-height: 75px;
3224
- width: 100%;
3225
- overflow-y: auto; }
3226
- @media only screen and (max-width: upper-bound(0em, 40em)) {
3227
- .frame.smedium {
3228
- height: auto; } }
3229
3194
  .frame.medium {
3230
3195
  height: auto;
3231
3196
  max-height: 125px;
@@ -3250,6 +3215,14 @@ object, embed, [data-clipboard] {
3250
3215
  @media only screen and (max-width: upper-bound(0em, 40em)) {
3251
3216
  .frame.xlarge {
3252
3217
  height: auto; } }
3218
+ .frame.xxlarge {
3219
+ height: auto;
3220
+ max-height: 75px;
3221
+ width: 100%;
3222
+ overflow-y: auto; }
3223
+ @media only screen and (max-width: upper-bound(0em, 40em)) {
3224
+ .frame.xxlarge {
3225
+ height: auto; } }
3253
3226
 
3254
3227
  .cell {
3255
3228
  display: table-cell !important; }