feat: links should look like link
This commit is contained in:
parent
6db8878b3d
commit
d7a9029a42
37
src/App.sass
37
src/App.sass
@ -1,37 +0,0 @@
|
|||||||
@charset "utf-8"
|
|
||||||
|
|
||||||
// Import a Google Font
|
|
||||||
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700')
|
|
||||||
|
|
||||||
// Set your brand colors
|
|
||||||
$purple: #8a4d76
|
|
||||||
$pink: #fa7c91
|
|
||||||
$brown: #757763
|
|
||||||
$beige-light: #d0d1cd
|
|
||||||
$beige-lighter: #eff0eb
|
|
||||||
|
|
||||||
// Update Bulma's global variables
|
|
||||||
$family-sans-serif: 'Nunito', sans-serif
|
|
||||||
$grey-dark: $brown
|
|
||||||
$grey-light: $beige-light
|
|
||||||
$primary: $purple
|
|
||||||
$link: $pink
|
|
||||||
$widescreen-enabled: false
|
|
||||||
$fullhd-enabled: false
|
|
||||||
|
|
||||||
// Update some of Bulma's component variables
|
|
||||||
$body-background-color: $beige-lighter
|
|
||||||
$control-border-width: 2px
|
|
||||||
$input-border-color: transparent
|
|
||||||
$input-shadow: none
|
|
||||||
|
|
||||||
// Import only what you need from Bulma
|
|
||||||
@import '../node_modules/bulma/sass/utilities/_all.sass'
|
|
||||||
@import '../node_modules/bulma/sass/base/_all.sass'
|
|
||||||
@import '../node_modules/bulma/sass/elements/button.sass'
|
|
||||||
@import '../node_modules/bulma/sass/elements/container.sass'
|
|
||||||
@import '../node_modules/bulma/sass/elements/form.sass'
|
|
||||||
@import '../node_modules/bulma/sass/elements/title.sass'
|
|
||||||
@import '../node_modules/bulma/sass/components/navbar.sass'
|
|
||||||
@import '../node_modules/bulma/sass/layout/hero.sass'
|
|
||||||
@import '../node_modules/bulma/sass/layout/section.sass'
|
|
@ -8,6 +8,7 @@ $myrtle-green: #1d353a;
|
|||||||
$cadet-blue: #25444b;
|
$cadet-blue: #25444b;
|
||||||
$neon-carrot: #142225;
|
$neon-carrot: #142225;
|
||||||
$white: #ffffff;
|
$white: #ffffff;
|
||||||
|
$admink-brand: #f38d68;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
Variables Bulma
|
Variables Bulma
|
||||||
@ -111,3 +112,7 @@ footer small {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p.title a {
|
||||||
|
color: $admink-brand !important;
|
||||||
|
}
|
||||||
|
@ -13,7 +13,7 @@ import ExperienceCard from '../ExperienceCard/index';
|
|||||||
class MainCard extends Component {
|
class MainCard extends Component {
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
PowerGlitch.glitch('img',
|
PowerGlitch.glitch('#photoProfil img',
|
||||||
{
|
{
|
||||||
playMode: 'hover',
|
playMode: 'hover',
|
||||||
hideOverflow: true,
|
hideOverflow: true,
|
||||||
|
@ -11,7 +11,9 @@ export default class ProjectCard extends Component {
|
|||||||
<div className="tile">
|
<div className="tile">
|
||||||
<div className="tile is-parent">
|
<div className="tile is-parent">
|
||||||
<article className="tile is-child notification is-info">
|
<article className="tile is-child notification is-info">
|
||||||
<p className="title">{data.title}</p>
|
<p className="title">
|
||||||
|
<a href={data.url} rel="noopener noreferrer" target="_blank">{data.title}</a>
|
||||||
|
</p>
|
||||||
<a href={data.url} rel="noopener noreferrer" target="_blank">
|
<a href={data.url} rel="noopener noreferrer" target="_blank">
|
||||||
<figure className="image is-4by3">
|
<figure className="image is-4by3">
|
||||||
<img src={data.image}
|
<img src={data.image}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user