AmineB/devfolio
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Projects wip.

Browse Source
This commit is contained in:
mmacneil 2019-08-22 21:48:40 -03:00
parent 8bbeff7b8c
commit 04dfea2454
3 changed files with 23 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/dist/css/main.bundle.css vendored
View File

File diff suppressed because one or more lines are too long

43
src/dist/index.html vendored
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>My custom Bulma website</title> <title>devfolio</title>
<link rel="icon" href="favicon.png" type="image/x-icon"> <link rel="icon" href="favicon.png" type="image/x-icon">
<link rel="stylesheet" href="css/main.bundle.css"> <link rel="stylesheet" href="css/main.bundle.css">
<script src="https://kit.fontawesome.com/4e5a72c756.js"></script> <script src="https://kit.fontawesome.com/4e5a72c756.js"></script>
@ -224,6 +224,13 @@
</div> </div>
</section> </section>
<section class="section">
<div class="container">
<h1 class="title">Contact</h1>
<hr />
</div>
</section>
<!-- Modals --> <!-- Modals -->
<div id="project-1-modal" class="modal"> <div id="project-1-modal" class="modal">
<div class="modal-background"></div> <div class="modal-background"></div>
@ -417,39 +424,13 @@
</div> </div>
</div> </div>
<!-- <h1 class="title">
Bulma
</h1>
<p class="subtitle">
Modern CSS framework based on <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Flexbox</a>
</p>
<div class="field">
<div class="control">
<input class="input" type="text" placeholder="Input">
</div>
</div>
<div class="field">
<p class="control">
<span class="select">
<select>
<option>Select dropdown</option>
</select>
</span>
</p>
</div>
<div class="buttons">
<a class="button is-primary">Primary</a>
<a class="button is-link">Link</a>
</div> -->
<footer class="footer"> <footer class="footer">
<div class="content has-text-centered"> <div class="content has-text-centered">
<p> <p>
<strong>devfolio</strong> by <a href="https://fullstackmark.com">Mark Macneil</a>. <strong>devfolio</strong>
<a href="https://github.com/mmacneil/devfolio" target="_blank" class="icon">
<i class="fab fa-github"></i>
</a>
</p> </p>
</div> </div>
</footer> </footer>

38
src/src/styles.scss
View File

@ -3,48 +3,28 @@
// Import Lato Google Font // Import Lato Google Font
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900'); @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
// Set your brand colors
$purple: #8A4D76;
$pink: #FA7C91;
$brown: #757763;
$beige-light: #D0D1CD;
$beige-lighter: #EFF0EB;
$black: #333;
// Update Bulma's global variables // Update Bulma's global variables
$family-sans-serif: "Lato", sans-serif; $family-sans-serif: "Lato", sans-serif;
$grey-dark: $brown;
$grey-light: $beige-light;
//$primary: $purple;
$link: $pink;
//$link: $black;
$widescreen-enabled: false; $widescreen-enabled: false;
$fullhd-enabled: false; $fullhd-enabled: false;
// Theme colors here
$primary: #454545;
// Update some of Bulma's component variables // Update some of Bulma's component variables
//$body-background-color: $beige-lighter;
$control-border-width: 2px;
$input-border-color: transparent;
$input-shadow: none;
$footer-padding: 3rem 1.5rem; $footer-padding: 3rem 1.5rem;
/* Styles */ // Custom Styles
.card-gap {margin-top:1.75rem} .card-gap {margin-top:1.75rem}
.modal-trigger { cursor: pointer; } .modal-trigger { cursor: pointer; }
@import "~bulma/bulma"; // - import everything; // import everything - alternatively import just what you need: https://bulma.io/documentation/overview/modular/
@import "~bulma/bulma";
// override specific bulma styles
// override specific bulma styles not exposed in variables
.section {padding: 2.15rem 1.5rem} .section {padding: 2.15rem 1.5rem}
// Alternatively...import only what you really need from Bulma
/*
@import "../node_modules/bulma/sass/elements/container.sass";
@import "../node_modules/bulma/sass/elements/image.sass";
@import "../node_modules/bulma/sass/elements/title.sass";
@import "../node_modules/bulma/sass/form/_all.sass";
@import "../node_modules/bulma/sass/components/navbar.sass";
@import "../node_modules/bulma/sass/layout/hero.sass";
...
*/