Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-01-11 11:18:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Adding simple box media styles

Browse Source
This commit is contained in:
Dennis Eichhorn 2016-06-24 22:10:00 +02:00
parent 03f350a1e0
commit ca39dec76f
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
size.scss
View File

@ -95,4 +95,18 @@
.fw-66 { .fw-66 {
width: 66%; width: 66%;
margin: 5px;; margin: 5px;;
}
@media only screen and (min-width: 501px) and (max-width: 900px) {
.box.w-33, .box.w-25 {
width: 49%;
width: calc(50% - 5px);
}
}
@media only screen and (max-width: 500px) {
.box.w-33, .box.w-50, .box.w-25 {
width: 100%;
width: calc(100% - 5px);
}
} }

8
styles.css
View File

@ -229,6 +229,14 @@ article {
width: 66%; width: 66%;
margin: 5px; } margin: 5px; }
@media only screen and (min-width: 501px) and (max-width: 900px) {
.box.w-33, .box.w-25 {
width: 49%;
width: calc(50% - 5px); } }
@media only screen and (max-width: 500px) {
.box.w-33, .box.w-50, .box.w-25 {
width: 100%;
width: calc(100% - 5px); } }
.center { .center {
margin: 0 auto; } margin: 0 auto; }