diff --git a/content/assets/stylesheets/includes/404.scss b/content/assets/stylesheets/includes/404.scss deleted file mode 100644 index 4f870ea..0000000 --- a/content/assets/stylesheets/includes/404.scss +++ /dev/null @@ -1,4 +0,0 @@ -.img-center { - display:block; - margin:auto; -} diff --git a/content/assets/stylesheets/includes/blogpost.scss b/content/assets/stylesheets/includes/blogpost.scss index c36b3c4..4e64842 100644 --- a/content/assets/stylesheets/includes/blogpost.scss +++ b/content/assets/stylesheets/includes/blogpost.scss @@ -31,25 +31,8 @@ $sel: ''; } } -// Definition list is not defined in bulma -dl { - dt { - display: inline; - font-weight: bold; - } - - dd { - display: inline; - - &::after { - content: "\A"; - white-space: pre; - } - } -} - @keyframes lineAnimation { - 100% { + to { width: 80px; opacity: 1; } @@ -83,6 +66,7 @@ dl { } } + // Under title line &::after { content: ''; opacity: 0; @@ -96,12 +80,14 @@ dl { background: $zeus-orange; animation: lineAnimation 2s ease-in-out 1 normal forwards; + animation-delay: 0.5s; } } .blog-preview { position: relative; + // Fadeout &::after { content: ''; position: absolute; diff --git a/content/assets/stylesheets/includes/cammie.scss b/content/assets/stylesheets/includes/cammie.scss index ea844e7..54cb13d 100644 --- a/content/assets/stylesheets/includes/cammie.scss +++ b/content/assets/stylesheets/includes/cammie.scss @@ -3,7 +3,6 @@ #cammie-ctrls { display: flex; - justify-content: space-between; flex-direction: column; height: 100%; width: 100%; @@ -14,7 +13,6 @@ position: absolute; top: 0; - left: 0; .columns { margin: 0; diff --git a/content/assets/stylesheets/includes/eventpage.scss b/content/assets/stylesheets/includes/eventpage.scss index f4e28b8..711111c 100644 --- a/content/assets/stylesheets/includes/eventpage.scss +++ b/content/assets/stylesheets/includes/eventpage.scss @@ -1,17 +1,3 @@ -.google-maps { - position: relative; - height: 400px; - overflow: hidden; - - iframe { - position: absolute; - top: 0; - left: 0; - width: 100% !important; - height: 400px; - } -} - .banner-image{ justify-content: center; display: flex; @@ -35,7 +21,6 @@ } .header-text { - float: left; padding: 20px; &.light-background { diff --git a/content/assets/stylesheets/includes/events.scss b/content/assets/stylesheets/includes/events.scss index 908e3dc..b49f710 100644 --- a/content/assets/stylesheets/includes/events.scss +++ b/content/assets/stylesheets/includes/events.scss @@ -1,10 +1,3 @@ -.divider { - align-items:flex-start; - border: 1px solid lighten(gray, 45%); - width: 67%; - margin: 0 30% 0 3%; -} - .box.event-preview { border-radius: 0px; display: flex; @@ -13,10 +6,7 @@ padding:20px; padding-top:0px; - // border-top: 1px solid lighten(gray, 40%); - .image-holder { - //border-radius: 50%; padding: 10px; border: 1px solid lighten(gray, 30%); width: 15%; @@ -24,7 +14,6 @@ } .image { - //border-radius: 50%; vertical-align: baseline; border: 1px solid gray; } @@ -35,7 +24,8 @@ box-shadow : none; width: 60%; //for better spacing on mobile - @media screen and (max-width: 768px) { + + @include mobile { width: 100%; } .title { @@ -74,8 +64,6 @@ border-radius: 0px; box-shadow: none; height: 8em; - // display: flex; - // align-items: center; ul { padding-left: .7em; diff --git a/content/assets/stylesheets/includes/general.scss b/content/assets/stylesheets/includes/general.scss index 9abc4ed..00f9cc0 100644 --- a/content/assets/stylesheets/includes/general.scss +++ b/content/assets/stylesheets/includes/general.scss @@ -152,3 +152,8 @@ footer.footer { float: right; margin: 15px; } + +// Bold definition types in