spotlight-frontend 3.6.0-beta.2 → 3.6.0-beta.4
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/app/assets/stylesheets/spotlight/_browse.scss +1 -1
- package/app/assets/stylesheets/spotlight/_featured_browse_categories_block.scss +15 -15
- package/app/assets/stylesheets/spotlight/_spotlight.scss +0 -1
- package/app/assets/stylesheets/spotlight/_variables.scss +0 -21
- package/app/assets/stylesheets/spotlight/browse_group_categories_block.scss +1 -1
- package/package.json +1 -1
- /package/app/assets/stylesheets/spotlight/{typeahead.css → typeahead.scss} +0 -0
|
@@ -25,32 +25,32 @@ $xs-one-tile-width: $maximum-tile-width;
|
|
|
25
25
|
|
|
26
26
|
// `sm` viewport width
|
|
27
27
|
$sm-one-tile-width: $xs-one-tile-width;
|
|
28
|
-
$sm-two-tile-width: ($container-sm
|
|
29
|
-
$sm-three-tile-width: ($container-sm
|
|
28
|
+
$sm-two-tile-width: ($container-sm * 0.5) - $tile-margin;
|
|
29
|
+
$sm-three-tile-width: ($container-sm * 0.3333333333333333) - $tile-margin;
|
|
30
30
|
|
|
31
31
|
// `md` viewport width
|
|
32
32
|
$md-one-tile-width: $xs-one-tile-width;
|
|
33
|
-
$md-two-tile-width: ($container-md
|
|
34
|
-
$md-three-tile-width: ($container-md
|
|
33
|
+
$md-two-tile-width: ($container-md * 0.5) - $tile-margin;
|
|
34
|
+
$md-three-tile-width: ($container-md * 0.3333333333333333) - $tile-margin;
|
|
35
35
|
|
|
36
36
|
// `lg` viewport width
|
|
37
37
|
$lg-one-tile-width: $xs-one-tile-width;
|
|
38
|
-
$lg-two-tile-width: ($container-lg
|
|
39
|
-
$lg-three-tile-width: ($container-lg
|
|
40
|
-
$lg-four-tile-width: ($container-lg
|
|
41
|
-
$lg-five-tile-width: ($container-lg
|
|
38
|
+
$lg-two-tile-width: ($container-lg * 0.5) - $tile-margin;
|
|
39
|
+
$lg-three-tile-width: ($container-lg * 0.3333333333333333) - $tile-margin;
|
|
40
|
+
$lg-four-tile-width: ($container-lg * 0.25) - $tile-margin;
|
|
41
|
+
$lg-five-tile-width: ($container-lg * 0.2) - $tile-margin;
|
|
42
42
|
|
|
43
43
|
// `xl` viewport width
|
|
44
44
|
$xl-one-tile-width: $xs-one-tile-width;
|
|
45
|
-
$xl-two-tile-width: ($container-xl
|
|
46
|
-
$xl-three-tile-width: ($container-xl
|
|
47
|
-
$xl-four-tile-width: ($container-xl
|
|
48
|
-
$xl-five-tile-width: ($container-xl
|
|
45
|
+
$xl-two-tile-width: ($container-xl * 0.5) - $tile-margin;
|
|
46
|
+
$xl-three-tile-width: ($container-xl * 0.3333333333333333) - $tile-margin;
|
|
47
|
+
$xl-four-tile-width: ($container-xl * 0.25) - $tile-margin;
|
|
48
|
+
$xl-five-tile-width: ($container-xl * 0.2) - $tile-margin;
|
|
49
49
|
|
|
50
50
|
// `xl` with sidebar viewport width
|
|
51
|
-
$xl-sidebar-three-tile-width: ($container-xl-sidebar
|
|
52
|
-
$xl-sidebar-four-tile-width: ($container-xl-sidebar
|
|
53
|
-
$xl-sidebar-five-tile-width: ($container-xl-sidebar
|
|
51
|
+
$xl-sidebar-three-tile-width: ($container-xl-sidebar * 0.3333333333333333) - $tile-margin;
|
|
52
|
+
$xl-sidebar-four-tile-width: ($container-xl-sidebar * 0.25) - $tile-margin;
|
|
53
|
+
$xl-sidebar-five-tile-width: ($container-xl-sidebar * 0.2) - $tile-margin;
|
|
54
54
|
|
|
55
55
|
.browse-category {
|
|
56
56
|
background-size: cover;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
$footer-top-margin: 3rem !default;
|
|
2
2
|
$footer-height: 7.5rem !default;
|
|
3
|
-
$white: #ffffff !default;
|
|
4
|
-
$black: #000000 !default;
|
|
5
3
|
|
|
6
4
|
$masthead-bg: $card-bg !default;
|
|
7
5
|
$masthead-height: 11.25rem !default;
|
|
@@ -14,28 +12,9 @@ $exhibit-card-gutter: 30px !default;
|
|
|
14
12
|
$exhibit-card-image-size: 269px !default;
|
|
15
13
|
$exhibit-card-shadow: inset 2px 2px 5px -2px $exhibit-card-border !default;
|
|
16
14
|
|
|
17
|
-
$navbar-transparent-color: $gray-400 !default;
|
|
18
|
-
$navbar-transparent-bg: rgba(0, 0, 0, 0.2) !default;
|
|
19
15
|
$navbar-transparent-border: $gray-500 !default;
|
|
20
|
-
$navbar-transparent-link-color: $gray-600 !default;
|
|
21
|
-
$navbar-transparent-link-hover-color: $gray-600 !default;
|
|
22
|
-
$navbar-transparent-link-hover-bg: rgba(255, 255, 255, 0.15) !default;
|
|
23
|
-
$navbar-transparent-link-active-color: $gray-600 !default;
|
|
24
|
-
$navbar-transparent-link-active-bg: rgba(255, 255, 255, 0.3) !default;
|
|
25
|
-
$navbar-transparent-link-disabled-color: #ccc !default;
|
|
26
|
-
$navbar-transparent-link-disabled-bg: transparent !default;
|
|
27
|
-
|
|
28
16
|
$navbar-transparent-page-bg: rgba(0, 0, 0, 0.5) !default;
|
|
29
17
|
|
|
30
|
-
// Navbar brand label
|
|
31
|
-
$navbar-transparent-brand-color: $navbar-transparent-link-color !default;
|
|
32
|
-
$navbar-transparent-brand-hover-color: darken($navbar-transparent-brand-color, 10%) !default;
|
|
33
|
-
$navbar-transparent-brand-hover-bg: transparent !default;
|
|
34
|
-
|
|
35
|
-
// Navbar toggle
|
|
36
|
-
$navbar-transparent-toggle-icon-bar-bg: $navbar-light-toggler-icon-bg !default;
|
|
37
|
-
$navbar-transparent-toggle-border-color: $navbar-light-toggler-border-color !default;
|
|
38
|
-
|
|
39
18
|
// Translations
|
|
40
19
|
$translation-available-color: #80bf77;
|
|
41
20
|
$translation-panel-bg: #f5f5f5;
|
package/package.json
CHANGED
|
File without changes
|