diff options
author | Baron Schwartz <xaprb@users.noreply.github.com> | 2018-09-16 17:39:25 +0300 |
---|---|---|
committer | Baron Schwartz <xaprb@users.noreply.github.com> | 2018-09-16 17:39:25 +0300 |
commit | eb9716c687303da45866fae82a2de69af17f0774 (patch) | |
tree | 8870b809c8c3650c597321d1961e08f8bb0c84f6 | |
parent | ebc9a9f466d054e4b3c91eff97048eff94bffcc9 (diff) |
remove modernizr; add section- and kind- page classes to <body>
-rw-r--r-- | layouts/_default/baseof.html | 3 | ||||
-rw-r--r-- | static/css/story.css | 22 |
2 files changed, 8 insertions, 17 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index dedae13..4853fdb 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -23,7 +23,6 @@ {{ end }} <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> - <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script> {{ if or (in .Site.Params.classes "feature-highlight") (in .Params.classes "feature-highlight") -}} {{- if not (or (in .Site.Params.classes "feature-nohighlight") (in .Params.classes "feature-nohighlight") ) -}} <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script> @@ -41,7 +40,7 @@ <script src="{{ "js/story.js" | absURL }}"></script> </head> - <body class="ma0 bg-white sans-serif {{ with .Site.Params.classes }}{{ range . }} {{ . }}{{ end }}{{ end }}{{ with .Params.classes }}{{ range . }} {{ . }}{{ end }}{{ end }}"> + <body class="ma0 bg-white sans-serif {{ with .Section }}section-{{ . }}{{ end }} page-kind-{{ .Kind }} {{ with .Site.Params.classes }}{{ range . }} {{ . }}{{ end }}{{ end }}{{ with .Params.classes }}{{ range . }} {{ . }}{{ end }}{{ end }}"> {{ block "header" . }} <!-- You can set the title and header image in the "title/image" parameters of diff --git a/static/css/story.css b/static/css/story.css index b776574..4f11f5d 100644 --- a/static/css/story.css +++ b/static/css/story.css @@ -255,15 +255,7 @@ images inappropriately. */ .book img { vertical-align: middle; } - /* - * In order for this to work, you must use Modernizer - * to detect 3D transform browser support. This will add - * a "csstransforms3d" class to the HTML element. - * - * Visit http://modernizr.com/ for installation instructions - */ - - .csstransforms3d .books { + .books { -moz-perspective: 100px; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; @@ -272,7 +264,7 @@ images inappropriately. */ margin: 0px 0px 1rem 1rem; } - .csstransforms3d .book { + .book { position: relative; -moz-perspective: 100px; -moz-transform: rotateY(-3deg); @@ -282,12 +274,12 @@ images inappropriately. */ margin: 0; } - .csstransforms3d .book img { + .book img { position: relative !important; } - .csstransforms3d .book:before, - .csstransforms3d .book:after { + .book:before, + .book:after { position: absolute; top: 2%; height: 96%; @@ -295,14 +287,14 @@ images inappropriately. */ z-index: -1; } - .csstransforms3d .book:before { + .book:before { width: 100%; left: 6.5%; background-color: #484848; box-shadow: 0px 3px 20px 2px #333; } - .csstransforms3d .book:after { + .book:after { width: 5%; left: 100%; background-color: #EFEFEF; |