Standardizing bracket syntax

This commit is contained in:
James Barnsley
2017-10-10 13:05:28 +13:00
parent 0ca37b0f62
commit 2ffa337ffa
116 changed files with 7451 additions and 3246 deletions

View File

@ -1,5 +1,5 @@
@include responsive( $bp_medium ){
@include responsive($bp_medium){
body.context-menu-open {
.body {
@include blur(10px);
@ -51,7 +51,7 @@
background: -o-linear-gradient(45deg, rgba(50,181,242,1) 0%, rgba(50,181,242,1) 18%, rgba(5,118,166,1) 100%);
background: -ms-linear-gradient(45deg, rgba(50,181,242,1) 0%, rgba(50,181,242,1) 18%, rgba(5,118,166,1) 100%);
background: linear-gradient(45deg, rgba(50,181,242,1) 0%, rgba(50,181,242,1) 18%, rgba(5,118,166,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32b5f2', endColorstr='#0576a6', GradientType=1 );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32b5f2', endColorstr='#0576a6', GradientType=1 );
}
}
@ -214,7 +214,7 @@
}
}
@include responsive( null, $bp_medium ){
@include responsive(null, $bp_medium){
.liner {
.title {
display: none;
@ -222,7 +222,7 @@
}
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
@ -344,7 +344,7 @@
}
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
.context-menu-trigger {
bottom: 8px;
right: 43px;

View File

@ -52,13 +52,13 @@
}
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
.grid-slider {
height: 23vw;
}
}
@include responsive( 500px ){
@include responsive(500px){
.grid-slider {
height: 40vw;

View File

@ -64,7 +64,7 @@
}
}
@include responsive( null, $bp_wide ){
@include responsive(null, $bp_wide){
.grid-item {
.name {
font-size: 16px;
@ -73,10 +73,10 @@
}
}
@include responsive( null, 1900px ){
@include responsive(null, 1900px){
&.mini {
.grid-item {
@include grid_item( 3 )
@include grid_item(3 )
}
&.single-row {
.grid-item:nth-child(1n+4){
@ -86,7 +86,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 5 )
@include grid_item(5 )
}
&.single-row {
.grid-item:nth-child(1n+6){
@ -96,10 +96,10 @@
}
}
@include responsive( 1899px, 1200px ){
@include responsive(1899px, 1200px){
&.mini {
.grid-item {
@include grid_item( 2 )
@include grid_item(2 )
}
&.single-row {
.grid-item:nth-child(1n+3){
@ -109,7 +109,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 4 )
@include grid_item(4 )
}
&.single-row {
.grid-item:nth-child(1n+5){
@ -119,10 +119,10 @@
}
}
@include responsive( 1199px, 800px ){
@include responsive(1199px, 800px){
&.mini {
.grid-item {
@include grid_item( 2 )
@include grid_item(2 )
}
&.single-row {
.grid-item:nth-child(1n+3){
@ -132,7 +132,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 4 )
@include grid_item(4 )
}
&.single-row {
.grid-item:nth-child(1n+5){
@ -142,10 +142,10 @@
}
}
@include responsive( 799px, 500px ){
@include responsive(799px, 500px){
&.mini{
.grid-item {
@include grid_item( 6, 2%, 4% )
@include grid_item(6, 2%, 4% )
}
&.single-row {
.grid-item:nth-child(1n+7){
@ -155,7 +155,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 3, 2%, 4% )
@include grid_item(3, 2%, 4% )
}
&.single-row {
.grid-item:nth-child(1n+4){
@ -165,10 +165,10 @@
}
}
@include responsive( 499px ){
@include responsive(499px){
&.mini{
.grid-item {
@include grid_item( 3, 2%, 4% )
@include grid_item(3, 2%, 4% )
}
&.single-row {
.grid-item:nth-child(1n+4){
@ -178,7 +178,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 2, 2%, 4% )
@include grid_item(2, 2%, 4% )
}
&.single-row {
.grid-item:nth-child(1n+5){
@ -252,21 +252,21 @@
}
}
@include responsive( null, $bp_medium ){
@include responsive(null, $bp_medium){
.tile {
@include grid_item( 2 );
@include grid_item(2 );
}
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
padding-bottom: 20px;
.tile {
@include grid_item( 3 );
@include grid_item(3 );
}
}
@include responsive( $bp_narrow ){
@include responsive($bp_narrow){
.tile {
.text {
font-size: 14px;

View File

@ -60,7 +60,7 @@ main {
z-index: 99;
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
padding: 10px 10px 10px 0;
margin-bottom: -20px;

View File

@ -271,7 +271,7 @@
}
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
.list-item {
padding: 12px !important;

View File

@ -295,7 +295,7 @@
}
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
.content {
padding: 100px 10%;

View File

@ -157,7 +157,7 @@
}
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
bottom: 60px;
left: 10px;
right: 10px;

View File

@ -12,7 +12,7 @@
cursor: pointer;
display: none;
@include responsive( $bp_medium ){
@include responsive($bp_medium){
display: block;
}
@ -35,7 +35,7 @@
}
}
&:not(.open) {
&:not(.open){
.close {
display: none;
}

View File

@ -99,7 +99,7 @@ aside{
}
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
@include animate(0.15s);
width: 220px;
left: -220px;

View File

@ -23,7 +23,7 @@
}
}
@include responsive( $bp_medium ){
@include responsive($bp_medium){
.option {
margin-right: 15px;
}