diff options
| -rw-r--r-- | Just-Read/less/main.less | 43 |
1 files changed, 39 insertions, 4 deletions
diff --git a/Just-Read/less/main.less b/Just-Read/less/main.less index 55efa5a..2903288 100644 --- a/Just-Read/less/main.less +++ b/Just-Read/less/main.less @@ -16,6 +16,7 @@ figure { position: relative; + margin: 0 0 (@line * 1px) 0; } figure img, figure object, figure embed, figure video { @@ -23,6 +24,11 @@ figure img, figure object, figure embed, figure video { display: block; } +figcaption{ + margin-top: @line * 1px; + color: lighten(@black, 60%); +} + // Elastic Object & Iframe Embedded Videos http://webdesignerwall.com/tutorials/css-elastic-videos .video-container { @@ -102,6 +108,25 @@ b, strong{ } +.tagcloud li{ + list-style: none; + margin-bottom: @line / 8px; +} +.tagcloud a{ + color: @black; + display: block; + background-color: lighten(@link, 50%); + padding: (@line / 8px) (@line / 4px); + .small; + .rounded(); + .border-box; + + &:hover{ + text-decoration:none; + background-color: lighten(@link, 30%); + } +} + // Four-column grid active // ---------------------------------------- // Margin | # 1 2 3 4 | Margin @@ -109,10 +134,7 @@ b, strong{ .wrapper { padding: 0 (@line/2)/@em; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; + .border-box; } @@ -251,6 +273,19 @@ code{ color: lighten(@black, 40%); } +.tag-1 a{ + width: 100%; +} +.tag-2 a{ + width: 75%; +} +.tag-3 a{ + width: 50%; +} +.tag-4 a{ + width: 25%; +} + // Eight-column grid active // ---------------------------------------------------------------------- |