mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-09-23 22:43:56 +00:00
snippet colors
This commit is contained in:
@@ -269,6 +269,28 @@
|
|||||||
display : inline-block;
|
display : inline-block;
|
||||||
grid-area : tags;
|
grid-area : tags;
|
||||||
min-width : 100px;
|
min-width : 100px;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color:#606060;
|
||||||
|
background-color: hsla(from #c1b673 h s l / 20% );
|
||||||
|
}
|
||||||
|
.type {
|
||||||
|
color:#518251;
|
||||||
|
background-color: hsla(from currentColor h s l / 20% );
|
||||||
|
}
|
||||||
|
.system {
|
||||||
|
color: #c55656;
|
||||||
|
background-color: hsla(from currentColor h s l / 20% );
|
||||||
|
}
|
||||||
|
.group {
|
||||||
|
color : #525252;
|
||||||
|
background-color: hsla(from currentColor h s l / 20% );
|
||||||
|
}
|
||||||
|
.meta {
|
||||||
|
color : #5050b1;
|
||||||
|
background-color: hsla(from currentColor h s l / 20% );
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.brewAuthors {
|
.brewAuthors {
|
||||||
display : inline-block;
|
display : inline-block;
|
||||||
@@ -379,7 +401,6 @@
|
|||||||
padding : 10px;
|
padding : 10px;
|
||||||
padding-top : 100px;
|
padding-top : 100px;
|
||||||
padding-bottom : 50px;
|
padding-bottom : 50px;
|
||||||
margin : 10px;
|
|
||||||
font-size : 13px;
|
font-size : 13px;
|
||||||
color : white;
|
color : white;
|
||||||
background-color : grey;
|
background-color : grey;
|
||||||
|
|||||||
@@ -294,13 +294,13 @@ const ListPage = ({ brewCollection = [{ title: '', class: '', brews: [] }], navI
|
|||||||
<div className='layout-option' title='grid'>
|
<div className='layout-option' title='grid'>
|
||||||
<label>
|
<label>
|
||||||
<input name='layout-mode' type='radio' onChange={(e)=>handleLayoutChange(e, 'grid')} checked={layoutMode === 'grid'} />
|
<input name='layout-mode' type='radio' onChange={(e)=>handleLayoutChange(e, 'grid')} checked={layoutMode === 'grid'} />
|
||||||
<i className='fas fa-grip'></i>
|
<i className='fas fa-grip-vertical'></i>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div className='layout-option' title='list'>
|
<div className='layout-option' title='list'>
|
||||||
<label>
|
<label>
|
||||||
<input name='layout-mode' type='radio' onChange={(e)=>handleLayoutChange(e, 'list')} checked={layoutMode === 'list'} />
|
<input name='layout-mode' type='radio' onChange={(e)=>handleLayoutChange(e, 'list')} checked={layoutMode === 'list'} />
|
||||||
<i className='fas fa-grip'></i>
|
<i className='fas fa-list'></i>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div className='layout-option' title='card'>
|
<div className='layout-option' title='card'>
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
--columns : 4;
|
--columns : 4;
|
||||||
display : grid;
|
display : grid;
|
||||||
grid-template-columns : repeat(var(--columns), 1fr);
|
grid-template-columns : repeat(var(--columns), 1fr);
|
||||||
column-gap : 40px;
|
gap : 20px;
|
||||||
justify-items : center;
|
justify-items : center;
|
||||||
|
|
||||||
@media screen and (max-width : 1700px) {--columns : 3;}
|
@media screen and (max-width : 1700px) {--columns : 3;}
|
||||||
|
|||||||
Reference in New Issue
Block a user