diff options
| -rw-r--r-- | TODO.md | 2 | ||||
| -rw-r--r-- | src/html/index.html | 2 | ||||
| -rw-r--r-- | src/scss/flash-card.scss | 38 | ||||
| -rw-r--r-- | src/scss/index.scss | 4 |
4 files changed, 4 insertions, 42 deletions
@@ -1 +1,3 @@ - change figure image of Amy to a media card with social links and caption(s) +- import only needed components for bulma +- need to minify scss, js on prod build diff --git a/src/html/index.html b/src/html/index.html index 2920e48..2866efa 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -14,7 +14,7 @@ <link rel="stylesheet" href="css/index.css" /> </head> - <body class="has-navbar-fixed-top"> + <body class="has-navbar-fixed-top is-size-4-desktop"> <!-- navigation --> <nav class="navbar is-fixed-top"> <div class="navbar-brand"> diff --git a/src/scss/flash-card.scss b/src/scss/flash-card.scss deleted file mode 100644 index 5ba4ce9..0000000 --- a/src/scss/flash-card.scss +++ /dev/null @@ -1,38 +0,0 @@ -.flash-card { - background-color: transparent; - width: 100%; - height: 200px; - perspective: 1000px; -} - -.flash-card-inner { - position: relative; - width: 100%; - height: 100%; - text-align: center; - transition: transform 0.5s; - transform-style: preserve-3d; -} - -.flash-card:hover .flash-card-inner { - transform: rotateY(180deg); -} - -.flash-card-front, -.flash-card-back { - position: absolute; - width: 100%; - height: 100%; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -.flash-card-front { - border-radius: $box-radius; - line-height: 150px; -} - -.flash-card-back { - border-radius: $box-radius; - transform: rotateY(180deg); -} diff --git a/src/scss/index.scss b/src/scss/index.scss index 67f41a5..d8c7330 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -29,7 +29,7 @@ $title-color: $darkteal; $title-family: "Architects Daughter", cursive; $subtitle-color: $darkteal; $subtitle-family: "Indie Flower", cursive; -$body-font-size: 1.25rem; +//$body-font-size: 1.8rem; // $body-background-color: $isabelline; // Import only what you need from Bulma @@ -142,5 +142,3 @@ $body-font-size: 1.25rem; body { background-image: url("/bg.png"); } - -@import "./flash-card.scss"; |