@concretecms/bedrock 1.3.3 → 1.3.6
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/assets/cms/scss/_base.scss +2 -0
- package/assets/cms/scss/_color-picker.scss +28 -0
- package/assets/cms/scss/_inline-toolbar.scss +0 -24
- package/assets/cms/scss/_login-page.scss +0 -6
- package/assets/cms/scss/_nav-sidebar.scss +43 -0
- package/assets/cms/scss/_type.scss +22 -7
- package/assets/cms/scss/_variables.scss +8 -0
- package/assets/cms/scss/bootstrap/_reboot.scss +1 -1
- package/package.json +1 -1
|
@@ -93,9 +93,11 @@
|
|
|
93
93
|
@import './permission-grid';
|
|
94
94
|
@import './tooltips';
|
|
95
95
|
@import 'spectrum-colorpicker2/dist/spectrum';
|
|
96
|
+
@import './color-picker';
|
|
96
97
|
@import './icons';
|
|
97
98
|
@import './date-time';
|
|
98
99
|
@import './dropdown';
|
|
99
100
|
@import './utilities';
|
|
100
101
|
@import './popover';
|
|
101
102
|
@import './nav';
|
|
103
|
+
@import './nav-sidebar';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
div.ccm-ui {
|
|
2
|
+
.ccm-widget-colorpicker {
|
|
3
|
+
border: 1px solid $input-border-color;
|
|
4
|
+
height: unset;
|
|
5
|
+
padding: 5px;
|
|
6
|
+
width: unset;
|
|
7
|
+
|
|
8
|
+
.sp-preview {
|
|
9
|
+
border: 1px solid $input-border-color;
|
|
10
|
+
border-radius: 2px;
|
|
11
|
+
height: 30px;
|
|
12
|
+
margin-right: 15px;
|
|
13
|
+
width: 35px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.sp-dd {
|
|
17
|
+
color: $input-color;
|
|
18
|
+
font-size: 12px;
|
|
19
|
+
line-height: 2.6rem;
|
|
20
|
+
right: 2px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&.sp-replacer:hover,
|
|
24
|
+
&.sp-replacer.sp-active {
|
|
25
|
+
border-color: $input-focus-border-color;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -127,30 +127,6 @@
|
|
|
127
127
|
position: relative;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
.sp-dd {
|
|
131
|
-
display: none;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.sp-replacer {
|
|
135
|
-
border: 1px solid #444;
|
|
136
|
-
border-radius: 4px;
|
|
137
|
-
height: 28px;
|
|
138
|
-
margin-left: 10px;
|
|
139
|
-
padding: 0;
|
|
140
|
-
width: 28px;
|
|
141
|
-
|
|
142
|
-
.sp-preview {
|
|
143
|
-
border: 0;
|
|
144
|
-
height: 28px;
|
|
145
|
-
width: 28px;
|
|
146
|
-
|
|
147
|
-
.sp-preview-inner {
|
|
148
|
-
height: 28px;
|
|
149
|
-
width: 28px;
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
|
|
154
130
|
h3 {
|
|
155
131
|
font-size: $font-size-base;
|
|
156
132
|
font-weight: bold;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
div.ccm-ui {
|
|
2
|
+
.nav {
|
|
3
|
+
&.nav-sidebar {
|
|
4
|
+
@include border-radius($list-group-border-radius);
|
|
5
|
+
|
|
6
|
+
.nav-item {
|
|
7
|
+
border: $list-group-border-width solid $list-group-border-color;
|
|
8
|
+
|
|
9
|
+
&:first-child {
|
|
10
|
+
@include border-top-radius(inherit);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
&:last-child {
|
|
14
|
+
@include border-bottom-radius(inherit);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
+ .nav-item {
|
|
18
|
+
border-top-width: 0;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
a {
|
|
22
|
+
&:hover {
|
|
23
|
+
background-color: $gray-100;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&.active {
|
|
27
|
+
position: relative;
|
|
28
|
+
|
|
29
|
+
&::before {
|
|
30
|
+
background-color: $blue;
|
|
31
|
+
bottom: 0;
|
|
32
|
+
content: '';
|
|
33
|
+
left: 0;
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: 0;
|
|
36
|
+
width: 2px;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -1,25 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
// Note - ideally these font families should be handled by Bootstrap but when using with
|
|
2
|
+
// A bootstrap theme the font family from the theme can sometimes take precedence. So let's
|
|
3
|
+
// redeclare it here as well.
|
|
4
|
+
body div.ccm-ui {
|
|
5
|
+
h1,
|
|
6
|
+
.h1 {
|
|
7
|
+
font-family: $headings-font-family;
|
|
3
8
|
font-weight: bold;
|
|
4
9
|
}
|
|
5
10
|
|
|
6
|
-
h2
|
|
11
|
+
h2,
|
|
12
|
+
.h2 {
|
|
13
|
+
font-family: $headings-font-family;
|
|
7
14
|
font-weight: bold;
|
|
8
15
|
}
|
|
9
16
|
|
|
10
|
-
h3
|
|
17
|
+
h3,
|
|
18
|
+
.h3 {
|
|
19
|
+
font-family: $headings-font-family;
|
|
11
20
|
font-weight: 300;
|
|
12
21
|
}
|
|
13
22
|
|
|
14
|
-
h4
|
|
23
|
+
h4,
|
|
24
|
+
.h4 {
|
|
25
|
+
font-family: $headings-font-family;
|
|
15
26
|
font-weight: 700;
|
|
16
27
|
}
|
|
17
28
|
|
|
18
|
-
h5
|
|
29
|
+
h5,
|
|
30
|
+
.h5 {
|
|
31
|
+
font-family: $headings-font-family;
|
|
19
32
|
font-weight: 600;
|
|
20
33
|
}
|
|
21
34
|
|
|
22
|
-
h6
|
|
35
|
+
h6,
|
|
36
|
+
.h6 {
|
|
37
|
+
font-family: $headings-font-family;
|
|
23
38
|
font-weight: normal;
|
|
24
39
|
text-transform: uppercase;
|
|
25
40
|
}
|
|
@@ -27,6 +27,14 @@ $primary: #4a90e2;
|
|
|
27
27
|
$body-color: $gray-700;
|
|
28
28
|
$small-font-size: 0.9rem;
|
|
29
29
|
$text-muted: $gray-500;
|
|
30
|
+
// Note, this is the same as $font-family-sans-serif, but we need to explicitly declare it, and since this
|
|
31
|
+
// file is parsed before the bootstrap variables file we don't have access to that variable yet. We have to
|
|
32
|
+
// explicitly define headings-font-family because when the CMS css file is used with Bedrock themes that
|
|
33
|
+
// variable will probably be defined and we will have theme h1, h2 styles bleeding through into our styles.
|
|
34
|
+
// So in order to do that, let's set our own sans serif variable here:
|
|
35
|
+
$font-family-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
|
|
36
|
+
// That variable will be used in Bootstrap. And then we can reference it here.
|
|
37
|
+
$headings-font-family: $font-family-sans-serif;
|
|
30
38
|
|
|
31
39
|
/* horizontal rules */
|
|
32
40
|
$hr-color: $gray-200;
|
package/package.json
CHANGED