opdavies/oliverdavies.uk-old-sculpin
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Remove unused stylesheets

Browse source
This commit is contained in:
Oliver Davies 2017-09-05 18:31:04 +01:00
parent 5724090448
commit e883696526
20 changed files with 32 additions and 209 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
assets/sass/_base.sass
View file

@ -1,21 +0,0 @@
main
a:link,
a:hover
border-bottom: 1px solid
text-decoration: none
p img
margin: 1.5em 0
.embed-container
padding: 56.25% 0 0
position: relative
width: 100%
iframe,
embed
height: 100%
left: 0
position: absolute
top: 0
width: 100%

2
assets/sass/about.sass
View file

@ -1,2 +0,0 @@
img.me
max-width: 110px

34
assets/sass/base/_layout.sass
View file

@ -1,34 +0,0 @@
.is-centered
margin: 0 auto
.is-half
width: 50%
.flex
flex: 1
.flex-wrap
flex-wrap: wrap
.list-style-none
list-style: none !important
.align-items-center
align-items: center
@each $value in 'top', 'middle', 'bottom'
.table
& > thead > tr > th,
& > thead > tr > td,
& > tbody > tr > th,
& > tbody > tr > td,
& > tfoot > tr > th,
& > tfoot > tr > td
&.vertical-#{$value}
vertical-align: #{$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
.#{$key}-#{$value}
#{$property}: #{$value}em !important

5
assets/sass/base/_utilities.sass
View file

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

8
assets/sass/blog.sass
View file

@ -1,8 +0,0 @@
.page--blog__list
ul.posts
margin-bottom: 2em
margin-left: 0
margin-top: 0
.post
border-bottom: 1px solid #CCC

2
assets/sass/components/_availability.sass
View file

@ -1,2 +0,0 @@
.availability p:last-of-type
margin-bottom: 0

15
assets/sass/components/_badges.sass
View file

@ -1,15 +0,0 @@
.badges > *:not(:last-child)
margin: 0 auto 10px
.badges img
height: auto
max-width: 100%
.acquia-badges
border-collapse: collapse
display: table
.badge
background: none
display: table-cell
padding: 0

4
assets/sass/components/_footer.sass
View file

@ -1,4 +0,0 @@
.copyright
border-top: 1px solid #CCC
margin-top: 1em
padding-top: 1em

19
assets/sass/components/_meetups.sass
View file

@ -1,19 +0,0 @@
.meetups
+clearfix
ul
list-style: none
padding-left: 0
margin-left: 0
li
display: inline-block
padding: 5px 0
margin: 0 5px 5px 0
a
display: block
img
max-height: 40px
width: auto

10
assets/sass/components/_page-post.sass
View file

@ -1,10 +0,0 @@
.post-pager
clear: both
margin-top: 2em
.post-pager div
flex: 1
code[data-gist-id]
background: transparent
padding: 0

21
assets/sass/experience.sass
View file

@ -1,21 +0,0 @@
.experience-item-website
margin-bottom: 2px
.experience-item-role
margin-bottom: .625rem
.experience-item-logo
float: right
margin: 25px 0 1em 1.5em
max-width: 25%
+from(500px)
max-width: 20%
+desktop
max-width: 15%
img
height: auto
width: 100%
.experience-item-description p:last-of-type
margin-bottom: 0

11
assets/sass/main.sass
View file

@ -9,14 +9,3 @@ li,
td
a
color: $blue
.video
padding: 56.25% 0 0
.video iframe,
.video embed
height: 100%
left: 0
position: absolute
top: 0
width: 100%

24
assets/sass/main.scss
View file

@ -1,24 +0,0 @@
@import "node_modules/tachyons-sass/tachyons";
$blue1: #0678be;
p,
li,
td {
a { color: $blue1; }
}
.blue1 { color: $blue1; }
.video {
padding: 56.25% 0 0;
}
.video iframe,
.video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

2
assets/sass/post.sass
View file

@ -1,4 +1,4 @@
pre
#pre
display: block
overflow: auto
word-break: normal

18
assets/sass/project.sass
View file

@ -1,18 +0,0 @@
@import "node_modules/bulma/sass/utilities/initial-variables"
@import "node_modules/bulma/sass/utilities/mixins"
.project-company
&.has-logo
a:link,
a:hover
border-bottom: 0
display: block
img
max-width: 75%
+tablet
max-width: 50%
+desktop
max-width: 33.3%

25
assets/sass/talk.sass
View file

@ -1,11 +1,22 @@
@import "node_modules/bulma/sass/utilities/initial-variables"
@import "node_modules/bulma/sass/utilities/mixins"
@import "./node_modules/tachyons-sass/scss/media-queries"
.talk-slides
background: url('../images/loading.gif') no-repeat center
.slides
background-image: url('../images/loading.gif')
min-height: 275px
width: 100%
+tablet
@media #{$breakpoint-medium}
min-height: 460px
+desktop
@media #{$breakpoint-large}
min-height: 540px
.video
padding-top: 56.25%
.video iframe,
.video embed
height: 100%
left: 0
position: absolute
top: 0
width: 100%

3
assets/sass/testimonials.sass
View file

@ -1,3 +0,0 @@
.testimonial-image
height: 75px
width: 75px

2
gulpfile.js
View file

@ -58,6 +58,8 @@ gulp.task('styles', function () {
'node_modules/prismjs/themes/prism-twilight.css',
config.sass.sourceDir + '/post.sass'
], 'post.css')
app.sass(config.sass.sourceDir + '/talk.sass', 'talk.css');
});
gulp.task('scripts', function () {

8
source/_layouts/talk.html.twig
View file

@ -8,7 +8,7 @@
{% if page.slides.embed %}
<div class="mt2">
<h2>Slides</h2>
<div class="talk-slides">
<div class="slides w-100 bg-center">
{{ page.slides.embed|raw }}
</div>
</div>
@ -18,7 +18,7 @@
<div class="mt2">
<h2>Video</h2>
<div class="video w-100 relative">
<div class="video w-100 pa0 relative">
{{ page.video.embed|raw }}
</div>
</div>
@ -45,3 +45,7 @@
} %}
</div>
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ site.url }}/assets/css/talk.css">
{% endblock %}

7
source/experience.html.twig
View file

@ -14,8 +14,11 @@ redirect:
<div class="cf mb4">
{% if company.logo %}
<div class="fr mb3 ml3 mt2">
<img src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.name }} logo" class="mw4">
<div class="fr mb3 ml3 mt2 mw3 mw4-ns">
<img
src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}"
alt="{{ company.name }} logo"
class="image">
</div>
{% endif %}