@useblu/ocean-core 1.25.1 → 1.26.0

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
@@ -3,6 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [1.26.0](https://github.com/ocean-ds/ocean-web/compare/v1.25.2...v1.26.0) (2021-12-17)
7
+
8
+ ### Features
9
+
10
+ - new component topbar ([#863](https://github.com/ocean-ds/ocean-web/issues/863)) ([4fd2beb](https://github.com/ocean-ds/ocean-web/commit/4fd2beb1d6fe0f556f11a0876ac1e37d6f2ae4fa))
11
+
6
12
  ## [1.25.1](https://github.com/ocean-ds/ocean-web/compare/v1.25.0...v1.25.1) (2021-11-16)
7
13
 
8
14
  **Note:** Version bump only for package @useblu/ocean-core
package/ocean.css CHANGED
@@ -2184,6 +2184,7 @@
2184
2184
  }
2185
2185
  .ods-progress__primary svg {
2186
2186
  display: block;
2187
+ stroke-width: 8px;
2187
2188
  }
2188
2189
  .ods-progress__primary svg circle {
2189
2190
  stroke: rgba(255, 255, 255, 0.4);
@@ -2202,6 +2203,7 @@
2202
2203
  stroke: white;
2203
2204
  stroke-dasharray: 80px, 200px;
2204
2205
  stroke-dashoffset: 0;
2206
+ stroke-width: 8px;
2205
2207
  }
2206
2208
  .ods-progress--md {
2207
2209
  height: 24px;
@@ -2528,4 +2530,62 @@
2528
2530
  .ods-search__clean svg {
2529
2531
  color: #393b47;
2530
2532
  }
2533
+
2534
+ .ods-topbar {
2535
+ align-items: center;
2536
+ display: flex;
2537
+ flex-wrap: wrap;
2538
+ font-family: "Avenir";
2539
+ font-size: 20px;
2540
+ width: 100%;
2541
+ }
2542
+ .ods-topbar-light {
2543
+ color: #fff;
2544
+ }
2545
+ .ods-topbar-light .ods-topbar-title span {
2546
+ color: #fff;
2547
+ }
2548
+ .ods-topbar-default {
2549
+ color: #0025e0;
2550
+ }
2551
+ .ods-topbar-default .ods-topbar-title span {
2552
+ color: #67697a;
2553
+ }
2554
+ .ods-topbar-extend {
2555
+ display: grid;
2556
+ grid-template-columns: 2rem auto 2rem;
2557
+ }
2558
+ .ods-topbar-extend .ods-topbar-title {
2559
+ padding-top: 0;
2560
+ }
2561
+ .ods-topbar-extend .ods-topbar-search {
2562
+ width: auto;
2563
+ }
2564
+ .ods-topbar-prev {
2565
+ line-height: 0;
2566
+ width: 50%;
2567
+ }
2568
+ .ods-topbar-prev svg {
2569
+ cursor: pointer;
2570
+ }
2571
+ .ods-topbar-title {
2572
+ font-weight: 800;
2573
+ line-height: 1.1;
2574
+ padding-top: 5rem;
2575
+ width: 100%;
2576
+ }
2577
+ .ods-topbar-title span {
2578
+ color: #67697a;
2579
+ display: block;
2580
+ font-size: 12px;
2581
+ font-weight: 600;
2582
+ }
2583
+ .ods-topbar-search {
2584
+ line-height: 0;
2585
+ text-align: right;
2586
+ width: 50%;
2587
+ }
2588
+ .ods-topbar-search svg {
2589
+ cursor: pointer;
2590
+ }
2531
2591
  /*# sourceMappingURL=ocean.css.map */