ScummVM/scummvm-web
1
0
Fork 0
mirror of https://github.com/scummvm/scummvm-web.git synced 2026-06-20 05:45:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

WEB: Create a shame file to override styles

Browse Source
This commit is contained in:
Matan Bareket
2018-07-07 11:45:49 -04:00
parent 9fc8b84ddf
commit a05cd91ded
3 changed files with 99 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/base/_base.scss
-94
View File
@@ -84,14 +84,6 @@ header .row .top {
max-width: 58%;
}
.float_right {
float: right;
}
.float_left {
float: left;
}
.banners a,
.banners form {
margin: 8px;
@@ -154,92 +146,6 @@ nav {
background: rgb(251, 241, 206);
}
/* Responsive Behavior */
@include respond-to('medium') {
/* CSS Rules targeting most tablets in vertical orientation */
.hide-medium {
display: none;
}
.col-1-2 {
width: 100%;
}
.scummvm {
font-size: 1.4vw;
}
.col-md-2 {
width: 50%;
}
.col-md-1 {
width: 100%;
}
}
@include respond-to('small') {
body {
margin: 0;
}
footer {
padding: 0 8px;
background: rgb(251, 241, 206);
}
.site-wrap {
padding: 0;
margin: 0;
}
.col-1-2 {
clear: left;
width: 100%;
}
[class*='col-'] {
padding-right: 0;
}
.logo {
max-width: 150px;
width: 100%;
position: relative;
top: 8px;
margin-left: 8px;
}
.topper {
border-radius: 0;
background: 0;
}
.container {
border-radius: 0;
}
header {
width: 100%;
height: 58px;
z-index: 999;
border-bottom: 1px rgb(169, 169, 169) solid;
}
.col-1-5 {
width: 100%;
}
.col-4-5 {
width: 100%;
}
.header-left {
width: 100%;
}
label[for="nav-trigger"] {
display: block;
z-index: 91;
overflow-y: unset;
}
.hide-small {
display: none;
}
.col-sm-1 {
width: 100%;
}
nav label {
display: block;
width: 100%;
cursor: pointer;
}
}
/* Color overrides */
.bg-yellow {
scss/layout/_shame.scss
+98
View File
@@ -0,0 +1,98 @@
// Hacks and workarounds to fix for example:
// float overrides, grid elements in responsive layout
.float_right {
float: right;
}
.float_left {
float: left;
}
/* Responsive Behavior */
@include respond-to('medium') {
/* CSS Rules targeting most tablets in vertical orientation */
.hide-medium {
display: none;
}
.col-1-2 {
width: 100%;
}
.scummvm {
font-size: 1.4vw;
}
.col-md-2 {
width: 50%;
}
.col-md-1 {
width: 100%;
}
}
@include respond-to('small') {
body {
margin: 0;
}
footer {
padding: 0 8px;
background: rgb(251, 241, 206);
}
.site-wrap {
padding: 0;
margin: 0;
}
.col-1-2 {
clear: left;
width: 100%;
}
[class*='col-'] {
padding-right: 0;
}
.logo {
max-width: 150px;
width: 100%;
position: relative;
top: 8px;
margin-left: 8px;
}
.topper {
border-radius: 0;
background: 0;
}
.container {
border-radius: 0;
}
header {
width: 100%;
height: 58px;
z-index: 999;
border-bottom: 1px rgb(169, 169, 169) solid;
}
.col-1-5 {
width: 100%;
}
.col-4-5 {
width: 100%;
}
.header-left {
width: 100%;
}
label[for="nav-trigger"] {
display: block;
z-index: 91;
overflow-y: unset;
}
.hide-small {
display: none;
}
.col-sm-1 {
width: 100%;
}
nav label {
display: block;
width: 100%;
cursor: pointer;
}
}
scss/main.scss
+1
View File
@@ -11,6 +11,7 @@
@import 'layout/footer';
@import 'layout/header';
@import 'layout/grid';
@import 'layout/shame';
@import 'components/box';
@import 'components/roundbox';