Skip to content

Adjusted styles #33

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
TomasBankauskas merged 3 commits into from
Oct 18, 2021
Merged

Adjusted styles #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
59e1fed
adjusted styles
TomasBankauskas Oct 17, 2021
a23adec
removed changes in public/models
TomasBankauskas Oct 18, 2021
24d6821
Update FeaturedPeopleSection.yaml
TomasBankauskas Oct 18, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
68 changes: 34 additions & 34 deletions styles/default/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
h4,
h5,
h6 {
@apply font-heading font-bold text-headline;
@apply font-headlines font-bold text-headlines;
}
}

Expand Down Expand Up @@ -143,12 +143,12 @@

/* Buttons */
.sb-component-button {
@apply border-2 font-medium inline-flex items-center justify-center no-underline px-5 py-2.5 text-center tracking-wider transition duration-200 ease-in;
@apply border-2 font-medium inline-flex items-center justify-center no-underline px-5 py-2.5 text-center tracking-wider transition duration-200 ease-in hover:opacity-80;
}

/* Links */
.sb-component-link {
@apply inline-flex items-center justify-center no-underline hover:underline;
@apply inline-flex items-center justify-center no-underline transition duration-200 ease-in hover:opacity-80;
}

/* Cards */
Expand All @@ -171,7 +171,7 @@
.sb-input,
.sb-select,
.sb-textarea {
@apply bg-transparent border font-light p-2 text-lg w-full focus:outline-none md:text-xl;
@apply bg-transparent border font-light p-2 text-base w-full focus:outline-none;
}
.sb-checkbox {
@apply align-middle appearance-none bg-origin-border border border-current cursor-pointer flex-shrink-0 inline-block h-5 select-none w-5 checked:bg-center checked:bg-no-repeat checked:bg-current;
Expand All @@ -196,18 +196,18 @@
h4,
h5,
h6 {
@apply text-headline;
@apply text-headlines;
}
.sb-input,
.sb-select,
.sb-textarea {
@apply border-neutral placeholder-neutral;
@apply border-neutral placeholder-body placeholder-opacity-50;
}
.sb-component-button-primary {
@apply bg-primary border-primary text-neutral hover:bg-opacity-70 hover:border-opacity-70;
@apply bg-primary border-primary text-body;
}
.sb-component-button-secondary {
@apply border-neutral text-neutral hover:border-opacity-70 hover:text-neutral;
@apply border-neutral text-body;
}
.sb-divider {
@apply before:bg-neutral;
Expand All @@ -229,13 +229,13 @@
.sb-input,
.sb-select,
.sb-textarea {
@apply border-primary placeholder-primary;
@apply border-primary placeholder-primary placeholder-opacity-50;
}
.sb-component-button-primary {
@apply bg-primary border-primary text-neutral hover:bg-opacity-70 hover:border-opacity-70;
@apply bg-primary border-primary text-body;
}
.sb-component-button-secondary {
@apply border-neutral text-neutral hover:border-opacity-70 hover:text-neutral;
@apply border-neutral text-body;
}
.sb-divider {
@apply before:bg-primary;
Expand Down Expand Up @@ -263,10 +263,10 @@
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
.sb-component-button-primary {
@apply bg-primary border-primary text-neutral hover:bg-opacity-70 hover:border-opacity-70;
@apply bg-primary border-primary text-body;
}
.sb-component-button-secondary {
@apply border-white text-white hover:border-opacity-70 hover:text-white;
@apply border-white text-white;
}
.sb-divider {
@apply before:bg-white;
Expand Down Expand Up @@ -294,10 +294,10 @@
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
.sb-component-button-primary {
@apply bg-primary border-primary text-neutral hover:bg-opacity-70 hover:border-opacity-70;
@apply bg-primary border-primary text-body;
}
.sb-component-button-secondary {
@apply border-white text-white hover:bg-opacity-70 hover:border-opacity-70;
@apply border-white text-white;
}
.sb-divider {
@apply before:bg-primary;
Expand All @@ -314,18 +314,18 @@
h4,
h5,
h6 {
@apply text-headline;
@apply text-headlines;
}
.sb-input,
.sb-select,
.sb-textarea {
@apply border-neutral placeholder-neutral;
@apply border-neutral placeholder-body placeholder-opacity-70;
}
.sb-component-button-primary {
@apply bg-neutral border-neutral text-white hover:bg-opacity-70 hover:border-opacity-70;
@apply bg-neutral border-neutral text-white;
}
.sb-component-button-secondary {
@apply border-neutral text-neutral hover:border-opacity-60 hover:text-neutral;
@apply border-neutral text-neutral;
}
.sb-divider {
@apply before:bg-neutral;
Expand All @@ -342,18 +342,18 @@
h4,
h5,
h6 {
@apply text-headline;
@apply text-headlines;
}
.sb-input,
.sb-select,
.sb-textarea {
@apply border-neutral placeholder-neutral;
@apply border-neutral placeholder-body placeholder-opacity-50;
}
.sb-component-button-primary {
@apply bg-primary border-primary text-neutral hover:bg-opacity-70 hover:border-opacity-70;
@apply bg-primary border-primary text-body;
}
.sb-component-button-secondary {
@apply border-neutral text-neutral hover:border-opacity-70 hover:text-neutral;
@apply border-neutral text-body;
}
.sb-divider {
@apply before:bg-neutral;
Expand All @@ -375,13 +375,13 @@
.sb-input,
.sb-select,
.sb-textarea {
@apply border-primary placeholder-primary;
@apply border-primary placeholder-primary placeholder-opacity-50;
}
.sb-component-button-primary {
@apply bg-primary border-primary text-neutral hover:bg-opacity-70 hover:border-opacity-70;
@apply bg-primary border-primary text-body;
}
.sb-component-button-secondary {
@apply border-neutral text-neutral hover:border-opacity-70 hover:text-neutral;
@apply border-neutral text-body;
}
.sb-divider {
@apply before:bg-primary;
Expand All @@ -398,18 +398,18 @@
h4,
h5,
h6 {
@apply text-headline;
@apply text-headlines;
}
.sb-input,
.sb-select,
.sb-textarea {
@apply border-neutral placeholder-neutral;
@apply border-neutral placeholder-body placeholder-opacity-50;
}
.sb-component-button-primary {
@apply bg-neutral border-neutral text-white hover:bg-opacity-70 hover:border-opacity-70;
@apply bg-neutral border-neutral text-white;
}
.sb-component-button-secondary {
@apply border-neutral text-neutral hover:border-opacity-70 hover:text-neutral;
@apply border-neutral text-body;
}
.sb-divider {
@apply before:bg-neutral;
Expand All @@ -426,18 +426,18 @@
h4,
h5,
h6 {
@apply text-headline;
@apply text-headlines;
}
.sb-input,
.sb-select,
.sb-textarea {
@apply border-neutral placeholder-neutral;
@apply border-neutral placeholder-body placeholder-opacity-50;
}
.sb-component-button-primary {
@apply bg-neutral border-neutral text-white hover:bg-opacity-70 hover:border-opacity-70;
@apply bg-neutral border-neutral text-white;
}
.sb-component-button-secondary {
@apply border-neutral text-neutral hover:border-opacity-70 hover:text-neutral;
@apply border-neutral text-body;
}
.sb-divider {
@apply before:bg-neutral;
Expand Down
6 changes: 3 additions & 3 deletions styles/default/tailwind.default.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ module.exports = {
extend: {
colors: {
body: '#414c58',
headline: '#303941',
headlines: '#303941',
primary: '#28aaff',
secondary: '#dfe3e7',
neutral: '#282f36',
Expand All @@ -24,8 +24,8 @@ module.exports = {
warning: '#df1c2e'
},
fontFamily: {
heading: ['Myriad Pro', 'Myriad', 'Helvetica Neue', 'Helvetica', 'sans-serif'],
body: ['Myriad Pro', 'Myriad', 'Helvetica Neue', 'Helvetica', 'sans-serif'],
body: defaultTheme.fontFamily.sans,
headlines: defaultTheme.fontFamily.sans
},
spacing: {
'1/1': '100%',
Expand Down
Loading