@simplybusiness/theme-core 7.1.1 → 7.1.2

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/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## 7.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [3af939c]
8
+ - @simplybusiness/mobius@5.1.2
9
+
3
10
  ## 7.1.1
4
11
 
5
12
  ### Patch Changes
package/dist/index.css CHANGED
@@ -1008,8 +1008,8 @@ a.mobius-button:focus-visible,
1008
1008
  position:fixed;
1009
1009
  display:flex;
1010
1010
  flex-direction:column;
1011
- width:50%;
1012
- max-height:80%;
1011
+ width:min(90%, 600px);
1012
+ max-height:90%;
1013
1013
  padding:0;
1014
1014
  margin:auto;
1015
1015
  background-color:var(--color-background);
@@ -1018,6 +1018,13 @@ a.mobius-button:focus-visible,
1018
1018
  overflow:hidden;
1019
1019
  }
1020
1020
 
1021
+ @media (min-width: 768px){
1022
+
1023
+ .mobius-modal{
1024
+ max-height:80%;
1025
+ }
1026
+ }
1027
+
1021
1028
  .mobius-modal:not([open]){
1022
1029
  display:none;
1023
1030
  }
@@ -1109,15 +1116,32 @@ a.mobius-button:focus-visible,
1109
1116
  display:grid;
1110
1117
  grid-template-columns:1fr auto;
1111
1118
  justify-content:space-between;
1112
- gap:var(--size-sm);
1113
- align-items:center;
1119
+ gap:var(--size-md);
1120
+ align-items:start;
1114
1121
  padding:var(--size-xs);
1115
1122
  padding-left:var(--size-sm);
1123
+ padding-right:var(--size-sm);
1116
1124
  font-family:var(--font-family);
1117
- font-size:var(--font-size-small-title);
1125
+ font-size:var(--font-size-4);
1118
1126
  margin:0;
1119
1127
  }
1120
1128
 
1129
+ @media (min-width: 768px){
1130
+
1131
+ .mobius-modal__header{
1132
+ padding:var(--size-sm);
1133
+ padding-left:var(--size-md);
1134
+ padding-right:var(--size-md);
1135
+ font-size:var(--font-size-5);
1136
+ }
1137
+ }
1138
+
1139
+ .mobius-modal__close{
1140
+ padding:calc(var(--size-sm) * -1);
1141
+ font-size:var(--font-size-4);
1142
+ flex-shrink:0;
1143
+ }
1144
+
1121
1145
  .mobius-modal__content{
1122
1146
  flex-grow:1;
1123
1147
  padding:0 var(--size-sm);
@@ -1126,6 +1150,14 @@ a.mobius-button:focus-visible,
1126
1150
  overflow-y:auto;
1127
1151
  }
1128
1152
 
1153
+ @media (min-width: 768px){
1154
+
1155
+ .mobius-modal__content{
1156
+ padding:0 var(--size-md);
1157
+ margin:var(--size-md) 0;
1158
+ }
1159
+ }
1160
+
1129
1161
  :root,
1130
1162
  :host{
1131
1163
  --number-input-max-width:none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-core",
3
- "version": "7.1.1",
3
+ "version": "7.1.2",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -26,7 +26,7 @@
26
26
  "./fonts": "./dist/fonts.css"
27
27
  },
28
28
  "dependencies": {
29
- "@simplybusiness/mobius": "^5.1.1"
29
+ "@simplybusiness/mobius": "^5.1.2"
30
30
  },
31
31
  "devDependencies": {
32
32
  "css-loader": "^7.1.2",