Skip to content

Commit

Permalink
Release 0.2.0
Browse files Browse the repository at this point in the history
  • Loading branch information
alexanderkalachev committed Oct 26, 2024
1 parent 16add85 commit 81f7ece
Show file tree
Hide file tree
Showing 5 changed files with 22 additions and 55 deletions.
6 changes: 6 additions & 0 deletions packages/@weresk/core/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,11 @@
# @weresk/core

## 0.2.0

### Minor Changes

- Release 0.2.0

## 0.1.3

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion packages/@weresk/core/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@weresk/core",
"version": "0.1.3",
"version": "0.2.0",
"private": false,
"main": "dist/index.js",
"module": "dist/index.mjs",
Expand Down
11 changes: 11 additions & 0 deletions packages/@weresk/maket/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,16 @@
# @weresk/maket

## 0.2.0

### Minor Changes

- Release 0.2.0

### Patch Changes

- Updated dependencies
- @weresk/core@0.2.0

## 0.1.9

### Patch Changes
Expand Down
2 changes: 1 addition & 1 deletion packages/@weresk/maket/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@weresk/maket",
"version": "0.1.9",
"version": "0.2.0",
"private": false,
"exports": {
".": {
Expand Down
56 changes: 3 additions & 53 deletions packages/@weresk/maket/src/client/Grid/Grid.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,60 +31,10 @@ export default function Grid(props: GridProps) {
<div className="maket-grid-units"></div>
</div>
<style>
{`
.maket-grid-container {
position: absolute;
z-index: 9999;
top: 0px;
left: 50%;
transform: translate(-50%);
max-width: var(--metrics-container);
min-height: 100vh;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
{
// Flattened CSS file from Grid.styles.css
`.maket-grid-container { position: absolute; z-index: 9999; top: 0px; left: 50%; transform: translate(-50%); max-width: var(--metrics-container); min-height: 100vh; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .maket-grid-rows { position: absolute; width: 100%; height: 100%; margin-top: var(--metrics-offset); background-image: linear-gradient( 180deg, rgb(var(--grid-color) / 0.15) var(--metrics-module), transparent var(--metrics-module) ); background-size: calc(var(--metrics-module) + var(--metrics-gutter)) calc(var(--metrics-module) + var(--metrics-gutter)); /* opacity: 0.1; */ } .maket-grid-columns { position: absolute; width: 100%; height: 100%; padding-left: var(--metrics-offset); padding-right: var(--metrics-offset); display: grid; grid-template-columns: repeat(var(--metrics-columns), minmax(0, 1fr)); column-gap: var(--metrics-gutter); } .maket-grid-column { background-color: rgb(var(--grid-color) / 0.15); } .maket-grid-units { position: absolute; width: 100%; height: 100%; background-image: linear-gradient(rgb(var(--grid-color) / 0.2) 1px, transparent 1px), linear-gradient(to right, rgb(var(--grid-color) / 0.2) 1px, transparent 1px); background-size: var(--metrics-unit) var(--metrics-unit); }`
}
.maket-grid-rows {
position: absolute;
width: 100%;
height: 100%;
margin-top: var(--metrics-offset);
background-image: linear-gradient(
180deg,
rgb(var(--grid-color) / 0.15) var(--metrics-module),
transparent var(--metrics-module)
);
background-size: calc(var(--metrics-module) + var(--metrics-gutter))
calc(var(--metrics-module) + var(--metrics-gutter));
/* opacity: 0.1; */
}
.maket-grid-columns {
position: absolute;
width: 100%;
height: 100%;
padding-left: var(--metrics-offset);
padding-right: var(--metrics-offset);
display: grid;
grid-template-columns: repeat(var(--metrics-columns), minmax(0, 1fr));
column-gap: var(--metrics-gutter);
}
.maket-grid-column {
background-color: rgb(var(--grid-color) / 0.15);
}
.maket-grid-units {
position: absolute;
width: 100%;
height: 100%;
background-image: linear-gradient(rgb(var(--grid-color) / 0.2) 1px, transparent 1px),
linear-gradient(to right, rgb(var(--grid-color) / 0.2) 1px, transparent 1px);
background-size: var(--metrics-unit) var(--metrics-unit);
}
`}
</style>
</>
);
Expand Down

0 comments on commit 81f7ece

Please sign in to comment.