An awesome Swift CSS DSL library using result builders.

Binary Birds

Last update: Nov 21, 2022

Related tags

Layout swift-css

Overview

SwiftCss

An awesome Swift CSS DSL library using result builders.

li > a") { Background("black") Color(.red) .important() } .pseudo(.hover) } } ">

@MediaBuilder func buildCSS() -> [Media] {
    Media {
        All {
            Background("#222")
        }
        Root {
            Color(.blue)
        }
        Element(.div) {
            BackgroundColor(.red)
            Color(.white)
            TextAlign("left")
        }
        .pseudo(.nthChild(2))
    }
    Media("only screen and (max-width: 600px)") {
        Id("custom-identifier") {
            Background("#222")
            Color(.cyan)
        }
        Class("custom-class") {
            Background("#333")
            Color(.aliceBlue)
        }
        Selector("ul > li > a") {
            Background("black")
            Color(.red)
                .important()
        }
        .pseudo(.hover)
    }
}

Credits

W3Schools CSS reference

You might also like...

Swifty DSL for programmatic Auto Layout in iOS

WWLayout Easy to write auto layout constraints, with minimal extensions to standard namespaces. Feature Highlights Easy to use, readable API Backwards

49 Oct 2, 2022

SuperLayout is a Swift library that makes using Auto Layout a breeze.

SuperLayout is a library that adds a few custom operators to Swift that makes using the amazing NSLayoutAnchor API for Auto Layout a breeze. SuperLayo

53 Oct 12, 2022

BrowserID for iOS Using Swift

browserid-ios Almost a clone of https://github.com/amedia/browserid For generating and providing a browser id and a browser visit id to a WebView. Use

0 Dec 13, 2021

AppStoreClone - Understanding the complex layout of app store using UICompositional layout in swift

AppStoreClone Understanding the complex layout of app store using UICompositiona

8 Dec 28, 2022

PhotoCatalog - PhotoCatalog Project Using Swift

PhotoCatalog Project Setup Clone the project from this link [email protected]:islam

0 Jan 30, 2022

This is a simple chat application made in Swift using send and receive interface.

Flash Chat 💁🏽‍♂️ Overview This is a simple chat application made in Swift using send and receive interface. ⚙️ How it works The user needs to first

2 Aug 4, 2022

BrickKit is a delightful layout library for iOS and tvOS. It is written entirely in Swift!

BrickKit is a delightful layout library for iOS and tvOS. It is written entirely in Swift! Deprecated BrickKit is being phased out at Wayfair, and the

608 Sep 15, 2022

Using Kiva's free API, the demo app retrieves its most recent fundraising loans

KivaLoan Kiva is a non-profit organization with a mission to connect people through lending to alleviate poverty. Using Kiva's free API, the demo app

0 Nov 28, 2021

Content Hugging Priority settings using Auto Layout

AutoLayoutContentHugging Swift 5 and Xcode 12. Content Hugging Priority settings using Auto Layout. Content Hugging Priority give you granular control

0 Jan 21, 2022

Releases(1.0.1)

1.0.1(Dec 27, 2021)

Source code(tar.gz)
Source code(zip)
1.0.0(Nov 21, 2021)

Initial version
Source code(tar.gz)
Source code(zip)

Owner

Binary Birds

GitHub

A custom layout built on top of SwiftUI's Layout API that lays elements out in multiple lines. Similar to flex-wrap in CSS, CollectionViewFlowLayout.

WrapLayout A custom layout built on top of SwiftUI's Layout API that lays elements out in multiple lines. Similar to flex-wrap in CSS, CollectionViewF

6 Sep 27, 2022

SwiftLayout - View hierarchy and autolayout DSL library

SwiftLayout view hierarchy and autolayout DSL library goal 뷰의 계층구조와 constraint 관

104 Dec 28, 2022

MisterFusion is Swift DSL for AutoLayout. It is the extremely clear, but concise syntax, in addition, can be used in both Swift and Objective-C. Support Safe Area and Size Class.

MisterFusion MisterFusion makes more easier to use AutoLayout in Swift & Objective-C code. Features Simple And Concise Syntax Use in Swift and Objecti