diff options
author | Yue Yang <g1enyy0ung@gmail.com> | 2021-04-18 18:27:00 +0300 |
---|---|---|
committer | Yue Yang <g1enyy0ung@gmail.com> | 2021-04-18 18:27:00 +0300 |
commit | e58e1fd4d52d88673ee7fa17bb9aa1cdde9f00aa (patch) | |
tree | f48b757fee56d9b6ca133a09e3b741d7fd1cc371 | |
parent | 2e229c6b473c69590a097cc15e49cbe757f54929 (diff) |
Fix tags dropdown styles
-rw-r--r-- | src/sass/site.scss | 11 | ||||
-rw-r--r-- | static/css/site.css | 2 |
2 files changed, 11 insertions, 2 deletions
diff --git a/src/sass/site.scss b/src/sass/site.scss index 203bd2e..504b8a8 100644 --- a/src/sass/site.scss +++ b/src/sass/site.scss @@ -164,12 +164,21 @@ body { @media screen and (max-width: 768px) { flex-direction: column; + align-items: center; - .content { + > .content { + width: 100%; + max-width: 100%; margin-top: 2rem; margin-left: unset; text-align: center; } + + .tags-with-dropdown { + .title { + justify-content: center; + } + } } } diff --git a/static/css/site.css b/static/css/site.css index 733f65e..eb19cda 100644 --- a/static/css/site.css +++ b/static/css/site.css @@ -1 +1 @@ -body{background-position:center;background-size:cover}body .os-host>.os-padding>.os-viewport>.os-content{height:auto !important}.flip-container{width:100vw;height:100vh;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.flip-container.flip-it .flipper{transform:rotateY(180deg)}.flip-container .flipper{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 0.75s ease}.flip-container .front,.flip-container .back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.flip-container .front{transform:rotateY(0deg)}.flip-container .back{transform:rotateY(180deg)}.dream-max-width{max-width:1664px;margin:0 auto}.inverted a{color:#eee !important}.inverted a:hover{color:#fff !important}.dream-404-container{position:fixed;top:calc(50% - 54px);left:50%;width:100%;transform:translate3d(-50%, -50%, 0)}.dream-404-container .ui.header{margin-bottom:2rem}.dream-404-container .ui.header .sub.header{margin-top:0.5rem}.ui.menu.dream-menu{margin-left:0;margin-right:0}.ui.menu.dream-menu.dream-socials{display:flex;flex-wrap:wrap}.ui.menu.dream-menu.dream-socials .item:first-child{padding-left:0.5rem}.ui.menu.dream-menu .item{padding:0.5rem}.ui.menu.dream-menu .item:first-child{padding-left:1rem}.ui.menu.dream-menu .item i{margin:0}.ui.menu.dream-menu .item a{color:rgba(0,0,0,0.87)}.dream-header{display:flex;justify-content:center}.dream-header>.content{width:512px;max-width:512px;margin-left:2rem}.dream-header .ui.horizontal.list{line-height:1rem}.dream-header .tags-with-dropdown .title{display:flex}.dream-header .tags-with-dropdown .title,.dream-header .tags-with-dropdown .content{padding:0 !important}.dream-header .tags-with-dropdown .ui.list{margin-top:1rem;margin-right:0.375rem}.dream-header .tags-with-dropdown .dropdown-icon{position:relative;top:2px;right:1px;padding:0 !important;text-decoration:none !important;transform-origin:center;transition:transform 0.5s ease !important}.dream-header .dream-tags .ui.label{margin-top:1rem}@media screen and (max-width: 768px){.dream-header{flex-direction:column}.dream-header .content{margin-top:2rem;margin-left:unset;text-align:center}}.dream-grid{margin-left:0 !important;margin-right:0 !important}.ui.card.dream-card>.image{border-top-left-radius:inherit !important;border-top-right-radius:inherit !important}.ui.card.dream-card.inverted .content .header>a{color:rgba(255,255,255,0.87) !important}.ui.card.dream-card.inverted .content .meta{color:rgba(255,255,255,0.6)}.ui.card.dream-card.inverted .content .description{color:rgba(255,255,255,0.87)}.ui.card.dream-card.inverted .extra{color:rgba(255,255,255,0.6)}.ui.card.dream-card .content .header{margin-bottom:0}.ui.card.dream-card .content .header a{color:rgba(0,0,0,0.87) !important}.ui.card.dream-card .content .description{margin-top:1rem;color:rgba(0,0,0,0.87);overflow-wrap:break-word}.ui.card.dream-card .content .description img{max-width:100%}.ui.card.dream-card .content .description iframe[id^='twitter-widget-']{width:100% !important}.ui.card.dream-card .extra{position:relative;display:flex;align-items:center;border-top:none !important}.ui.card.dream-card .extra .author{display:flex;align-items:center}.ui.card.dream-card .extra .reading-time{position:absolute;right:1em}.dream-single h1.ui.large.header{margin-top:0.5rem;margin-bottom:1.5rem}.dream-single h1.ui.large.header .sub.header{display:flex;justify-content:space-between}@media screen and (max-width: 1024px){.dream-single h1.ui.large.header .sub.header{flex-direction:column;justify-content:unset}}.dream-single .cover{margin-bottom:1.5rem}.dream-single .ui.inverted.segment blockquote{color:rgba(255,255,255,0.6)}.dream-share a{text-decoration:none !important}@media screen and (max-width: 1024px){.dream-share{margin-top:0.5rem}}.dream-single-aside{position:sticky !important;top:0;height:100%}@media screen and (max-width: 768px){.dream-single-aside{display:none !important}}.toc ul{padding-left:2rem}.toc li{margin:0.5rem 0}.utterances-comments .utterances{max-width:unset}#dream-search{position:fixed;top:5%;left:50%;width:30%;display:none;border:1px solid #555;transform:translateX(-50%)}@media screen and (max-width: 768px){#dream-search{width:90%}}#dream-search .ui.input{width:calc(100% - 2rem)}#dream-search input{color:#fff}#dream-search .results{background:#1b1c1d;border-color:#555}#dream-search .result,#dream-search .message.empty{border-color:rgba(0,0,0,0.1)}#dream-search .result:hover,#dream-search .result.active,#dream-search .message.empty:hover,#dream-search .message.empty.active{background:rgba(0,0,0,0.1)}#dream-search .result .title,#dream-search .result .header,#dream-search .message.empty .title,#dream-search .message.empty .header{color:#fff}#dream-search .result .description,#dream-search .message.empty .description{color:rgba(255,255,255,0.87)} +body{background-position:center;background-size:cover}body .os-host>.os-padding>.os-viewport>.os-content{height:auto !important}.flip-container{width:100vw;height:100vh;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.flip-container.flip-it .flipper{transform:rotateY(180deg)}.flip-container .flipper{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 0.75s ease}.flip-container .front,.flip-container .back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.flip-container .front{transform:rotateY(0deg)}.flip-container .back{transform:rotateY(180deg)}.dream-max-width{max-width:1664px;margin:0 auto}.inverted a{color:#eee !important}.inverted a:hover{color:#fff !important}.dream-404-container{position:fixed;top:calc(50% - 54px);left:50%;width:100%;transform:translate3d(-50%, -50%, 0)}.dream-404-container .ui.header{margin-bottom:2rem}.dream-404-container .ui.header .sub.header{margin-top:0.5rem}.ui.menu.dream-menu{margin-left:0;margin-right:0}.ui.menu.dream-menu.dream-socials{display:flex;flex-wrap:wrap}.ui.menu.dream-menu.dream-socials .item:first-child{padding-left:0.5rem}.ui.menu.dream-menu .item{padding:0.5rem}.ui.menu.dream-menu .item:first-child{padding-left:1rem}.ui.menu.dream-menu .item i{margin:0}.ui.menu.dream-menu .item a{color:rgba(0,0,0,0.87)}.dream-header{display:flex;justify-content:center}.dream-header>.content{width:512px;max-width:512px;margin-left:2rem}.dream-header .ui.horizontal.list{line-height:1rem}.dream-header .tags-with-dropdown .title{display:flex}.dream-header .tags-with-dropdown .title,.dream-header .tags-with-dropdown .content{padding:0 !important}.dream-header .tags-with-dropdown .ui.list{margin-top:1rem;margin-right:0.375rem}.dream-header .tags-with-dropdown .dropdown-icon{position:relative;top:2px;right:1px;padding:0 !important;text-decoration:none !important;transform-origin:center;transition:transform 0.5s ease !important}.dream-header .dream-tags .ui.label{margin-top:1rem}@media screen and (max-width: 768px){.dream-header{flex-direction:column;align-items:center}.dream-header>.content{width:100%;max-width:100%;margin-top:2rem;margin-left:unset;text-align:center}.dream-header .tags-with-dropdown .title{justify-content:center}}.dream-grid{margin-left:0 !important;margin-right:0 !important}.ui.card.dream-card>.image{border-top-left-radius:inherit !important;border-top-right-radius:inherit !important}.ui.card.dream-card.inverted .content .header>a{color:rgba(255,255,255,0.87) !important}.ui.card.dream-card.inverted .content .meta{color:rgba(255,255,255,0.6)}.ui.card.dream-card.inverted .content .description{color:rgba(255,255,255,0.87)}.ui.card.dream-card.inverted .extra{color:rgba(255,255,255,0.6)}.ui.card.dream-card .content .header{margin-bottom:0}.ui.card.dream-card .content .header a{color:rgba(0,0,0,0.87) !important}.ui.card.dream-card .content .description{margin-top:1rem;color:rgba(0,0,0,0.87);overflow-wrap:break-word}.ui.card.dream-card .content .description img{max-width:100%}.ui.card.dream-card .content .description iframe[id^='twitter-widget-']{width:100% !important}.ui.card.dream-card .extra{position:relative;display:flex;align-items:center;border-top:none !important}.ui.card.dream-card .extra .author{display:flex;align-items:center}.ui.card.dream-card .extra .reading-time{position:absolute;right:1em}.dream-single h1.ui.large.header{margin-top:0.5rem;margin-bottom:1.5rem}.dream-single h1.ui.large.header .sub.header{display:flex;justify-content:space-between}@media screen and (max-width: 1024px){.dream-single h1.ui.large.header .sub.header{flex-direction:column;justify-content:unset}}.dream-single .cover{margin-bottom:1.5rem}.dream-single .ui.inverted.segment blockquote{color:rgba(255,255,255,0.6)}.dream-share a{text-decoration:none !important}@media screen and (max-width: 1024px){.dream-share{margin-top:0.5rem}}.dream-single-aside{position:sticky !important;top:0;height:100%}@media screen and (max-width: 768px){.dream-single-aside{display:none !important}}.toc ul{padding-left:2rem}.toc li{margin:0.5rem 0}.utterances-comments .utterances{max-width:unset}#dream-search{position:fixed;top:5%;left:50%;width:30%;display:none;border:1px solid #555;transform:translateX(-50%)}@media screen and (max-width: 768px){#dream-search{width:90%}}#dream-search .ui.input{width:calc(100% - 2rem)}#dream-search input{color:#fff}#dream-search .results{background:#1b1c1d;border-color:#555}#dream-search .result,#dream-search .message.empty{border-color:rgba(0,0,0,0.1)}#dream-search .result:hover,#dream-search .result.active,#dream-search .message.empty:hover,#dream-search .message.empty.active{background:rgba(0,0,0,0.1)}#dream-search .result .title,#dream-search .result .header,#dream-search .message.empty .title,#dream-search .message.empty .header{color:#fff}#dream-search .result .description,#dream-search .message.empty .description{color:rgba(255,255,255,0.87)} |