Add portion controls and improve recipe display
This commit is contained in:
+12
-12
@@ -15,7 +15,7 @@
|
||||
inset: 0;
|
||||
z-index: 20;
|
||||
overflow: hidden;
|
||||
padding: 42px 52px;
|
||||
padding: 50px 58px;
|
||||
background: #11110f;
|
||||
}
|
||||
|
||||
@@ -40,18 +40,18 @@
|
||||
}
|
||||
|
||||
.MMM-NextcloudCookbook .ncc-recipe h1 {
|
||||
margin: 0 100px 18px 0;
|
||||
margin: 0 100px 24px 0;
|
||||
color: #fff6d8;
|
||||
font-size: 52px;
|
||||
font-size: 68px;
|
||||
line-height: 1.08;
|
||||
}
|
||||
|
||||
.MMM-NextcloudCookbook .ncc-meta {
|
||||
display: flex;
|
||||
gap: 8px 18px;
|
||||
gap: 10px 22px;
|
||||
align-items: baseline;
|
||||
margin: 0 0 24px;
|
||||
font-size: 21px;
|
||||
margin: 0 0 32px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.MMM-NextcloudCookbook .ncc-meta dt {
|
||||
@@ -66,25 +66,25 @@
|
||||
.MMM-NextcloudCookbook .ncc-columns {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(280px, 0.8fr) minmax(430px, 1.4fr);
|
||||
gap: 46px;
|
||||
gap: 52px;
|
||||
}
|
||||
|
||||
.MMM-NextcloudCookbook .ncc-columns h2 {
|
||||
margin: 0 0 12px;
|
||||
margin: 0 0 18px;
|
||||
color: #d6b96b;
|
||||
font-size: 30px;
|
||||
font-size: 42px;
|
||||
}
|
||||
|
||||
.MMM-NextcloudCookbook .ncc-columns ul,
|
||||
.MMM-NextcloudCookbook .ncc-columns ol {
|
||||
margin: 0;
|
||||
padding-left: 1.25em;
|
||||
font-size: 23px;
|
||||
line-height: 1.3;
|
||||
font-size: 34px;
|
||||
line-height: 1.34;
|
||||
}
|
||||
|
||||
.MMM-NextcloudCookbook .ncc-columns li {
|
||||
margin-bottom: 9px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.MMM-NextcloudCookbook .ncc-error {
|
||||
|
||||
Reference in New Issue
Block a user