Skip to content
Snippets Groups Projects
Commit a0c28ece authored by Charlie Root's avatar Charlie Root
Browse files

dilci upravy, google fonts, typo

parent 99c524d2
No related branches found
No related tags found
No related merge requests found
Showing
with 34 additions and 256 deletions
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
File added
File added
File added
File added
File added
File added
File added
File added
File added
File added
......@@ -4,5 +4,38 @@
url('~assets/fonts/BebasNeueRegular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
//font-display: auto;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
font-display: swap;
src:
url('~assets/fonts/RobotoCondensed-Light.woff2') format('woff2'),
url('~assets/fonts/RobotoCondensed-Light.woff') format('woff'),
url('~assets/fonts/RobotoCondensed-Light.ttf') format('truetype');
}
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
font-display: swap;
src:
url('~assets/fonts/RobotoCondensed-Regular.woff2') format('woff2'),
url('~assets/fonts/RobotoCondensed-Regular.woff') format('woff'),
url('~assets/fonts/RobotoCondensed-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
font-display: swap;
src:
url('~assets/fonts/RobotoCondensed-Bold.woff2') format('woff2'),
url('~assets/fonts/RobotoCondensed-Bold.woff') format('woff'),
url('~assets/fonts/RobotoCondensed-Bold.ttf') format('truetype');
}
body {
background: $color-white;
font-family: $font-primary;
font-size: 20px;
color: $color-black;
-webkit-font-smoothing: antialiased;
padding: 0;
margin: 0;
position: relative;
@media (max-width: 590px) {
font-size: 17px;
}
}
.container {
margin: 0 auto;
width: 92%;
max-width: 1240px;
position: relative;
&--slim {
max-width: 700px;
}
&--medium {
max-width: 1010px;
}
}
img {
display: block;
}
button {
text-decoration: none;
background: none;
text-transform: none;
border: 0;
margin: 0;
padding: 0;
outline: none;
cursor: pointer;
}
input::placeholder {
opacity: .8;
}
// Text highlight
.is-highlighted {
background: #ffcc00;
}
// Object not found
.not-found {
padding-top: 5%;
padding-bottom: 10%;
text-align: center;
.button {
margin: 0 auto;
width: 150px;
}
}
// Base page transitions
.page-enter-active {
transition: opacity 0.2s ease-out;
}
.page-leave-active {
transition: opacity 0.2s ease-in;
}
.page-enter,
.page-leave-active {
opacity: 0;
}
@font-face {
font-family: 'Bebas Neue';
src: url('~assets/fonts/BebasNeueRegular.woff2') format('woff2'),
url('~assets/fonts/BebasNeueRegular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}
// Transition mixins
@mixin baseTransition {
transition: all .25s ease-in-out;
}
// Input placeholder
@mixin placeholder {
&::-webkit-input-placeholder {
@content;
}
&:-moz-placeholder {
@content;
}
&::-moz-placeholder {
@content;
}
&:-ms-input-placeholder {
@content;
}
}
h1, .like-h1,
h2, .like-h2,
h3, .like-h3,
h4, .like-h4 {
font-weight: 700;
font-family: $font-secondary;
margin: 0;
padding: 0;
}
h1, .like-h1 {
font-size: 50px;
@media (max-width: 590px) {
font-size: 40px;
}
@media (max-width: 420px) {
font-size: 35px;
}
}
h2, .like-h2 {
font-size: 35px;
}
h3, .like-h3 {
font-size: 30px;
@media (max-width: 600px) {
font-size: 26px;
}
}
h4, .like-h4 {
font-size: 20px;
}
p {
margin: 0;
padding: 0;
font-family: $font-primary;
font-weight: 300;
font-size: 20px;
line-height: 1.5;
@media (max-width: 590px) {
font-size: 17px;
}
}
a {
color: $color-black;
text-decoration: none;
}
// Colors
$color-white: #fff;
$color-black: #000;
$color-primary: #2d2d2d;
$color-gray: #d8d8d8;
// Fonts
$font-primary: 'Roboto Condensed', sans-serif;
$font-secondary: 'Bebas Neue', 'Roboto Condensed', sans-serif;
@import 'variables';
@import 'fonts';
@import 'base';
@import 'typography';
.post-styles {
h2 {
margin-bottom: 25px;
}
h3 {
margin-bottom: 10px;
}
p {
font-weight: 300;
margin-bottom: 20px;
}
hr {
border: 0;
width: 110%;
margin-left: -5%;
height: 6px;
display: block;
background: $color-black;
margin-top: .9em;
margin-bottom: .9em;
@media (max-width: 900px) {
width: 100%;
margin-left: 0;
}
}
blockquote {
border-left: 4px solid $color-black;
margin-left: 0;
padding: 1% 4%;
}
img,
iframe {
width: 114%;
margin-top: 45px;
margin-left: -7%;
margin-bottom: 80px;
@media (max-width: 850px) {
width: 100%;
margin-left: 0;
}
@media (max-width: 850px) {
margin-top: 30px;
margin-bottom: 40px;
}
}
iframe {
height: 35vw;
max-height: 550px;
@media (max-width: 1000px) {
height: 45vw;
}
}
/*&--with-aside {
img {
@media (max-width: 1000px) {
width: 100%;
margin-left: 0;
}
}
}*/
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment