diff --git a/assets/styles/components/buttons.scss b/assets/styles/components/buttons.scss index d2859e3..56b1cd1 100644 --- a/assets/styles/components/buttons.scss +++ b/assets/styles/components/buttons.scss @@ -1,5 +1,5 @@ .btn-dark { - background-color: get-light-color('text-color') !important; + background-color: get-light-color('bg-card') !important; border-color: get-light-color('text-color') !important; color: get-light-color('text-over-accent-color') !important; @include transition(); @@ -51,6 +51,7 @@ .navbar-toggler { border: none; + &:focus { border: none; outline: none !important; @@ -61,6 +62,7 @@ .tags { text-align: left; padding-top: 0.5em; + li { font-size: 0.5em; list-style-type: none; @@ -70,6 +72,7 @@ margin-top: 0.6em; margin-bottom: 0.6em; } + a { text-decoration: none !important; } @@ -121,6 +124,7 @@ color: get-light-color('text-over-accent-color') !important; @include transition(); } + &:focus { &::before { content: 'Copied!'; @@ -203,6 +207,7 @@ html[data-theme='dark'] { background-color: get-dark-color('hover-over-accent-color') !important; } } + .copy-code-button { background-color: get-dark-color('bg-primary') !important; color: get-dark-color('muted-text-color') !important; @@ -214,4 +219,4 @@ html[data-theme='dark'] { color: get-dark-color('text-over-accent-color') !important; } } -} +} \ No newline at end of file diff --git a/assets/styles/components/cards.scss b/assets/styles/components/cards.scss index d74110e..00ead5b 100644 --- a/assets/styles/components/cards.scss +++ b/assets/styles/components/cards.scss @@ -9,6 +9,7 @@ box-shadow: $box-shadow; border: 1px solid get-light-color('bg-primary'); @include transition(); + .card-img-top { transform: scale(1.2); object-fit: cover; @@ -32,7 +33,7 @@ .card-img-top { -o-object-fit: cover; - object-fit: cover; + object-fit: cover; @include transition(); } @@ -48,6 +49,7 @@ .card-footer { background: get-light-color('bg-card') !important; + a.btn { text-decoration: none !important; } @@ -72,7 +74,7 @@ .card-img-top { transform: scale(1.2); -o-object-fit: cover; - object-fit: cover; + object-fit: cover; @include transition(); } } @@ -92,6 +94,7 @@ -webkit-box-orient: vertical; } } + .card-footer { margin-top: auto; @@ -112,6 +115,7 @@ html[data-theme='dark'] { &:focus { border: 1px solid rgba(get-dark-color('accent-color'), 0.2); } + .card-footer { background: get-dark-color('bg-card') !important; } @@ -126,4 +130,4 @@ html[data-theme='dark'] { } } } -} +} \ No newline at end of file diff --git a/assets/styles/components/texts.scss b/assets/styles/components/texts.scss index 15b288f..b77244e 100644 --- a/assets/styles/components/texts.scss +++ b/assets/styles/components/texts.scss @@ -6,6 +6,10 @@ h5 { color: get-light-color('heading-color'); } +h6 { + color: get-light-color('text-color'); +} + strong { color: get-light-color('heading-color') !important; } @@ -26,7 +30,7 @@ blockquote { padding: 0.3rem; padding-left: 1rem; - & > p { + &>p { color: get-light-color('text-color'); margin-top: 0.5rem; margin-bottom: 0.5rem; @@ -68,6 +72,7 @@ blockquote { } html[data-theme='dark'] { + h1, h2, h3, @@ -106,6 +111,7 @@ html[data-theme='dark'] { .sub-title { color: get-dark-color('muted-text-color'); } + ::-moz-selection { @include selection-color($theme: 'dark'); } @@ -113,8 +119,9 @@ html[data-theme='dark'] { ::selection { @include selection-color($theme: 'dark'); } + li, ul { color: get-dark-color('text-color'); } -} +} \ No newline at end of file