vhx-quartz 0.2.12101 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: fff81fe6adb8f81fa7550abacbf9575d3c045d61
4
- data.tar.gz: 0d98b36e8b3064e548799354b6eb97c7cf78b6f0
3
+ metadata.gz: 09fc4c5915acc66514a31a5377631e37941ddc1f
4
+ data.tar.gz: 8fa36717060008a3f97132c79332f6d873b22795
5
5
  SHA512:
6
- metadata.gz: c34aab29aaba5d591f1555da325aeba2d3728e7c92fdc80d2e870e09957647ee59a612a2291924a61d04881aaf09d9513a82caf7b53a39daacf8640756677fda
7
- data.tar.gz: 61fc82770f835e9d12e34e871248f3ba085d189ef7c595d1fd6dd58344da45c162b856430897f8266bd95b39ceafce42ea0cfc520c1dccbb5d0736d0dbca010b
6
+ metadata.gz: 950a6ef3f93796fdb43ffcb67271cc00faf8bbc32c144df9765a03550d9689beb55a326d928e345262c7b2200c7f0895ce0d944b13b92f380be115d46ce76f51
7
+ data.tar.gz: f9fe1571c30968be7280c3bff5a8876b3c53d1a6464ffe24b1d63a1c8daf22a8fdb6c72e191af625dbee77a731d7787abda59fe96d434686c64c5e3ced338a15
@@ -1,5 +1,5 @@
1
1
  module Vhx
2
2
  module Quartz
3
- VERSION = "0.2.12101"
3
+ VERSION = "0.3.0"
4
4
  end
5
5
  end
@@ -587,7 +587,7 @@ select {
587
587
 
588
588
  /* base
589
589
  ......................................*/
590
- .btn, .btn-gray, .btn-dropdown-gray, .btn-slate, .btn-teal, .btn-dropdown-teal, .btn-red, .btn-purple, .btn-green, .btn-black, .btn-white, .btn-dropdown-white, .btn-facebook, .btn-twitter, .btn-transparent, .btn-tumblr, .btn-paypal, .btn-roku, .btn-search, .btn-dropdown {
590
+ .btn, .btn-gray, .btn-dropdown-gray, .btn-slate, .btn-teal, .btn-dropdown-teal, .btn-red, .btn-purple, .btn-green, .btn-black, .btn-white, .btn-dropdown-white, .btn-yellow, .btn-facebook, .btn-twitter, .btn-transparent, .btn-tumblr, .btn-paypal, .btn-roku, .btn-search, .btn-dropdown {
591
591
  transition: border 300ms cubic-bezier(0.19, 1, 0.22, 1), color 300ms cubic-bezier(0.19, 1, 0.22, 1), opacity 300ms cubic-bezier(0.19, 1, 0.22, 1), background-color 300ms cubic-bezier(0.19, 1, 0.22, 1);
592
592
  background-color: transparent;
593
593
  border: 1px solid transparent;
@@ -604,17 +604,17 @@ select {
604
604
  padding: 0 20px;
605
605
  outline: none;
606
606
  border-radius: 5px; }
607
- .btn:link, .btn-gray:link, .btn-dropdown-gray:link, .btn-slate:link, .btn-teal:link, .btn-dropdown-teal:link, .btn-red:link, .btn-purple:link, .btn-green:link, .btn-black:link, .btn-white:link, .btn-dropdown-white:link, .btn-facebook:link, .btn-twitter:link, .btn-transparent:link, .btn-tumblr:link, .btn-paypal:link, .btn-roku:link, .btn-search:link, .btn-dropdown:link, .btn:visited, .btn-gray:visited, .btn-dropdown-gray:visited, .btn-slate:visited, .btn-teal:visited, .btn-dropdown-teal:visited, .btn-red:visited, .btn-purple:visited, .btn-green:visited, .btn-black:visited, .btn-white:visited, .btn-dropdown-white:visited, .btn-facebook:visited, .btn-twitter:visited, .btn-transparent:visited, .btn-tumblr:visited, .btn-paypal:visited, .btn-roku:visited, .btn-search:visited, .btn-dropdown:visited {
607
+ .btn:link, .btn-gray:link, .btn-dropdown-gray:link, .btn-slate:link, .btn-teal:link, .btn-dropdown-teal:link, .btn-red:link, .btn-purple:link, .btn-green:link, .btn-black:link, .btn-white:link, .btn-dropdown-white:link, .btn-yellow:link, .btn-facebook:link, .btn-twitter:link, .btn-transparent:link, .btn-tumblr:link, .btn-paypal:link, .btn-roku:link, .btn-search:link, .btn-dropdown:link, .btn:visited, .btn-gray:visited, .btn-dropdown-gray:visited, .btn-slate:visited, .btn-teal:visited, .btn-dropdown-teal:visited, .btn-red:visited, .btn-purple:visited, .btn-green:visited, .btn-black:visited, .btn-white:visited, .btn-dropdown-white:visited, .btn-yellow:visited, .btn-facebook:visited, .btn-twitter:visited, .btn-transparent:visited, .btn-tumblr:visited, .btn-paypal:visited, .btn-roku:visited, .btn-search:visited, .btn-dropdown:visited {
608
608
  text-decoration: none;
609
609
  border: 1px solid transparent; }
610
- .btn.icon--left, .icon--left.btn-gray, .icon--left.btn-dropdown-gray, .icon--left.btn-slate, .icon--left.btn-teal, .icon--left.btn-dropdown-teal, .icon--left.btn-red, .icon--left.btn-purple, .icon--left.btn-green, .icon--left.btn-black, .icon--left.btn-white, .icon--left.btn-dropdown-white, .icon--left.btn-facebook, .icon--left.btn-twitter, .icon--left.btn-transparent, .icon--left.btn-tumblr, .icon--left.btn-paypal, .icon--left.btn-roku, .icon--left.btn-search, .icon--left.btn-dropdown {
610
+ .btn.icon--left, .icon--left.btn-gray, .icon--left.btn-dropdown-gray, .icon--left.btn-slate, .icon--left.btn-teal, .icon--left.btn-dropdown-teal, .icon--left.btn-red, .icon--left.btn-purple, .icon--left.btn-green, .icon--left.btn-black, .icon--left.btn-white, .icon--left.btn-dropdown-white, .icon--left.btn-yellow, .icon--left.btn-facebook, .icon--left.btn-twitter, .icon--left.btn-transparent, .icon--left.btn-tumblr, .icon--left.btn-paypal, .icon--left.btn-roku, .icon--left.btn-search, .icon--left.btn-dropdown {
611
611
  background-position: left 21px center;
612
612
  padding-left: 43px; }
613
- .btn.icon--left .icon--right, .icon--left.btn-gray .icon--right, .icon--left.btn-dropdown-gray .icon--right, .icon--left.btn-slate .icon--right, .icon--left.btn-teal .icon--right, .icon--left.btn-dropdown-teal .icon--right, .icon--left.btn-red .icon--right, .icon--left.btn-purple .icon--right, .icon--left.btn-green .icon--right, .icon--left.btn-black .icon--right, .icon--left.btn-white .icon--right, .icon--left.btn-dropdown-white .icon--right, .icon--left.btn-facebook .icon--right, .icon--left.btn-twitter .icon--right, .icon--left.btn-transparent .icon--right, .icon--left.btn-tumblr .icon--right, .icon--left.btn-paypal .icon--right, .icon--left.btn-roku .icon--right, .icon--left.btn-search .icon--right, .icon--left.btn-dropdown .icon--right {
613
+ .btn.icon--left .icon--right, .icon--left.btn-gray .icon--right, .icon--left.btn-dropdown-gray .icon--right, .icon--left.btn-slate .icon--right, .icon--left.btn-teal .icon--right, .icon--left.btn-dropdown-teal .icon--right, .icon--left.btn-red .icon--right, .icon--left.btn-purple .icon--right, .icon--left.btn-green .icon--right, .icon--left.btn-black .icon--right, .icon--left.btn-white .icon--right, .icon--left.btn-dropdown-white .icon--right, .icon--left.btn-yellow .icon--right, .icon--left.btn-facebook .icon--right, .icon--left.btn-twitter .icon--right, .icon--left.btn-transparent .icon--right, .icon--left.btn-tumblr .icon--right, .icon--left.btn-paypal .icon--right, .icon--left.btn-roku .icon--right, .icon--left.btn-search .icon--right, .icon--left.btn-dropdown .icon--right {
614
614
  background-position: right 0px center;
615
615
  padding-right: 21px;
616
616
  background-size: 15px 15px; }
617
- .btn.icon--right, .icon--right.btn-gray, .icon--right.btn-dropdown-gray, .icon--right.btn-slate, .icon--right.btn-teal, .icon--right.btn-dropdown-teal, .icon--right.btn-red, .icon--right.btn-purple, .icon--right.btn-green, .icon--right.btn-black, .icon--right.btn-white, .icon--right.btn-dropdown-white, .icon--right.btn-facebook, .icon--right.btn-twitter, .icon--right.btn-transparent, .icon--right.btn-tumblr, .icon--right.btn-paypal, .icon--right.btn-roku, .icon--right.btn-search, .icon--right.btn-dropdown {
617
+ .btn.icon--right, .icon--right.btn-gray, .icon--right.btn-dropdown-gray, .icon--right.btn-slate, .icon--right.btn-teal, .icon--right.btn-dropdown-teal, .icon--right.btn-red, .icon--right.btn-purple, .icon--right.btn-green, .icon--right.btn-black, .icon--right.btn-white, .icon--right.btn-dropdown-white, .icon--right.btn-yellow, .icon--right.btn-facebook, .icon--right.btn-twitter, .icon--right.btn-transparent, .icon--right.btn-tumblr, .icon--right.btn-paypal, .icon--right.btn-roku, .icon--right.btn-search, .icon--right.btn-dropdown {
618
618
  background-position: right 21px center;
619
619
  padding-right: 43px; }
620
620
 
@@ -946,6 +946,47 @@ select {
946
946
  .btn-white.is-processing.btn--large, .is-processing.btn--large.btn-dropdown-white, .btn-white.processing.btn--large, .processing.btn--large.btn-dropdown-white, .btn-white.is-loading.btn--large, .is-loading.btn--large.btn-dropdown-white, .btn-white.loading.btn--large, .loading.btn--large.btn-dropdown-white {
947
947
  background-size: 45px 45px; }
948
948
 
949
+ /* button white shorthand
950
+ ......................................*/
951
+ .btn-yellow {
952
+ background-color: #FFB567;
953
+ color: #ffffff;
954
+ border: 1px solid #ff9c34;
955
+ background-size: 15px 15px; }
956
+ .btn-yellow:link, .btn-yellow:visited {
957
+ color: #ffffff;
958
+ border: 1px solid #ff9c34; }
959
+ .btn-yellow:hover, .btn-yellow.is-hover, .btn-yellow:focus:hover, .btn-yellow:focus.is-hover, .btn-yellow.is-selected {
960
+ color: #ffffff;
961
+ cursor: pointer;
962
+ background-color: #ff9c34;
963
+ border: 1px solid #ff9c34; }
964
+ .btn-yellow:active, .btn-yellow.is-active, .btn-yellow:focus, .btn-yellow.is-focus {
965
+ color: #ffffff;
966
+ background-color: #FFB567;
967
+ border: 1px solid #ff9c34; }
968
+ .btn-yellow[disabled], .btn-yellow.is-disabled {
969
+ opacity: .5;
970
+ background-color: #FFB567;
971
+ color: #ffffff;
972
+ border: 1px solid #ff9c34; }
973
+ .btn-yellow[disabled]:visited, .btn-yellow[disabled]:hover, .btn-yellow[disabled].is-hover, .btn-yellow[disabled]:active, .btn-yellow[disabled].is-active, .btn-yellow.is-disabled:visited, .btn-yellow.is-disabled:hover, .btn-yellow.is-disabled.is-hover, .btn-yellow.is-disabled:active, .btn-yellow.is-disabled.is-active {
974
+ background-color: #FFB567;
975
+ color: #ffffff;
976
+ border: 1px solid #ff9c34; }
977
+ .btn-yellow.is-processing, .btn-yellow.processing, .btn-yellow.is-loading, .btn-yellow.loading {
978
+ background-position: center center !important;
979
+ color: transparent !important;
980
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23#ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
981
+ background-repeat: no-repeat;
982
+ background-size: 23px 23px; }
983
+ .btn-yellow.is-processing.btn--small, .btn-yellow.is-processing.btn-search, .btn-yellow.processing.btn--small, .btn-yellow.processing.btn-search, .btn-yellow.is-loading.btn--small, .btn-yellow.is-loading.btn-search, .btn-yellow.loading.btn--small, .btn-yellow.loading.btn-search {
984
+ background-size: 20px 20px; }
985
+ .btn-yellow.is-processing.btn--medium, .btn-yellow.processing.btn--medium, .btn-yellow.is-loading.btn--medium, .btn-yellow.loading.btn--medium {
986
+ background-size: 23px 23px; }
987
+ .btn-yellow.is-processing.btn--large, .btn-yellow.processing.btn--large, .btn-yellow.is-loading.btn--large, .btn-yellow.loading.btn--large {
988
+ background-size: 45px 45px; }
989
+
949
990
  /* button facebook shorthand
950
991
  ......................................*/
951
992
  .btn-facebook {
@@ -3561,6 +3602,7 @@ hr.column {
3561
3602
  .form .inner-button .btn-black,
3562
3603
  .form .inner-button .btn-white,
3563
3604
  .form .inner-button .btn-dropdown-white,
3605
+ .form .inner-button .btn-yellow,
3564
3606
  .form .inner-button .btn-facebook,
3565
3607
  .form .inner-button .btn-twitter,
3566
3608
  .form .inner-button .btn-transparent,