diff options
author | Sean Lane <git@sean.lane.sh> | 2019-01-27 00:43:58 +0300 |
---|---|---|
committer | Sean Lane <git@sean.lane.sh> | 2019-01-27 00:43:58 +0300 |
commit | 839b984077be58adb4a5ae7256702f3f2f855114 (patch) | |
tree | d33aeb8684cedd661ac99cfb6db8e95c2e2c7f2e | |
parent | fe1f269f2443511c849b8a44c9e4e4207eed5873 (diff) |
CSS fix: Only hide ul bullets for recipe items, not content
-rw-r--r-- | assets/scss/_base.scss | 5 | ||||
-rw-r--r-- | assets/scss/_content.scss | 13 | ||||
-rw-r--r-- | layouts/recipes/single.html | 6 |
3 files changed, 16 insertions, 8 deletions
diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss index c22204e..4308ef0 100644 --- a/assets/scss/_base.scss +++ b/assets/scss/_base.scss @@ -1261,11 +1261,6 @@ input[type=range] { img{width:100%;} .no-line-height{line-height:0;} -ul{margin:0; padding:0; list-style:none;} -ul li{ padding:0 0 0 25px; position:relative; margin-top: 0.5rem;} -/*ul li input{ - position: absolute; top:5px; left:0; min-height: 1rem; min-width: 1rem; -}*/ .bg-blue-tile{background: #007FFF url($bg-blue-tile-url); position:relative;} @media all and (min-width:40em){ diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss index b288871..a0dd1a2 100644 --- a/assets/scss/_content.scss +++ b/assets/scss/_content.scss @@ -1,3 +1,16 @@ +.recipeItems { + ul { + margin:0; + padding:0; + list-style:none; + } + ul li { + padding:0 0 0 25px; + position:relative; + margin-top: 0.5rem; + } +} + .checkbox-container { display: flex; flex-flow: row nowrap; diff --git a/layouts/recipes/single.html b/layouts/recipes/single.html index 828dd87..d09e5cc 100644 --- a/layouts/recipes/single.html +++ b/layouts/recipes/single.html @@ -29,7 +29,7 @@ <!-- call up recipe and directions --> <div class="clearfix mt3"> - <div class="sm-col sm-col-6 lg-col-6"> + <div class="sm-col sm-col-6 lg-col-6 recipeItems"> <!-- check if it's a component-based recipe --> {{ with .Params.Components}} <h4 class="blue mt0 mb2 xs-center">Components</h4> @@ -56,7 +56,7 @@ {{ end }} </div> - <div class="sm-col sm-col-6 lg-col-6"> + <div class="sm-col sm-col-6 lg-col-6 recipeItems"> <h4 class="blue mt0 mb2 xs-center">Directions</h4> <ul itemprop="recipeInstructions"> {{ range .Params.Directions }} @@ -77,7 +77,7 @@ <div class="clearfix mxn2"> {{ range . }} {{ $compTitle := . }} - <div class="sm-col sm-col-4 px2"> + <div class="sm-col sm-col-4 px2 recipeItems"> {{ range where $.Site.Pages "Title" $compTitle }} <h4 class="blue center">{{ .Title }}</h4> {{ range (.Resources.ByType "image") }} |