archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #79 from adamwathan/hover-prefix

Browse Source 
Use @ instead of hover-
This commit is contained in:
Adam Wathan 2017-08-18 18:28:30 -04:00 committed by GitHub
commit 6869a96669
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/source/examples.blade.php
View File

@ -34,7 +34,7 @@
</button>
</div>
<div class="mb-4">
<button class="text-medium text-light rounded py-2 px-4 bg-dark hover-bg-dark-dark mr-4">
<button class="text-medium text-light rounded py-2 px-4 bg-dark @bg-dark-dark mr-4">
Save
</button>
<button class="text-medium text-light rounded py-2 px-4 bg-dark-soft mr-4">
@ -47,7 +47,7 @@
@foreach($page->colors as $color)
<div class="mb-4">
<button class="text-medium text-light rounded py-2 px-4 bg-{{$color}} hover-bg-{{$color}}-dark mr-4">
<button class="text-medium text-light rounded py-2 px-4 bg-{{$color}} @bg-{{$color}}-dark mr-4">
Save
</button>
<button class="text-medium text-light rounded py-2 px-4 bg-{{$color}}-light mr-4">
@ -60,7 +60,7 @@
@foreach($page->colors as $color)
<div class="mb-4">
<button class="text-medium text-light rounded py-2 px-4 text-{{$color}}-dark hover-text-light border border-{{$color}} hover-bg-{{$color}} mr-4">
<button class="text-medium text-light rounded py-2 px-4 text-{{$color}}-dark @text-light border border-{{$color}} @bg-{{$color}} mr-4">
Save
</button>
<button class="text-medium text-light rounded py-2 px-4 text-{{$color}}-light border border-{{$color}}-light mr-4">

8
src/generators/backgrounds-hover.less
View File

@ -1,6 +1,6 @@
.define-bg-hover-colors(@variants) {
.generate-utility-variants('hover-bg'; @variants; {
&:hover { background-color: extract(@__variant-value, 2); }
.generate-utility-variants('\@bg'; @variants; {
&:hover, &:focus { background-color: extract(@__variant-value, 2); }
});
}
@ -10,8 +10,8 @@
.define-bg-hover-colors(@variants; @screens) when not (@screens = none) {
.define-bg-hover-colors(@variants);
.generate-responsive-utility-variants('hover-bg'; @variants; @screens; {
&:hover { background-color: extract(@__variant-value, 2); }
.generate-responsive-utility-variants('\@bg'; @variants; @screens; {
&:hover, &:focus { background-color: extract(@__variant-value, 2); }
});
}

8
src/generators/text-colors-hover.less
View File

@ -1,6 +1,6 @@
.define-text-hover-colors(@variants) {
.generate-utility-variants('hover-text'; @variants; {
&:hover { color: extract(@__variant-value, 2); }
.generate-utility-variants('\@text'; @variants; {
&:hover, &:focus { color: extract(@__variant-value, 2); }
});
}
@ -10,8 +10,8 @@
.define-text-hover-colors(@variants; @screens) when not (@screens = none) {
.define-text-hover-colors(@variants);
.generate-responsive-utility-variants('hover-text'; @variants; @screens; {
&:hover { color: extract(@__variant-value, 2); }
.generate-responsive-utility-variants('\@text'; @variants; @screens; {
&:hover, &:focus { color: extract(@__variant-value, 2); }
});
}