12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- // Shorthand margin and padding utility classes from Bootstrap v4-dev
- //
- // <p class="m-b-0">I am a paragraph that needs no bottom margin</p>
- // The classes are named using the format: {property}-{sides}-{size}
- // TODO: Remove once we upgrade to Bootstrap 4
- //
- // Copyright (c) 2011-2016 Twitter, Inc.
- // Variables
- @spacer-x: 20px;
- @spacer-y: 20px;
- // Margin
- .m-b-0 {
- margin-bottom: 0 !important;
- }
- .m-t-1 {
- margin-top: @spacer-y !important;
- }
- .m-b-1 {
- margin-bottom: @spacer-y !important;
- }
- .m-b-2 {
- margin-bottom: (@spacer-y * 1.5) !important;
- }
- // Padding
- .p-a-0 {
- padding: 0 0 !important;
- }
- .p-t-0 {
- padding-top: 0 !important;
- }
- .p-a-1 {
- padding: @spacer-y @spacer-x !important;
- }
- .p-t-1 {
- padding-top: @spacer-y !important;
- }
- .p-b-1 {
- padding-bottom: @spacer-y !important;
- }
- .p-t-2 {
- padding-top: (@spacer-y * 1.5) !important;
- }
- .p-y-2 {
- padding-top: (@spacer-y * 1.5) !important;
- padding-bottom: (@spacer-y * 1.5) !important;
- }
- // Clear
- .c-b {
- clear: both;
- }
- .c-l {
- clear: left;
- }
- .c-r {
- clear: right;
- }
|