assets/css/style.scss in jekyll-theme-minimalistic-0.2.0 vs assets/css/style.scss in jekyll-theme-minimalistic-0.2.1

- old
+ new

@@ -1,69 +1,69 @@ ---- ---- - -@import "jekyll-theme-minimalistic"; - -.logo { - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - border-radius: 8px; - margin-bottom: 10px; -} - -.overlay { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: rgba(0, 0, 0, 0.7); - transition: opacity 500ms; - visibility: hidden; - opacity: 0; -} - -.overlay:target { - visibility: visible; - opacity: 1; -} - -.popup { - margin: 70px auto; - padding: 20px; - background: #fff; - border-radius: 5px; - width: 30%; - position: relative; - transition: all 1s ease-in-out; -} - -.popup .close { - position: absolute; - top: 10px; - right: 10px; - transition: all 200ms; - font-size: 30px; - font-weight: bold; - text-decoration: none; - color: #333; -} - -.popup .close:hover { - color: #06D85F; -} - -.popup .content { - padding-right: 20px; - max-height: 30%; - overflow: auto; - font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -@media screen and (max-width: 700px){ - .box { - width: 70%; - } - .popup { - width: 70%; - } -} +--- +--- + +@import "jekyll-theme-minimalistic"; + +.logo { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + margin-bottom: 10px; +} + +.overlay { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.7); + transition: opacity 500ms; + visibility: hidden; + opacity: 0; +} + +.overlay:target { + visibility: visible; + opacity: 1; +} + +.popup { + margin: 70px auto; + padding: 20px; + background: #fff; + border-radius: 5px; + width: 30%; + position: relative; + transition: all 1s ease-in-out; +} + +.popup .close { + position: absolute; + top: 10px; + right: 10px; + transition: all 200ms; + font-size: 30px; + font-weight: bold; + text-decoration: none; + color: #333; +} + +.popup .close:hover { + color: #06D85F; +} + +.popup .content { + padding-right: 20px; + max-height: 30%; + overflow: auto; + font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +@media screen and (max-width: 700px){ + .box { + width: 70%; + } + .popup { + width: 70%; + } +}