artin/tachyons
1
0
Fork 0
mirror of https://github.com/tachyons-css/tachyons.git synced 2026-02-06 11:06:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adds variables to outline module. Adds filter none to hovers.

Browse Source
This commit is contained in:
mrmrs 2023-07-13 23:32:26 -07:00
parent bade6fd4ec
commit 5c2a4fabea
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/_hovers.css
View File

@ -167,6 +167,8 @@
transition: color .25s ease-in-out;
}
.hover-filter-none:hover { filter: none; }
.hover-filter-blur-none:hover { filter: blur(0); }
.hover-filter-blur:hover { filter: blur(96px); }

20
src/_outlines.css
View File

@ -9,24 +9,28 @@
*/
.outline { outline: 1px solid; }
.outline-transparent { outline: 1px solid transparent; }
.outline { outline: var(--border-width, 1px) solid currentColor; }
.outline-color { outline: var(--border-width, 1px) solid var(--border-color, gray); }
.outline-transparent { outline: var(--border-width, 1px) solid transparent; }
.outline-0 { outline: 0; }
@media (--breakpoint-small) {
.outline-s { outline: 1px solid; }
.outline-transparent-s { outline: 1px solid transparent; }
.outline-s { outline: var(--border-width, 1px) solid currentColor; }
.outline-color-s { outline: var(--border-width, 1px) solid var(--border-color, gray); }
.outline-transparent-s { outline: var(--border-width, 1px) solid transparent; }
.outline-0-s { outline: 0; }
}
@media (--breakpoint-medium) {
.outline-m { outline: 1px solid; }
.outline-transparent-m { outline: 1px solid transparent; }
.outline-m { outline: var(--border-width, 1px) solid currentColor; }
.outline-color-m { outline: var(--border-width, 1px) solid var(--border-color, gray); }
.outline-transparent-m { outline: var(--border-width, 1px) solid transparent; }
.outline-0-m { outline: 0; }
}
@media (--breakpoint-large) {
.outline-l { outline: 1px solid; }
.outline-transparent-l { outline: 1px solid transparent; }
.outline-l { outline: var(--border-width, 1px) solid currentColor; }
.outline-color-l { outline: var(--border-width, 1px) solid var(--border-color, gray); }
.outline-transparent-l { outline: var(--border-width, 1px) solid transparent; }
.outline-0-l { outline: 0; }
}