https://github.com/kernel-loophole/css

styling with advance CSS
https://github.com/kernel-loophole/css

css css-animations css-framework css-grid

Last synced: 9 days ago
JSON representation

styling with advance CSS

• Host: GitHub
• URL: https://github.com/kernel-loophole/css
• Owner: kernel-loophole
• Created: 2021-11-07T17:53:38.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-25T18:50:00.000Z (about 3 years ago)
• Last Synced: 2024-11-24T08:12:03.400Z (2 months ago)
• Topics: css, css-animations, css-framework, css-grid
• Language: CSS
• Homepage:
• Size: 11.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CSS

# Open props

```CSS

main {

    display: flex;

    flex-flow: row wrap;

    align-items: flex-start;

    justify-content: space-around;

    max-inline-size: calc(var(--size-content-1) * 4);

    gap: var(--size-5);

    padding: var(--size-5);

}

```

# wrap class

```CSS

.wrap {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100vh;

    background: #34495e;

    color: aqua;

    font-family: monospace;

    font-size: 36px;

    &:before {

        content: "[";

    }

    &:after {

        content: "]";

    }

    &:before,

    &:after {

        color: #16a085;

        animation: flicker 3s infinite;

    }

} 

```

# Dark Mode

```CSS

@media(prefers-color-scheme:dark) {

     :root {

        color-scheme: dark;

    }

}

```