@rypen-dev/shared-components 2.1.81 → 2.1.84

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rypen-dev/shared-components",
3
3
  "description": "Shared styles and Vuejs ui components for Rypen projects.",
4
- "version": "2.1.81",
4
+ "version": "2.1.84",
5
5
  "main": "./dist/index.js",
6
6
  "scripts": {
7
7
  "build": "webpack --config ./webpack.config.js",
@@ -626,6 +626,17 @@ button,
626
626
  }
627
627
  }
628
628
 
629
+ &.dark-gray {
630
+ background-color: $dark-gray;
631
+ color: $white;
632
+
633
+ &:hover,
634
+ &:focus {
635
+ background-color: $button-hover-bg-color;
636
+ color: $dark-gray;
637
+ }
638
+ }
639
+
629
640
  &.stroke {
630
641
  border: solid 2px $button-stroke-color;
631
642
 
@@ -851,6 +851,9 @@ select {
851
851
  .swatch-input {
852
852
  &.large {
853
853
  .swatch-list li {
854
+ width: 60px;
855
+ height: 60px;
856
+
854
857
  a {
855
858
  width: 50px;
856
859
  height: 50px;
@@ -890,6 +893,8 @@ select {
890
893
  margin-bottom: 6px;
891
894
  border: solid 1px $border-gray;
892
895
  cursor: pointer;
896
+ width: 46px;
897
+ height: 46px;
893
898
 
894
899
  body.hover-capable &:hover {
895
900
  border-color: $secondary-alt;
@@ -1047,6 +1052,8 @@ select {
1047
1052
  li {
1048
1053
  margin-right: 4px;
1049
1054
  margin-bottom: 4px;
1055
+ width: 40px;
1056
+ height: 40px;
1050
1057
 
1051
1058
  a {
1052
1059
  width: 30px;