Skip to content

Commit 17cc298

Browse files
pabletecodespabletecodes
committed
Copy. Add main.scss with SASS variables
1 parent aaaea97 commit 17cc298

File tree

4 files changed

+192
-4
lines changed

4 files changed

+192
-4
lines changed

‎_data/navigation.yml

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
main:
22
- title: "Archive"
33
url: /archive
4-
# - title: "About"
5-
# url: /about
4+
- title: "About"
5+
url: /about

‎_pages/about.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ title: About
33
permalink: /about/
44
---
55

6-
This is the about page
6+
This is the page where I'll tell you a bit more about me!

‎assets/css/main.scss

+188
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,188 @@
1+
---
2+
# Only the main Sass file needs front matter (the dashes are enough)
3+
search: false
4+
---
5+
6+
@charset "utf-8";
7+
8+
/* ==========================================================================
9+
Variables
10+
========================================================================== */
11+
12+
/*
13+
Typography
14+
========================================================================== */
15+
16+
$doc-font-size: 14px !default;
17+
$doc-font-size-medium: $doc-font-size * 1.125 !default;
18+
$doc-font-size-large: $doc-font-size * 1.25 !default;
19+
$doc-font-size-x-large: $doc-font-size * 1.375 !default;
20+
21+
/* paragraph indention */
22+
$paragraph-indent: false !default; // true, false (default)
23+
$indent-var: 1.3em !default;
24+
25+
/* system typefaces */
26+
$serif: Georgia, Times, serif !default;
27+
$sans-serif: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",
28+
"Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
29+
$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
30+
31+
/* sans serif typefaces */
32+
$sans-serif-narrow: $sans-serif !default;
33+
$helvetica: Helvetica, "Helvetica Neue", Arial, sans-serif !default;
34+
35+
/* serif typefaces */
36+
$georgia: Georgia, serif !default;
37+
$times: Times, serif !default;
38+
$bodoni: "Bodoni MT", serif !default;
39+
$calisto: "Calisto MT", serif !default;
40+
$garamond: Garamond, serif !default;
41+
42+
$global-font-family: $sans-serif !default;
43+
$header-font-family: $sans-serif !default;
44+
$caption-font-family: $serif !default;
45+
46+
/* type scale */
47+
$type-size-1: 2.441em !default; // ~39.056px
48+
$type-size-2: 1.953em !default; // ~31.248px
49+
$type-size-3: 1.563em !default; // ~25.008px
50+
$type-size-4: 1.25em !default; // ~20px
51+
$type-size-5: 1em !default; // ~16px
52+
$type-size-6: 0.75em !default; // ~12px
53+
$type-size-7: 0.6875em !default; // ~11px
54+
$type-size-8: 0.625em !default; // ~10px
55+
56+
/* headline scale */
57+
$h-size-1: 1.563em !default; // ~25.008px
58+
$h-size-2: 1.25em !default; // ~20px
59+
$h-size-3: 1.125em !default; // ~18px
60+
$h-size-4: 1.0625em !default; // ~17px
61+
$h-size-5: 1.03125em !default; // ~16.5px
62+
$h-size-6: 1em !default; // ~16px
63+
64+
/*
65+
Colors
66+
========================================================================== */
67+
68+
$gray: #7a8288 !default;
69+
$dark-gray: mix(#000, $gray, 50%) !default;
70+
$darker-gray: mix(#000, $gray, 60%) !default;
71+
$light-gray: mix(#fff, $gray, 50%) !default;
72+
$lighter-gray: mix(#fff, $gray, 90%) !default;
73+
74+
$background-color: #fff !default;
75+
$code-background-color: #fafafa !default;
76+
$code-background-color-dark: $light-gray !default;
77+
$text-color: $dark-gray !default;
78+
$muted-text-color: mix(#fff, $text-color, 20%) !default;
79+
$border-color: $lighter-gray !default;
80+
$form-background-color: $lighter-gray !default;
81+
$footer-background-color: $lighter-gray !default;
82+
83+
$primary-color: #6f777d !default;
84+
$success-color: #3fa63f !default;
85+
$warning-color: #d67f05 !default;
86+
$danger-color: #ee5f5b !default;
87+
$info-color: #3b9cba !default;
88+
$focus-color: $primary-color !default;
89+
$active-color: mix(#fff, $primary-color, 80%) !default;
90+
91+
/* YIQ color contrast */
92+
$yiq-contrasted-dark-default: $dark-gray !default;
93+
$yiq-contrasted-light-default: #fff !default;
94+
$yiq-contrasted-threshold: 175 !default;
95+
$yiq-debug: false !default;
96+
97+
/* brands */
98+
$behance-color: #1769ff !default;
99+
$bitbucket-color: #205081 !default;
100+
$dribbble-color: #ea4c89 !default;
101+
$facebook-color: #3b5998 !default;
102+
$flickr-color: #ff0084 !default;
103+
$foursquare-color: #0072b1 !default;
104+
$github-color: #171516 !default;
105+
$gitlab-color: #e24329 !default;
106+
$instagram-color: #517fa4 !default;
107+
$keybase-color: #ef7639 !default;
108+
$lastfm-color: #d51007 !default;
109+
$linkedin-color: #007bb6 !default;
110+
$mastodon-color: #2b90d9 !default;
111+
$pinterest-color: #cb2027 !default;
112+
$reddit-color: #ff4500 !default;
113+
$rss-color: #fa9b39 !default;
114+
$soundcloud-color: #ff3300 !default;
115+
$stackoverflow-color: #fe7a15 !default;
116+
$tumblr-color: #32506d !default;
117+
$twitter-color: #55acee !default;
118+
$vimeo-color: #1ab7ea !default;
119+
$vine-color: #00bf8f !default;
120+
$youtube-color: #bb0000 !default;
121+
$xing-color: #006567 !default;
122+
123+
/* links */
124+
$link-color: mix(#000, $info-color, 20%) !default;
125+
$link-color-hover: mix(#000, $link-color, 25%) !default;
126+
$link-color-visited: mix(#fff, $link-color, 15%) !default;
127+
$masthead-link-color: $primary-color !default;
128+
$masthead-link-color-hover: mix(#000, $primary-color, 25%) !default;
129+
$navicon-link-color-hover: mix(#fff, $primary-color, 75%) !default;
130+
131+
/* notices */
132+
$notice-background-mix: 80% !default;
133+
$code-notice-background-mix: 90% !default;
134+
135+
/* syntax highlighting (base16) */
136+
$base00: #263238 !default;
137+
$base01: #2e3c43 !default;
138+
$base02: #314549 !default;
139+
$base03: #546e7a !default;
140+
$base04: #b2ccd6 !default;
141+
$base05: #eeffff !default;
142+
$base06: #eeffff !default;
143+
$base07: #ffffff !default;
144+
$base08: #f07178 !default;
145+
$base09: #f78c6c !default;
146+
$base0a: #ffcb6b !default;
147+
$base0b: #c3e88d !default;
148+
$base0c: #89ddff !default;
149+
$base0d: #82aaff !default;
150+
$base0e: #c792ea !default;
151+
$base0f: #ff5370 !default;
152+
153+
/*
154+
Breakpoints
155+
========================================================================== */
156+
157+
$small: 600px !default;
158+
$medium: 768px !default;
159+
$medium-wide: 900px !default;
160+
$large: 1024px !default;
161+
$x-large: 1280px !default;
162+
$max-width: $x-large !default;
163+
164+
/*
165+
Grid
166+
========================================================================== */
167+
168+
$right-sidebar-width-narrow: 200px !default;
169+
$right-sidebar-width: 300px !default;
170+
$right-sidebar-width-wide: 400px !default;
171+
172+
/*
173+
Other
174+
========================================================================== */
175+
176+
$border-radius: 4px !default;
177+
$box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) !default;
178+
$nav-height: 2em !default;
179+
$nav-toggle-height: 2rem !default;
180+
$navicon-width: 1.5rem !default;
181+
$navicon-height: 0.25rem !default;
182+
$global-transition: all 0.2s ease-in-out !default;
183+
$intro-transition: intro 0.3s both !default;
184+
185+
// Imports
186+
187+
@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
188+
@import "minimal-mistakes"; // main partials

‎index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ title: ""
77
# Hello 👋
88

99
I'm Pablo, a fellow human being who works (remotely) as a
10-
Software Engineer off the north coast of Spain. Want to know
10+
Software Engineer from The North Coast of Spain. Want to know
1111
more or contact me? Visit the [About]({{ site.baseurl }}{% link _pages/about.md %}) page.
1212

1313
Here's some of my recent content 👇

0 commit comments

Comments
 (0)