diff --git a/source/css/_partials/button.styl b/source/css/_partials/button.styl index 7e304cb..0008cf5 100644 --- a/source/css/_partials/button.styl +++ b/source/css/_partials/button.styl @@ -1,5 +1,6 @@ .button-component width: 100% + user-select: none .button-container a.active background-position: -100% center diff --git a/source/css/_partials/header/header.styl b/source/css/_partials/header/header.styl index b4631b0..4e5570c 100644 --- a/source/css/_partials/header/header.styl +++ b/source/css/_partials/header/header.styl @@ -1,7 +1,7 @@ .menu-items-container display: flex; flex-direction: row; - gap: 1.3rem; + gap: 16px; height: 2.5rem; justify-content: space-between; position: relative; diff --git a/source/css/_partials/index.styl b/source/css/_partials/index.styl index d234b61..dcffee8 100644 --- a/source/css/_partials/index.styl +++ b/source/css/_partials/index.styl @@ -10,7 +10,7 @@ gap: 16px; .post-list background-color: rgba(231, 225, 199, 0.5); - height: 1920px + height: auto width: 100% .right-content diff --git a/source/css/_partials/titled_card.styl b/source/css/_partials/titled_card.styl index 9fb6087..e1c7a13 100644 --- a/source/css/_partials/titled_card.styl +++ b/source/css/_partials/titled_card.styl @@ -1,9 +1,10 @@ .titled-card-compoment - background-color: rgb(231, 225, 199); + background-color: rgb(231, 225, 199) .card-title - background-color: rgb(74, 71, 62); - color: rgb(231, 225, 199); - padding: 0.5em 1em; + background-color: rgb(74, 71, 62) + color: rgb(231, 225, 199) + padding: 0.5em 1em + user-select: none .card-content - padding: 0.5em 1em; - color: rgb(74, 71, 62); \ No newline at end of file + padding: 0.5em 1em + color: rgb(74, 71, 62) \ No newline at end of file diff --git a/source/css/common.styl b/source/css/common.styl index 34761db..af7ab63 100644 --- a/source/css/common.styl +++ b/source/css/common.styl @@ -15,6 +15,10 @@ body #main margin-top: 2em +span::selection + background-color: rgb(74, 71, 62) + color: rgb(231, 225, 199) + .bottom-declaration // container左右各有2%的padding // 要突破这个container,所以要先往左边拉2%,然后width+=2%*2,也就是104%