Update publication page

This commit is contained in:
Peter Maquiran
2021-03-16 12:14:46 +01:00
parent 309e81d26c
commit 5e6dd3fea6
11 changed files with 381 additions and 30 deletions
+14 -14
View File
@@ -150,35 +150,35 @@
@each $property, $short in $properties {
// all directions
.#{$short}-md-a-#{$size} {
.#{$short}a-md-#{$size} {
#{$property}-left: #{$size}px !important;
#{$property}-right: #{$size}px !important;
#{$property}-top: #{$size}px !important;
#{$property}-bottom: #{$size}px !important;
}
// top
.#{$short}-md-t-#{$size} {
.#{$short}t-md-#{$size} {
#{$property}-top: #{$size}px !important
}
// bottom
.#{$short}-md-b-#{$size} {
.#{$short}b-md-#{$size} {
#{$property}-bottom: #{$size}px !important
}
// left
.#{$short}-md-l-#{$size} {
.#{$short}l-md-#{$size} {
#{$property}-left: #{$size}px!important
}
// right
.#{$short}-md-r-#{$size} {
.#{$short}r-md-#{$size} {
#{$property}-right: #{$size}px!important
}
// left and right
.#{$short}-md-x-#{$size} {
.#{$short}x-md-#{$size} {
#{$property}-left: #{$size}px!important;
#{$property}-right: #{$size}px!important;
}
// top and bottom
.#{$short}-md-y-#{$size} {
.#{$short}y-md-#{$size} {
#{$property}-top: #{$size}px !important;
#{$property}-bottom: #{$size}px !important;
}
@@ -296,35 +296,35 @@
@each $property, $short in $properties {
// all directions
.#{$short}-lg-a-#{$size} {
.#{$short}a-lg-#{$size} {
#{$property}-left: #{$size}px !important;
#{$property}-right: #{$size}px !important;
#{$property}-top: #{$size}px !important;
#{$property}-bottom: #{$size}px !important;
}
// top
.#{$short}-lg-t-#{$size} {
.#{$short}t-lg-#{$size} {
#{$property}-top: #{$size}px !important
}
// bottom
.#{$short}-lg-b-#{$size} {
.#{$short}b-lg-#{$size} {
#{$property}-bottom: #{$size}px !important
}
// left
.#{$short}-lg-l-#{$size} {
.#{$short}l-lg-#{$size} {
#{$property}-left: #{$size}px!important
}
// right
.#{$short}-lg-r-#{$size} {
.#{$short}r-lg-#{$size} {
#{$property}-right: #{$size}px!important
}
// left and right
.#{$short}-lg-x-#{$size} {
.#{$short}x-lg-#{$size} {
#{$property}-left: #{$size}px!important;
#{$property}-right: #{$size}px!important;
}
// top and bottom
.#{$short}-lg-y-#{$size} {
.#{$short}y-lg-#{$size} {
#{$property}-top: #{$size}px !important;
#{$property}-bottom: #{$size}px !important;
}