mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-01-11 03:08:41 +00:00
Adding simple box media styles
This commit is contained in:
parent
03f350a1e0
commit
ca39dec76f
14
size.scss
14
size.scss
|
|
@ -95,4 +95,18 @@
|
|||
.fw-66 {
|
||||
width: 66%;
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
|
@ -229,6 +229,14 @@ article {
|
|||
width: 66%;
|
||||
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 {
|
||||
margin: 0 auto; }
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user