X-Git-Url: https://git.josue.xyz/?p=josuexyz%2F.git;a=blobdiff_plain;f=public%2Fstylesheets%2Fstyle.scss;fp=public%2Fstylesheets%2Fstyle.scss;h=2f6d7b37139757352f8423c9846e47ccd5756ab1;hp=d60f0044ff7688ce65af9858cfc5458ca9e5ac7d;hb=0caa9e344e0c24df276232f123cc918da8823492;hpb=e697cc21ff658d51a76493b1ada0e88d63bf2e11 diff --git a/public/stylesheets/style.scss b/public/stylesheets/style.scss index d60f004..2f6d7b3 100644 --- a/public/stylesheets/style.scss +++ b/public/stylesheets/style.scss @@ -1,3 +1,42 @@ -$primary: hsl(72, 100%, 50%); +$primary: green; +$link: green; @import '../vendors/bulma/bulma.sass'; @import '../vendors/font-awesome/css/font-awesome.min.css'; +.is-green-striped{ + +background: repeating-linear-gradient(45deg, rgba(208, 208, 208, 0.13) 0px, rgba(208, 208, 208, 0.13) 43px,rgba(195, 195, 195, 0.13) 43px, rgba(195, 195, 195, 0.13) 85px,rgba(41, 41, 41, 0.13) 85px, rgba(41, 41, 41, 0.13) 109px,rgba(88, 88, 88, 0.13) 109px, rgba(88, 88, 88, 0.13) 129px,rgba(24, 24, 24, 0.13) 129px, rgba(24, 24, 24, 0.13) 139px,rgba(92, 92, 92, 0.13) 139px, rgba(92, 92, 92, 0.13) 179px,rgba(37, 37, 37, 0.13) 179px, rgba(37, 37, 37, 0.13) 219px),repeating-linear-gradient(45deg, rgba(18, 18, 18, 0.13) 0px, rgba(18, 18, 18, 0.13) 13px,rgba(48, 48, 48, 0.13) 13px, rgba(48, 48, 48, 0.13) 61px,rgba(130, 130, 130, 0.13) 61px, rgba(130, 130, 130, 0.13) 84px,rgba(233, 233, 233, 0.13) 84px, rgba(233, 233, 233, 0.13) 109px,rgba(8, 8, 8, 0.13) 109px, rgba(8, 8, 8, 0.13) 143px,rgba(248, 248, 248, 0.13) 143px, rgba(248, 248, 248, 0.13) 173px,rgba(37, 37, 37, 0.13) 173px, rgba(37, 37, 37, 0.13) 188px),repeating-linear-gradient(45deg, rgba(3, 3, 3, 0.1) 0px, rgba(3, 3, 3, 0.1) 134px,rgba(82, 82, 82, 0.1) 134px, rgba(82, 82, 82, 0.1) 282px,rgba(220, 220, 220, 0.1) 282px, rgba(220, 220, 220, 0.1) 389px,rgba(173, 173, 173, 0.1) 389px, rgba(173, 173, 173, 0.1) 458px,rgba(109, 109, 109, 0.1) 458px, rgba(109, 109, 109, 0.1) 516px,rgba(240, 240, 240, 0.1) 516px, rgba(240, 240, 240, 0.1) 656px,rgba(205, 205, 205, 0.1) 656px, rgba(205, 205, 205, 0.1) 722px),linear-gradient(90deg, rgb(21, 145, 22),rgb(39, 248, 84)); +} + +.no-margin{ +margin: 0; +} +.no-padding{ + padding: 0; +} + .imagebanner{ + display: flex; + flex-flow: row wrap; + } + .imageme{ + box-sizing: border-box; + padding: 0; + } + image{ + margin: 0; + padding: 0; + border-radius: 0; + } + +.parallax { + /* The image used */ + background-image: url("https://images.pexels.com/photos/1166643/pexels-photo-1166643.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); + + /* Full height */ + height: 100%; + + /* Create the parallax scrolling effect */ + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; + background-size: cover; +}