You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
gitea/web_src/css
silverwind f4b92578b4
Add tailwindcss (#29357)
This will get tailwindcss working on a basic level. It provides only the
utility classes, e.g. no tailwind base which we don't need because we
have our own CSS reset. Without the base, we also do not have their CSS
variables so a small amount of features do not work and I removed the
generated classes for them.

***Note for future developers: This currently uses a `tw-` prefix, so we
use it like `tw-p-3`.***

<details>
<summary>Currently added CSS, all false-positives</summary>

```
.\!visible{

    visibility: visible !important
}

.visible{

    visibility: visible
}

.invisible{

    visibility: hidden
}

.collapse{

    visibility: collapse
}

.static{

    position: static
}

.\!fixed{

    position: fixed !important
}

.absolute{

    position: absolute
}

.relative{

    position: relative
}

.sticky{

    position: sticky
}

.left-10{

    left: 2.5rem
}

.isolate{

    isolation: isolate
}

.float-right{

    float: right
}

.float-left{

    float: left
}

.mr-2{

    margin-right: 0.5rem
}

.mr-3{

    margin-right: 0.75rem
}

.\!block{

    display: block !important
}

.block{

    display: block
}

.inline-block{

    display: inline-block
}

.inline{

    display: inline
}

.flex{

    display: flex
}

.inline-flex{

    display: inline-flex
}

.\!table{

    display: table !important
}

.inline-table{

    display: inline-table
}

.table-caption{

    display: table-caption
}

.table-cell{

    display: table-cell
}

.table-column{

    display: table-column
}

.table-column-group{

    display: table-column-group
}

.table-footer-group{

    display: table-footer-group
}

.table-header-group{

    display: table-header-group
}

.table-row-group{

    display: table-row-group
}

.table-row{

    display: table-row
}

.flow-root{

    display: flow-root
}

.inline-grid{

    display: inline-grid
}

.contents{

    display: contents
}

.list-item{

    display: list-item
}

.\!hidden{

    display: none !important
}

.hidden{

    display: none
}

.flex-shrink{

    flex-shrink: 1
}

.shrink{

    flex-shrink: 1
}

.flex-grow{

    flex-grow: 1
}

.grow{

    flex-grow: 1
}

.border-collapse{

    border-collapse: collapse
}

.select-all{

    user-select: all
}

.resize{

    resize: both
}

.flex-wrap{

    flex-wrap: wrap
}

.overflow-visible{

    overflow: visible
}

.rounded{

    border-radius: 0.25rem
}

.border{

    border-width: 1px
}

.text-justify{

    text-align: justify
}

.uppercase{

    text-transform: uppercase
}

.lowercase{

    text-transform: lowercase
}

.capitalize{

    text-transform: capitalize
}

.italic{

    font-style: italic
}

.text-red{

    color: var(--color-red)
}

.text-shadow{

    color: var(--color-shadow)
}

.underline{

    text-decoration-line: underline
}

.overline{

    text-decoration-line: overline
}

.line-through{

    text-decoration-line: line-through
}

.outline{

    outline-style: solid
}

.ease-in{

    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

.ease-in-out{

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.ease-out{

    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
```

</details>

---------

Co-authored-by: Giteabot <teabot@gitea.io>
12 months ago
..
chroma Chroma color tweaks (#26978) 1 year ago
codemirror Remove EasyMDE focus outline on text (#25328) 2 years ago
editor Clean up diff header css and reduce global textarea min-height (#29232) 12 months ago
features Refactor "shortsha" (#26877) 1 year ago
markup Make blockquote border size less aggressive (#29124) 1 year ago
modules Make loading animation less aggressive (#28955) 1 year ago
repo Revamp repo header (#27760) 1 year ago
shared Reduce margin/padding on flex-list items and divider (#27872) 1 year ago
standalone Add toasts to UI (#25449) 2 years ago
themes Rename the default themes to gitea-light, gitea-dark, gitea-auto (#27419) 1 year ago
actions.css fix issues on action runners page (#27226) 1 year ago
admin.css User details page (#26713) 1 year ago
base.css Add tailwindcss (#29357) 12 months ago
dashboard.css Dashboard context dropdown position fix on landing page in mobile view. (#27047) 1 year ago
explore.css Introduce `flex-list` & `flex-item` elements for Gitea UI (#25790) 2 years ago
font_i18n.css Fix `@font-face` overrides (#24855) 2 years ago
form.css Revert #28753 because UI broken. (#29293) 12 months ago
helpers.css Revert #28753 because UI broken. (#29293) 12 months ago
home.css avoid hard-coding height in language dropdown menu (#25986) 2 years ago
index.css Add tailwindcss (#29357) 12 months ago
install.css Make "install page" respect environment config (#25648) 2 years ago
org.css Unify organizations header (#29248) 12 months ago
repo.css Clean up diff header css and reduce global textarea min-height (#29232) 12 months ago
review.css Don't reload timeline page when (un)resolving or replying conversation (#28654) 1 year ago
user.css Unify `border-radius` behavior (#26770) 1 year ago