Replace bootstrap with Bulma

This commit is contained in:
Oliver Davies 2017-08-06 19:01:22 +01:00
parent 4e851429d8
commit fbec98acaf
20 changed files with 126 additions and 138 deletions

View file

@ -1,4 +1,9 @@
(function ($) {
// Update the HTML classes.
$('html.no-js').removeClass('no-js').addClass('js');
$('html.no-js').addClass('js').removeClass('no-js');
$('.nav-toggle').on('click', function (e) {
e.preventDefault();
$(this).siblings('.nav-right').toggleClass('is-active');
})
})(jQuery);

View file

@ -11,15 +11,15 @@
flex-wrap: wrap
.list-style-none
list-style: none
list-style: none !important
.align-items-center
align-items: center
@each $value in 'block', 'inline', 'inline-block', 'flex'
.display-#{$value},
.is-#{$value},
display: #{$value}
//@each $value in 'block', 'inline', 'inline-block', 'flex'
// .display-#{$value},
// .is-#{$value},
// display: #{$value}
@each $value in 'top', 'middle', 'bottom'
.table
@ -32,10 +32,6 @@
&.vertical-#{$value}
vertical-align: #{$value}
@for $value from 2 through 5
.is-#{$value}
width: calc(100% / #{$value})
$properties: ( mb: 'margin-bottom', ml: 'margin-left', mr: 'margin-right', mt: 'margin-top', pb: 'padding-bottom', pl: 'padding-left', pr: 'padding-right', pt: 'padding-top' )
@each $key, $property in $properties
@for $value from 1 through 5

View file

@ -1,2 +1,5 @@
.is-borderless
border: none !important
.is-circle
border-radius: 50%

View file

@ -1,11 +1,10 @@
.page--blog__list
ul.posts
list-style: none
//list-style: none
margin-bottom: 2em
padding-left: 0
margin-left: 0
margin-top: 0
//padding-left: 0
.post
+clearfix
border-bottom: 1px solid #CCC
margin-bottom: 1em
padding-bottom: 2em

View file

@ -1,10 +1,3 @@
.post-pager
clear: both
margin-top: 2em
.post-pager div
flex: 1
pre
display: block
overflow: auto
@ -14,7 +7,6 @@ pre
pre[class*="language-"]
border: 0
border-radius: 0
margin: 1.5em 0
pre code
white-space: pre
@ -28,8 +20,5 @@ code[data-gist-id]
background: transparent
padding: 0
.about-author
img
// float: left
// margin: 0 1em 1em 0
width: 50px
.about-author img
width: 50px

View file

@ -1,9 +1,4 @@
@import '../mixins'
.talk-full h1
margin-bottom: 25px
.presentation
.talk-slides
background: url('../images/loading.gif') no-repeat center
min-height: 275px
width: 100%

View file

@ -1,10 +1,3 @@
@import '../mixins'
.testimonial
+clearfix
margin-bottom: 10px
&__image
height: 75px
margin: 0 0 10px 10px
width: 75px
.testimonial-image
height: 75px
width: 75px