Skip to content
This repository has been archived by the owner on Aug 31, 2024. It is now read-only.

Commit

Permalink
CSS improvements
Browse files Browse the repository at this point in the history
  • Loading branch information
dustinmoris committed Jun 23, 2020
1 parent f053514 commit 1d4f93a
Show file tree
Hide file tree
Showing 3 changed files with 34 additions and 24 deletions.
7 changes: 4 additions & 3 deletions src/DustedCodes/CSS/dark.css
Original file line number Diff line number Diff line change
@@ -1,14 +1,15 @@
@media (prefers-color-scheme: dark) {
:root {
--bg-color: #2c2f2f;
--bg-color-dark: #2c2f2f;
--table-odd-bg-color: #3f3f3f;
--table-even-bg-color: #282a2a;
--table-even-bg-color: #2f3131;
--thin-border-color: rgba(255, 255, 255, 0.1);
--thiner-border-color: rgba(200, 200, 200, 0.1);
--label-fg-color: rgba(255, 255, 255, 0.5);
}

body {
background: #282a2a;
color: #ddd;
}

Expand Down Expand Up @@ -115,7 +116,7 @@
.bmc-button {
padding: .9em .7em;
border: 2px solid rgb(243, 213, 7);
background: #282a2a;
background: var(--bg-color);
color: rgb(243, 213, 7);
}

Expand Down
11 changes: 9 additions & 2 deletions src/DustedCodes/CSS/site.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@

:root {
--bg-color: #fff;
--bg-color-dark: #fff;
--fg-color: #444;

--link-fg-color: #f1f1f1;
Expand Down Expand Up @@ -374,8 +375,13 @@ iframe.youTubeVideo {
Master page
-------------------------- */

body > header,
body > nav {
background-color: var(--bg-color-dark);
}

body > main,
body > nav,
#inner-nav ,
#inner-header,
#inner-footer {
margin: 1em auto;
Expand Down Expand Up @@ -653,7 +659,8 @@ body > header h2 {

.bmc-button span {
margin: 0 1em 0 .5em;
font-family: cursive;
font-family: 'Martel', serif;
font-style: italic;
font-size: 1.8em;
font-weight: 600;
letter-spacing: 0.6px;
Expand Down
40 changes: 21 additions & 19 deletions src/DustedCodes/Views.fs
Original file line number Diff line number Diff line change
Expand Up @@ -173,25 +173,27 @@ module Views =
]
main [] bodyContent
nav [] [
ul [ _id "social-links" ] [
li [] [ iconLink "https://www.facebook.com/dustinmoris.gorski" "Connect on Facebook" Icons.facebook ]
li [] [ iconLink "https://twitter.com/dustinmoris" "Follow on Twitter" Icons.twitter ]
li [] [ iconLink "https://www.linkedin.com/in/dustinmoris/" "Connect on LinkedIn" Icons.linkedIn ]
li [] [ iconLink "https://www.instagram.com/dustedtravels/" "Follow on Instagram" Icons.instagram ]
li [] [ iconLink "https://www.youtube.com/channel/UCtoObQtHY0TjIXwz9Ipmq7g" "Follow on YouTube" Icons.youTube ]
li [] [ iconLink "https://github.com/dustinmoris" "Browse GitHub repositories" Icons.github ]
li [] [ iconLink "https://hub.docker.com/u/dustinmoris" "Browse Docker images" Icons.docker ]
li [] [ iconLink "https://stackoverflow.com/users/1693158/dustinmoris" "View StackOverflow profile" Icons.stackOverflow ]
li [] [ iconLink "https://www.buymeacoffee.com/dustinmoris" "Buy me a coffee" Icons.buyMeACoffee ]
li [] [ iconLink "https://www.paypal.me/dustinmoris" "Pay me via PayPal" Icons.payPal ]
li [] [ iconLink Url.``/feed/rss`` "Subscribe to feed" Icons.rssFeed ]
]
ul [ _id "nav-links" ] [
li [] [ normalLink Url.``/`` "Home" ]
li [] [ normalLink Url.``/trending`` "Trending" ]
li [] [ normalLink Url.``/about`` "About"]
li [] [ normalLink Url.``/hire`` "Hire" ]
li [] [ normalLink Url.``/hire#contact`` "Contact" ]
div [ _id "inner-nav" ] [
ul [ _id "social-links" ] [
li [] [ iconLink "https://www.facebook.com/dustinmoris.gorski" "Connect on Facebook" Icons.facebook ]
li [] [ iconLink "https://twitter.com/dustinmoris" "Follow on Twitter" Icons.twitter ]
li [] [ iconLink "https://www.linkedin.com/in/dustinmoris/" "Connect on LinkedIn" Icons.linkedIn ]
li [] [ iconLink "https://www.instagram.com/dustedtravels/" "Follow on Instagram" Icons.instagram ]
li [] [ iconLink "https://www.youtube.com/channel/UCtoObQtHY0TjIXwz9Ipmq7g" "Follow on YouTube" Icons.youTube ]
li [] [ iconLink "https://github.com/dustinmoris" "Browse GitHub repositories" Icons.github ]
li [] [ iconLink "https://hub.docker.com/u/dustinmoris" "Browse Docker images" Icons.docker ]
li [] [ iconLink "https://stackoverflow.com/users/1693158/dustinmoris" "View StackOverflow profile" Icons.stackOverflow ]
li [] [ iconLink "https://www.buymeacoffee.com/dustinmoris" "Buy me a coffee" Icons.buyMeACoffee ]
li [] [ iconLink "https://www.paypal.me/dustinmoris" "Pay me via PayPal" Icons.payPal ]
li [] [ iconLink Url.``/feed/rss`` "Subscribe to feed" Icons.rssFeed ]
]
ul [ _id "nav-links" ] [
li [] [ normalLink Url.``/`` "Home" ]
li [] [ normalLink Url.``/trending`` "Trending" ]
li [] [ normalLink Url.``/about`` "About"]
li [] [ normalLink Url.``/hire`` "Hire" ]
li [] [ normalLink Url.``/hire#contact`` "Contact" ]
]
]
]
footer [] [
Expand Down

0 comments on commit 1d4f93a

Please sign in to comment.