style: cleanup
This commit is contained in:
parent
3eec8040d1
commit
07f6a4237c
10 changed files with 53 additions and 241 deletions
|
|
@ -1,6 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
viewBox="0 0 100.54173 44.714586"
|
||||
version="1.1"
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 6 KiB |
|
|
@ -1,78 +0,0 @@
|
|||
.gallery {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
grid-column-gap: 1rem;
|
||||
}
|
||||
|
||||
.gallery__side {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
}
|
||||
|
||||
.gallery__side {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
.gallery-tags__title {
|
||||
|
||||
|
||||
}
|
||||
|
||||
.gallery__items-container {
|
||||
grid-column-start: 3;
|
||||
grid-column-end: 13;
|
||||
}
|
||||
|
||||
.gallery__items {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(13rem, 1fr));
|
||||
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
|
||||
.gallery__item {
|
||||
aspect-ratio: 1;
|
||||
// $size: 25rem;
|
||||
// width: $size;
|
||||
// height: $size;
|
||||
img {
|
||||
width: 0;
|
||||
height: 0;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
display: block;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.gallery__nextprev {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@media (max-width: $lg-breakpoint) {
|
||||
// .gallery__items {
|
||||
// grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr))
|
||||
// }
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
.gallery {
|
||||
display: block;
|
||||
}
|
||||
.gallery__items {
|
||||
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
|
||||
}
|
||||
.gallery__side {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $xs-breakpoint) {
|
||||
.gallery__items {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1,7 +1,5 @@
|
|||
body {
|
||||
// font-family: 'Trebuchet MS', Tahoma,sans-serif;
|
||||
// font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
|
||||
font-family: "Open Sans",Helvetica,Arial,sans-serif;
|
||||
font-family: "Open Sans", Helvetica, Arial, sans-serif;
|
||||
margin: 0;
|
||||
background: $background-dark;
|
||||
color: white;
|
||||
|
|
@ -16,7 +14,8 @@ article {
|
|||
}
|
||||
|
||||
.alt-font {
|
||||
font-family: "Teko Light",Helvetica,Arial,sans-serif;
|
||||
// used for heading, etc
|
||||
font-family: "Teko Light", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
|
|
|
|||
|
|
@ -1,9 +1,8 @@
|
|||
.full-logo {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.landing {
|
||||
|
||||
|
||||
}
|
||||
|
||||
.landing-brand {
|
||||
|
|
@ -27,8 +26,8 @@
|
|||
margin-bottom: 1rem;
|
||||
|
||||
}
|
||||
.brand__role2 {
|
||||
|
||||
.brand__role2 {
|
||||
}
|
||||
|
||||
.brand__logo {
|
||||
|
|
|
|||
|
|
@ -33,16 +33,13 @@ $secondary: #f15a24;
|
|||
@import 'header.scss';
|
||||
@import 'news.scss';
|
||||
@import 'article.scss';
|
||||
@import 'gallery.scss';
|
||||
@import 'single_image.scss';
|
||||
@import 'footer.scss';
|
||||
|
||||
// components
|
||||
@import 'tags.scss';
|
||||
|
||||
@import 'prices.scss';
|
||||
@import 'pricing.scss';
|
||||
@import 'landing.scss';
|
||||
// @import 'about.scss';
|
||||
@import 'card.scss';
|
||||
@import 'contact.scss';
|
||||
|
||||
|
|
|
|||
|
|
@ -1,71 +0,0 @@
|
|||
.single-image {
|
||||
background: #ecf0f1;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-column-gap: 1rem;
|
||||
.single-image__side {
|
||||
padding: 2rem 1rem 2rem 2rem;
|
||||
}
|
||||
.single-image__image-container {
|
||||
background: #95a5a6;
|
||||
min-width: 70vh;
|
||||
min-height: 50vh;
|
||||
max-height: 80vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
.single-image__image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
.single-image__property {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: .2rem;
|
||||
min-height: 2rem;
|
||||
div:first-of-type {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.icon {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
pre {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.single-image__tags {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: $md-breakpoint) {
|
||||
.single-image {
|
||||
display: block;
|
||||
.single-image__image-container {
|
||||
min-width: initial;
|
||||
max-height: initial;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: $sm-breakpoint) {
|
||||
.single-image {
|
||||
.single-image__property {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue