From 303fd2b0324e0d34d96409fb38b4c202d0fe0332 Mon Sep 17 00:00:00 2001 From: Serghei Iakovlev Date: Fri, 22 Jul 2022 00:31:29 +0200 Subject: Optimize SCSS --- ...e.scss_f300667da4f5b5f84e1a9e0702b2fdde.content | 187 +++++++++------------ 1 file changed, 83 insertions(+), 104 deletions(-) (limited to 'resources/_gen/assets') diff --git a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index b83aaab..4f7bdbb 100644 --- a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -901,6 +901,12 @@ form input:-moz-ui-invalid { .introduction { min-height: 100px; margin-bottom: 100px; } } +.introduction h1.accent { + margin: 30px 0; + font-size: 4em; + line-height: 1; + letter-spacing: -1px; } + #page-contact .container, #page-thanks .container, .introduction .container { @@ -908,12 +914,6 @@ form input:-moz-ui-invalid { max-width: 600px; text-align: center; } -.introduction h1.accent { - margin: 30px 0; - font-size: 4em; - line-height: 1; - letter-spacing: -1px; } - .post { margin-top: 40px; } @media only screen and (min-width: 768px) { @@ -959,20 +959,18 @@ ul.pager { margin: 0; padding: 0; list-style: none; } - -ul.pager li { - display: inline; - padding: 10px; - margin: 5px; } + ul.pager li { + display: inline; + padding: 10px; + margin: 5px; } .divider { position: relative; margin: 2.5rem 0; } - -.divider::after { - content: ""; - display: table; - clear: both; } + .divider:after { + content: ""; + display: table; + clear: both; } .d-flex { display: flex; } @@ -988,7 +986,7 @@ ul.pager li { .tags-wrapper { position: relative; } -ul.post-tags { +.post-tags { margin: 0; padding: 0; position: absolute; @@ -996,62 +994,52 @@ ul.post-tags { bottom: -12px; list-style: none; text-indent: unset; } - -.post-tags li, -.post-tags a { - font-family: sans-serif; - float: left; - height: 24px; - line-height: 24px; - position: relative; - font-size: .75em; } - -.post-tags a { - margin-left: 20px; - padding: 0 10px 0 12px; - background: #841212; - color: #fff; - text-decoration: none; - -webkit-border-bottom-right-radius: 4px; - -moz-border-radius-bottomright: 4px; - border-bottom-right-radius: 4px; - -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; } - -.post-tags a:before { - content: ""; - float: left; - position: absolute; - top: 0; - left: -12px; - width: 0; - height: 0; - border-color: transparent #841212 transparent transparent; - border-style: solid; - border-width: 12px 12px 12px 0; } - -.post-tags a:after { - content: ""; - position: absolute; - top: 10px; - left: 0; - float: left; - width: 4px; - height: 4px; - background: #fff; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - -webkit-box-shadow: -1px -1px 2px #454545; - -moz-box-shadow: -1px -1px 2px #454545; - box-shadow: -1px -1px 2px #454545; } - -.post-tags a:hover { - background: #676767; } - -.post-tags a:hover:before { - border-color: transparent #676767 transparent transparent; } + .post-tags li, .post-tags a { + font-family: sans-serif; + float: left; + height: 24px; + line-height: 24px; + position: relative; + font-size: .75em; } + .post-tags a { + margin-left: 20px; + padding: 0 10px 0 12px; + background: #841212; + color: #fff; + text-decoration: none; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + .post-tags a:before { + content: ""; + float: left; + position: absolute; + top: 0; + left: -12px; + width: 0; + height: 0; + border-color: transparent #841212 transparent transparent; + border-style: solid; + border-width: 12px 12px 12px 0; } + .post-tags a:after { + content: ""; + position: absolute; + top: 10px; + left: 0; + float: left; + width: 4px; + height: 4px; + background: #fff; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: -1px -1px 2px #454545; + -moz-box-shadow: -1px -1px 2px #454545; + box-shadow: -1px -1px 2px #454545; } + .post-tags a:hover { + background: #676767; } + .post-tags a:hover:before { + border-color: transparent #676767 transparent transparent; } a.external:after { background-color: #ac4142; @@ -1075,63 +1063,54 @@ ul.tags-cloud { list-style: none; border: 2px solid white; border-radius: 5px; } - -ul.tags-cloud .tag { - display: flex; - align-items: center; - margin: 0.25rem 1rem; } - -ul.tags-cloud .tag-link { - padding: 5px 5px 0; - transition: 0.3s; - text-decoration: none; } + ul.tags-cloud .tag { + display: flex; + align-items: center; + margin: 0.25rem 1rem; } + ul.tags-cloud .tag-link { + padding: 5px 5px 0; + transition: 0.3s; + text-decoration: none; } /* Themes */ /* Red */ .theme-base-red .post-tags a { background: #ac4142; } - -.theme-base-red .post-tags a:before { - border-color: transparent #ac4142 transparent transparent; } + .theme-base-red .post-tags a:before { + border-color: transparent #ac4142 transparent transparent; } /* Orange */ .theme-base-orange .post-tags a { background: #d28445; } - -.theme-base-orange .post-tags a:before { - border-color: transparent #d28445 transparent transparent; } + .theme-base-orange .post-tags a:before { + border-color: transparent #d28445 transparent transparent; } /* Green */ .theme-base-green .post-tags a { background: #90a959; } - -.theme-base-green .post-tags a:before { - border-color: transparent #90a959 transparent transparent; } + .theme-base-green .post-tags a:before { + border-color: transparent #90a959 transparent transparent; } /* Cyan */ .theme-base-cyan .post-tags a { background: #75b5aa; } - -.theme-base-cyan .post-tags a:before { - border-color: transparent #75b5aa transparent transparent; } + .theme-base-cyan .post-tags a:before { + border-color: transparent #75b5aa transparent transparent; } /* Blue */ .theme-base-blue .post-tags a { background: #6a9fb5; } - -.theme-base-blue .post-tags a:before { - border-color: transparent #6a9fb5 transparent transparent; } + .theme-base-blue .post-tags a:before { + border-color: transparent #6a9fb5 transparent transparent; } /* Magenta */ .theme-base-magenta .post-tags a { background: #aa759f; } - -.theme-base-magenta .post-tags a:before { - border-color: transparent #aa759f transparent transparent; } + .theme-base-magenta .post-tags a:before { + border-color: transparent #aa759f transparent transparent; } /* Brown */ .theme-base-brown .post-tags a { background: #8f5536; } - -.theme-base-brown .post-tags a:before { - border-color: transparent #8f5536 transparent transparent; } + .theme-base-brown .post-tags a:before { + border-color: transparent #8f5536 transparent transparent; } -- cgit v1.2.3