@simplybusiness/theme-simplybusiness 0.4.0 → 0.4.1
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 +11 -0
- package/dist/index.css +36 -7
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @simplybusiness/theme-simplybusiness
|
|
2
2
|
|
|
3
|
+
## 0.4.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [3af939c]
|
|
8
|
+
- Updated dependencies [05b1b77]
|
|
9
|
+
- @simplybusiness/mobius@5.1.2
|
|
10
|
+
- @simplybusiness/mobius-journey@6.4.1
|
|
11
|
+
- @simplybusiness/mobius-datepicker@6.0.4
|
|
12
|
+
- @simplybusiness/theme-core@7.1.2
|
|
13
|
+
|
|
3
14
|
## 0.4.0
|
|
4
15
|
|
|
5
16
|
### Minor Changes
|
package/dist/index.css
CHANGED
|
@@ -841,8 +841,8 @@ a.mobius-button:focus-visible,
|
|
|
841
841
|
position:fixed;
|
|
842
842
|
display:flex;
|
|
843
843
|
flex-direction:column;
|
|
844
|
-
width:
|
|
845
|
-
max-height:
|
|
844
|
+
width:min(90%, 600px);
|
|
845
|
+
max-height:90%;
|
|
846
846
|
padding:0;
|
|
847
847
|
margin:auto;
|
|
848
848
|
background-color:var(--color-background);
|
|
@@ -850,6 +850,12 @@ a.mobius-button:focus-visible,
|
|
|
850
850
|
border-radius:var(--radius-1);
|
|
851
851
|
overflow:hidden;
|
|
852
852
|
}
|
|
853
|
+
@media (min-width: 768px){
|
|
854
|
+
|
|
855
|
+
.mobius-modal{
|
|
856
|
+
max-height:80%;
|
|
857
|
+
}
|
|
858
|
+
}
|
|
853
859
|
.mobius-modal:not([open]){
|
|
854
860
|
display:none;
|
|
855
861
|
}
|
|
@@ -924,14 +930,29 @@ a.mobius-button:focus-visible,
|
|
|
924
930
|
display:grid;
|
|
925
931
|
grid-template-columns:1fr auto;
|
|
926
932
|
justify-content:space-between;
|
|
927
|
-
gap:var(--size-
|
|
928
|
-
align-items:
|
|
933
|
+
gap:var(--size-md);
|
|
934
|
+
align-items:start;
|
|
929
935
|
padding:var(--size-xs);
|
|
930
936
|
padding-left:var(--size-sm);
|
|
937
|
+
padding-right:var(--size-sm);
|
|
931
938
|
font-family:var(--font-family);
|
|
932
|
-
font-size:var(--font-size-
|
|
939
|
+
font-size:var(--font-size-4);
|
|
933
940
|
margin:0;
|
|
934
941
|
}
|
|
942
|
+
@media (min-width: 768px){
|
|
943
|
+
|
|
944
|
+
.mobius-modal__header{
|
|
945
|
+
padding:var(--size-sm);
|
|
946
|
+
padding-left:var(--size-md);
|
|
947
|
+
padding-right:var(--size-md);
|
|
948
|
+
font-size:var(--font-size-5);
|
|
949
|
+
}
|
|
950
|
+
}
|
|
951
|
+
.mobius-modal__close{
|
|
952
|
+
padding:calc(var(--size-sm) * -1);
|
|
953
|
+
font-size:var(--font-size-4);
|
|
954
|
+
flex-shrink:0;
|
|
955
|
+
}
|
|
935
956
|
.mobius-modal__content{
|
|
936
957
|
flex-grow:1;
|
|
937
958
|
padding:0 var(--size-sm);
|
|
@@ -939,6 +960,13 @@ a.mobius-button:focus-visible,
|
|
|
939
960
|
font-family:var(--font-family);
|
|
940
961
|
overflow-y:auto;
|
|
941
962
|
}
|
|
963
|
+
@media (min-width: 768px){
|
|
964
|
+
|
|
965
|
+
.mobius-modal__content{
|
|
966
|
+
padding:0 var(--size-md);
|
|
967
|
+
margin:var(--size-md) 0;
|
|
968
|
+
}
|
|
969
|
+
}
|
|
942
970
|
:root,
|
|
943
971
|
:host{
|
|
944
972
|
--number-input-max-width:none;
|
|
@@ -2794,7 +2822,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2794
2822
|
.mobius-header{
|
|
2795
2823
|
border-bottom:var(--size-border-width) solid var(--header-border-color);
|
|
2796
2824
|
background-color:var(--header-background-color);
|
|
2797
|
-
padding:
|
|
2825
|
+
padding:var(--size-sm);
|
|
2798
2826
|
}
|
|
2799
2827
|
.mobius-header__content{
|
|
2800
2828
|
display:flex;
|
|
@@ -2810,7 +2838,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2810
2838
|
background-position:left center;
|
|
2811
2839
|
width:115px;
|
|
2812
2840
|
height:32px;
|
|
2813
|
-
margin-left:10px;
|
|
2814
2841
|
text-indent:-999px;
|
|
2815
2842
|
}
|
|
2816
2843
|
@media screen and (min-width: 641px){
|
|
@@ -4377,6 +4404,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4377
4404
|
.mobius-main{
|
|
4378
4405
|
padding-top:var(--size-lg);
|
|
4379
4406
|
padding-bottom:calc(var(--size-lg) + var(--size-xxl));
|
|
4407
|
+
padding-left:var(--size-sm);
|
|
4408
|
+
padding-right:var(--size-sm);
|
|
4380
4409
|
}
|
|
4381
4410
|
:root,
|
|
4382
4411
|
:host{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simplybusiness/theme-simplybusiness",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"main": "dist/index.css",
|
|
5
5
|
"simplyBusiness": {
|
|
6
6
|
"publishToPublicNpm": true
|
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
"./fonts": "./dist/fonts.css"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@simplybusiness/mobius": "^5.1.
|
|
30
|
-
"@simplybusiness/mobius-datepicker": "^6.0.
|
|
31
|
-
"@simplybusiness/mobius-journey": "^6.4.
|
|
32
|
-
"@simplybusiness/theme-core": "^7.1.
|
|
29
|
+
"@simplybusiness/mobius": "^5.1.2",
|
|
30
|
+
"@simplybusiness/mobius-datepicker": "^6.0.4",
|
|
31
|
+
"@simplybusiness/mobius-journey": "^6.4.1",
|
|
32
|
+
"@simplybusiness/theme-core": "^7.1.2"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"css-loader": "^7.1.2",
|