assets/css/romo/base.scss in romo-0.3.0 vs assets/css/romo/base.scss in romo-0.4.0

- old
+ new

@@ -157,10 +157,24 @@ .romo-text-600 { @include font-weight(600, !important); } .romo-text-700 { @include font-weight(700, !important); } .romo-text-800 { @include font-weight(800, !important); } .romo-text-900 { @include font-weight(900, !important); } +/* text decoration */ + +.romo-text-underline { @include text-decoration-underline(!important); } +.romo-text-overline { @include text-decoration-overline(!important); } +.romo-text-line-through, +.romo-text-strikethrough { @include text-decoration-line-through(!important); } +.romo-text-no-line { @include text-decoration-none(!important); } + +.romo-text-underline-hover:hover { @include text-decoration-underline(!important); } +.romo-text-overline-hover:hover { @include text-decoration-overline(!important); } +.romo-text-line-through-hover:hover, +.romo-text-strikethrough-hover:hover { @include text-decoration-line-through(!important); } +.romo-text-no-line-hover:hover { @include text-decoration-none(!important); } + /* alignment */ .romo-align-left { @include align-left(!important); } .romo-align-center { @include align-center(!important); } .romo-align-right { @include align-right(!important); } @@ -353,68 +367,82 @@ .romo-pad, .romo-pad1 { @include pad1(!important); } .romo-pad0 { @include pad0(!important); } .romo-pad2 { @include pad2(!important); } +.romo-pad-none, .romo-rm-pad { @include rm-pad(!important); } .romo-pad-top, .romo-pad1-top { @include pad1-top(!important); } .romo-pad0-top { @include pad0-top(!important); } .romo-pad2-top { @include pad2-top(!important); } +.romo-pad-none-top, .romo-rm-pad-top { @include rm-pad-top(!important); } .romo-pad-right, .romo-pad1-right { @include pad1-right(!important); } .romo-pad0-right { @include pad0-right(!important); } .romo-pad2-right { @include pad2-right(!important); } +.romo-pad-none-right, .romo-rm-pad-right { @include rm-pad-right(!important); } .romo-pad-bottom, .romo-pad1-bottom { @include pad1-bottom(!important); } .romo-pad0-bottom { @include pad0-bottom(!important); } .romo-pad2-bottom { @include pad2-bottom(!important); } +.romo-pad-none-bottom, .romo-rm-pad-bottom { @include rm-pad-bottom(!important); } .romo-pad-left, .romo-pad1-left { @include pad1-left(!important); } .romo-pad0-left { @include pad0-left(!important); } .romo-pad2-left { @include pad2-left(!important); } +.romo-pad-none-left, .romo-rm-pad-left { @include rm-pad-left(!important); } .romo-push, .romo-push1 { @include push1(!important); } .romo-push0 { @include push0(!important); } .romo-push2 { @include push2(!important); } +.romo-push-none, .romo-rm-push { @include rm-push(!important); } .romo-push-top, .romo-push1-top { @include push1-top(!important); } .romo-push0-top { @include push0-top(!important); } .romo-push2-top { @include push2-top(!important); } +.romo-push-none-top, .romo-rm-push-top { @include rm-push-top(!important); } .romo-push-right, .romo-push1-right { @include push1-right(!important); } .romo-push0-right { @include push0-right(!important); } .romo-push2-right { @include push2-right(!important); } +.romo-push-none-right, .romo-rm-push-right { @include rm-push-right(!important); } .romo-push-bottom, .romo-push1-bottom { @include push1-bottom(!important); } .romo-push0-bottom { @include push0-bottom(!important); } .romo-push2-bottom { @include push2-bottom(!important); } +.romo-push-none-bottom, .romo-rm-push-bottom { @include rm-push-bottom(!important); } .romo-push-left, .romo-push1-left { @include push1-left(!important); } .romo-push0-left { @include push0-left(!important); } .romo-push2-left { @include push2-left(!important); } +.romo-push-none-left, .romo-rm-push-left { @include rm-push-left(!important); } +.romo-push-center { margin: 0 auto !important; } + /* other helpers */ +.romo-full-width { width: 100%; } +.romo-full-height { width: 100%; } .romo-match-line-height { line-height: 1 !important; } .romo-nowrap { white-space: nowrap !important; } .romo-crop { white-space: nowrap !important; overflow: hidden !important; } .romo-crop-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } @@ -422,9 +450,10 @@ .romo-inline { display: inline !important; } .romo-inline-block { display: inline-block !important; } .romo-inline-flex { @include display-inline-flex(!important); } .romo-flex { @include display-flex(!important); } .romo-block { display: block !important; } +.romo-display-none { display: none !important;} .romo-relative { position: relative !important; } .romo-absolute { position: absolute !important; } .romo-absolute-fill { position: absolute;