mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-29 09:02:37 +00:00
e2cd7d9f07
* Include two versions of Marked.js
* Include two versions of Marked.js
* Working two different render pipelines
Adds stylesheet "styleLegacy.less"
Adds markdownHandler "markdownLegacy.js"
The BrewRenderer will switch between these and the new pipeline dependent on the "version" prop passed in.
* Mustache-style div blocks
* Legacy snippets & columnbreak
* Codemirror styling for Div Blocks
* Lint
* Codemirror highlights for inline Divs as well
These will turn red `{{class Content}}`
Multi-line divs will turn purple
```
{{class,class2
content
}}
```
No real need for these to be different colors. Just for testing.
* More lint
* Update dependencies.
* Adding Button to switch render pipelines
* Update Marked.js
* Popup alert to refresh page when renderer changed
* Don't compress files in Development (very slow)
* Block DIV or inline Span depending on {{ placement
* \column emits a Div instead of Span
* Allow share page to use new renderer
* {{ divs no longer need empty lines. Spans work in lists.
* Typo
* Typo
* Enforce \page must be at start of line. Code cleanup.
* Inject newlines after/before {{/}} to avoid needing blank lines
* Fixes issues with tables.
* Remove console.log
* Fix spacing issue for Spans
* Move things from Brewrenderer to Markdown
Try to keep all custom text fiddling in one spot.
* Rename variables
* Update Font-Awesome to v5.15. Fix style issues on popups.
* Update {{ Divs/Spans, Fix nested hilighting
* Fixed Spans/divs with no tags or just commas
* Use blacklist for {{ to allow more characters
* Update package-lock.json
* Update all icons to Font-awesome 5
* V3 hidden behind config variable
Add "globalThis.enable_v3 = true" in the console to enable.
* lint
73 lines
1.5 KiB
Plaintext
73 lines
1.5 KiB
Plaintext
|
|
.brewItem{
|
|
position : relative;
|
|
display : inline-block;
|
|
vertical-align : top;
|
|
box-sizing : border-box;
|
|
box-sizing : border-box;
|
|
overflow : hidden;
|
|
width : 48%;
|
|
min-height : 80px;
|
|
margin-right : 15px;
|
|
margin-bottom : 15px;
|
|
padding : 5px 15px 5px 8px;
|
|
padding-right : 15px;
|
|
border : 1px solid #c9ad6a;
|
|
border-radius : 5px;
|
|
-webkit-column-break-inside : avoid;
|
|
page-break-inside : avoid;
|
|
break-inside : avoid;
|
|
h4{
|
|
margin-bottom : 5px;
|
|
font-size : 2.2em;
|
|
}
|
|
.info{
|
|
position: absolute;
|
|
bottom: 0px;
|
|
margin-bottom: 4px;
|
|
font-family : ScalySans;
|
|
font-size : 1.2em;
|
|
&>span{
|
|
margin-right : 12px;
|
|
}
|
|
}
|
|
&:hover{
|
|
.links{
|
|
opacity : 1;
|
|
}
|
|
}
|
|
&:nth-child(2n + 1){
|
|
margin-right : 0px;
|
|
}
|
|
.links{
|
|
.animate(opacity);
|
|
position : absolute;
|
|
top : 0px;
|
|
right : 0px;
|
|
height : 100%;
|
|
width : 2em;
|
|
opacity : 0;
|
|
background-color : fade(black, 60%);
|
|
text-align : center;
|
|
a{
|
|
.animate(opacity);
|
|
display : block;
|
|
margin : 8px 0px;
|
|
opacity : 0.6;
|
|
font-size : 1.3em;
|
|
color : white;
|
|
&:hover{
|
|
opacity : 1;
|
|
}
|
|
i{
|
|
cursor : pointer;
|
|
}
|
|
}
|
|
}
|
|
.googleDriveIcon {
|
|
height : 20px;
|
|
padding : 0px;
|
|
margin : -5px;
|
|
}
|
|
}
|