matt/stratos
1
0
Fork 0
mirror of https://github.com/matt-fidd/stratos.git synced 2026-01-02 06:19:29 +00:00
Code Issues Projects Releases Wiki Activity

Added title styles

Browse Source
This commit is contained in:
matt
2022-01-25 22:52:46 +00:00
parent 8ed2038bd7
commit 9443301420
3 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/stylesheets/abstracts/_variables.scss
View File

@@ -5,6 +5,7 @@ $text-font-stack: 'Roboto', 'Arial', sans-serif !default;
$text-colour: rgb(34, 34, 34) !default; $text-colour: rgb(34, 34, 34) !default;
$primary-colour: #d71433; $primary-colour: #d71433;
$secondary-colour: #46b43d; $secondary-colour: #46b43d;
$grey: #505050;
$primary-colour-dark: darken-colour($primary-colour); $primary-colour-dark: darken-colour($primary-colour);
$secondary-colour-dark: darken-colour($secondary-colour); $secondary-colour-dark: darken-colour($secondary-colour);
@@ -14,6 +15,11 @@ $button-colours: (
'secondary': $secondary-colour 'secondary': $secondary-colour
); );
$title-colours: (
'grey': $grey,
'white': white
);
// Breakpoints // Breakpoints
$breakpoints: ( $breakpoints: (
'small' : 767px, 'small' : 767px,

19
src/stylesheets/components/_title.scss Normal file
View File

@@ -0,0 +1,19 @@
.title {
&--spaced {
font: normal 300 1em Roboto;
letter-spacing: 0.175em;
text-transform: uppercase;
color: $text-colour;
}
&--center {
display: flex;
justify-content: center;
}
}
@each $name, $colour in $title-colours {
.title.title--#{$name} {
color: $colour;
}
}

1
src/stylesheets/main.scss
View File

@@ -10,3 +10,4 @@
@import 'components/button'; @import 'components/button';
@import 'components/feature'; @import 'components/feature';
@import 'components/testimonial'; @import 'components/testimonial';
@import 'components/title';