Skip to content

Testando conversão das estruturas FolEs para CSS - #131

Merged
leonelsanchesdasilva merged 2 commits into
principalfrom
testando-estruturas-foles
Jul 17, 2026
Merged

Testando conversão das estruturas FolEs para CSS#131
leonelsanchesdasilva merged 2 commits into
principalfrom
testando-estruturas-foles

Conversation

@VitBrandao

@VitBrandao VitBrandao commented Jul 16, 2026

Copy link
Copy Markdown
Contributor

CSS resultante da conversão de teste.foles (/publico/css/teste.css):

p {
    animation: inherit;
    justify-content: initial;
    user-select: revert;
    scroll-margin-block: revert-layer;
    border-radius: unset;
}

div {
    font-size: 22px;
    height: 100rem;
    width: 200vh;
    columns: 2;
    opacity: 0.5;
    z-index: 5;
    widows: 2;
}

.minha-classe {
    position: absolute;
    accent-color: red;
    background-color: #ff00f2;
    border-block-start: dashed;
    border-style: ridge;
    column-rule: thin;
    forced-color-adjust: auto;
}

code {
    offset-position: 20% center;
    border: 10px 20px 150px 200px;
    mask-clip: fill-box, padding;
    grid-column: auto / auto;
    border-image: fill 27px;
}

html {
    quotes: 'x';
    text-emphasis: 'foo';
    text-overflow: '/25B2';
}

a {
    list-style: inside meu-estilo;
    font-feature-settings: "c2sc", "hist";
    pointer-events: bounding-box;
    letter-spacing: .2rem;
    font-family: "Times New Roman", sans-serif;
    font-variant-alternates: styleset(1, 2, 6);
}

abbr {
    backdrop-filter: blur(10px);
    mask-image: linear-gradient(90deg, blue, red);
    border-image-source: linear-gradient(90deg, green, yellow);
    background-image: repeating-conic-gradient(red 20px 10px, blue 30% 20px, green 10% 15deg);
}

aside {
    offset: ray(contain 200deg);
    gap: calc(100px - 80px);
    shape-outside: polygon(10px 10px, 100px 100px, 200px 200px);
    offset-path: ellipse(10% 10px 5em 6px);
    transform: translate(15deg);
    font-variant-alternates: stylistic(1);
}

div:focus {
    font-size: 12px;
}

p:future {
    backdrop-filter: blur(10px);
}

div:dir {
    height: 20px;
}

form {
    height: 50%;
    padding: 20px;
}

@VitBrandao VitBrandao self-assigned this Jul 16, 2026
@github-actions

Copy link
Copy Markdown

Coverage report

St.
Category Percentage Covered / Total
🟢 Statements 84.91% 1193/1405
🟡 Branches 64.21% 470/732
🟢 Functions 89.55% 180/201
🟢 Lines 85.49% 1167/1365

Test suite run success

256 tests passing in 26 suites.

Report generated by 🧪jest coverage report action from ae02a14

@leonelsanchesdasilva

Copy link
Copy Markdown
Contributor

@VitBrandao Poderia por favor alterar a descrição da PR colocando o CSS resultante?

@leonelsanchesdasilva leonelsanchesdasilva left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Obrigado!

@leonelsanchesdasilva
leonelsanchesdasilva merged commit 51503a9 into principal Jul 17, 2026
3 checks passed
@leonelsanchesdasilva
leonelsanchesdasilva deleted the testando-estruturas-foles branch July 17, 2026 01:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants