applying .gitignore
This commit is contained in:
13
dev/scss/base/_mixins.scss
Normal file
13
dev/scss/base/_mixins.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
// Font Mixins
|
||||
@mixin serif-font {
|
||||
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
}
|
||||
@mixin script-font {
|
||||
font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
}
|
||||
@mixin body-font {
|
||||
font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
}
|
||||
@mixin heading-font {
|
||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
}
|
||||
71
dev/scss/base/_page.scss
Normal file
71
dev/scss/base/_page.scss
Normal file
@@ -0,0 +1,71 @@
|
||||
// Global styling for this template
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
@include body-font;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $primary;
|
||||
&:hover {
|
||||
color: darken($primary, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: $primary !important;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 700;
|
||||
@include heading-font;
|
||||
}
|
||||
|
||||
.page-section {
|
||||
padding: 100px 0;
|
||||
h2.section-heading {
|
||||
font-size: 40px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
h3.section-subheading {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
margin-bottom: 75px;
|
||||
text-transform: none;
|
||||
@include serif-font;
|
||||
}
|
||||
}
|
||||
@media(min-width:768px) {
|
||||
section {
|
||||
padding: 150px 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Highlight color customization
|
||||
::-moz-selection {
|
||||
background: $primary;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: $primary;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
img::selection {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
img::-moz-selection {
|
||||
background: transparent;
|
||||
}
|
||||
17
dev/scss/base/_variables.scss
Normal file
17
dev/scss/base/_variables.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
// Variables
|
||||
|
||||
// Restated Bootstrap Variables
|
||||
|
||||
$white: #fff !default;
|
||||
$gray-100: #f8f9fa !default;
|
||||
$gray-200: #e9ecef !default;
|
||||
$gray-300: #dee2e6 !default;
|
||||
$gray-400: #ced4da !default;
|
||||
$gray-500: #adb5bd !default;
|
||||
$gray-600: #868e96 !default;
|
||||
$gray-700: #495057 !default;
|
||||
$gray-800: #343a40 !default;
|
||||
$gray-900: #212529 !default;
|
||||
$black: #000 !default;
|
||||
|
||||
$primary: #fed136 !default;
|
||||
Reference in New Issue
Block a user