moar sass tricks
This commit is contained in:
parent
e01a798912
commit
e739f4228d
|
@ -4,6 +4,12 @@ html
|
||||||
@media (min-width: 960px)
|
@media (min-width: 960px)
|
||||||
font-size: 1.15rem
|
font-size: 1.15rem
|
||||||
|
|
||||||
|
%fa
|
||||||
|
font-family: FontAwesome
|
||||||
|
display: inline-block
|
||||||
|
padding-right: 3px
|
||||||
|
vertical-align: middle
|
||||||
|
|
||||||
|
|
||||||
body, h1, h2, h3, h4, .content-column-content p, .content-column-content li, .box-masonry .box-masonry-text p
|
body, h1, h2, h3, h4, .content-column-content p, .content-column-content li, .box-masonry .box-masonry-text p
|
||||||
color: var(--textcolor)
|
color: var(--textcolor)
|
||||||
|
@ -46,26 +52,16 @@ body
|
||||||
background: var(--accent) !important
|
background: var(--accent) !important
|
||||||
|
|
||||||
.commento-google-button:before
|
.commento-google-button:before
|
||||||
|
@extend %fa
|
||||||
content: "\f1a0"
|
content: "\f1a0"
|
||||||
font-family: FontAwesome
|
|
||||||
display: inline-block
|
|
||||||
padding-right: 3px
|
|
||||||
vertical-align: middle
|
|
||||||
|
|
||||||
.commento-github-button:before
|
.commento-github-button:before
|
||||||
|
@extend %fa
|
||||||
content: "\f09b"
|
content: "\f09b"
|
||||||
font-family: FontAwesome
|
|
||||||
display: inline-block
|
|
||||||
padding-right: 3px
|
|
||||||
vertical-align: middle
|
|
||||||
|
|
||||||
.commento-twitter-button:before
|
.commento-twitter-button:before
|
||||||
|
@extend %fa
|
||||||
content: "\f099"
|
content: "\f099"
|
||||||
font-family: FontAwesome
|
|
||||||
display: inline-block
|
|
||||||
padding-right: 3px
|
|
||||||
vertical-align: middle
|
|
||||||
|
|
||||||
|
|
||||||
.commento-oauth-buttons button
|
.commento-oauth-buttons button
|
||||||
width: auto !important
|
width: auto !important
|
||||||
|
@ -170,6 +166,9 @@ footer
|
||||||
@media (min-width: 1200px)
|
@media (min-width: 1200px)
|
||||||
padding: 0
|
padding: 0
|
||||||
|
|
||||||
|
div.row
|
||||||
|
padding-bottom: 14px
|
||||||
|
|
||||||
|
|
||||||
.col-lg-8
|
.col-lg-8
|
||||||
@media (min-width: 1200px)
|
@media (min-width: 1200px)
|
||||||
|
@ -214,8 +213,6 @@ a, .box-masonry h4 a
|
||||||
color: var(--textlink)
|
color: var(--textlink)
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
a:hover, .box-masonry h4 a:hover
|
a:hover, .box-masonry h4 a:hover
|
||||||
color: var(--textlink)
|
color: var(--textlink)
|
||||||
background-color: #d1d3bd
|
background-color: #d1d3bd
|
||||||
|
@ -226,17 +223,6 @@ a:hover, .box-masonry h4 a:hover
|
||||||
height: 100%
|
height: 100%
|
||||||
|
|
||||||
|
|
||||||
.content-column.white-background
|
|
||||||
height: 100%
|
|
||||||
display: inline-block
|
|
||||||
overflow: auto
|
|
||||||
background: none
|
|
||||||
|
|
||||||
|
|
||||||
.content-column div.row
|
|
||||||
padding-bottom: 14px
|
|
||||||
|
|
||||||
|
|
||||||
.box-masonry
|
.box-masonry
|
||||||
background-color: #d9e7ac
|
background-color: #d9e7ac
|
||||||
border: 1px solid var(--accent)
|
border: 1px solid var(--accent)
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
|
<div class="col-xs-12 col-sm-8 col-md-9 content-column">
|
||||||
{{ partial "mobile_nav_toggle.html" . }}
|
{{ partial "mobile_nav_toggle.html" . }}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
|
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
|
<div class="col-xs-12 col-sm-8 col-md-9 content-column">
|
||||||
{{ partial "mobile_nav_toggle.html" . }}
|
{{ partial "mobile_nav_toggle.html" . }}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
<div class="row row-offcanvas row-offcanvas-left">
|
<div class="row row-offcanvas row-offcanvas-left">
|
||||||
{{ partial "sidebar.html" . }}
|
{{ partial "sidebar.html" . }}
|
||||||
|
|
||||||
<div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
|
<div class="col-xs-12 col-sm-8 col-md-9 content-column">
|
||||||
{{ partial "mobile_nav_toggle.html" . }}
|
{{ partial "mobile_nav_toggle.html" . }}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
|
<div class="col-xs-12 col-sm-8 col-md-9 content-column">
|
||||||
{{ partial "mobile_nav_toggle.html" . }}
|
{{ partial "mobile_nav_toggle.html" . }}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
|
|
Loading…
Reference in New Issue