Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Utilities */
- .flash {
- max-width: 100%;
- margin: 0 auto;
- padding: 15px 20px;
- text-align: center;
- &.success {
- color: #333;
- background-color: #9e9;
- }
- &.error {
- color: #333;
- background-color: #e66;
- }
- }
- .hidden, .d-none {
- display: none;
- }
- .d-block {
- display: block;
- }
- .dib, .d-inline-block {
- display: inline-block;
- vertical-align: top;
- }
- .middle {
- vertical-align: middle;
- }
- .w-quarter {
- width: 25%;
- }
- .w-half {
- width: 50%;
- }
- .w-full {
- width: 100%;
- }
- .p-fixed {
- position: fixed;
- }
- .p-absolute {
- position: absolute;
- }
- .p-relative {
- position: relative;
- }
- .centered {
- display: block;
- margin: 0 auto;
- }
- .mt {
- margin-top: 10px;
- }
- .mt-15 {
- margin-top: 15px;
- }
- .mt-30 {
- margin-top: 30px;
- }
- .mt-5 {
- margin-top: 5px;
- }
- .mb, .mb-15 {
- margin-bottom: 15px;
- }
- .mb-30 {
- margin-bottom: 30px;
- }
- .mb-10 {
- margin-bottom: 10px;
- }
- .mb-5 {
- margin-bottom: 5px;
- }
- .ml, .ml-15 {
- margin-left: 15px;
- }
- .ml-30 {
- margin-left: 30px;
- }
- .mr, .mr-15 {
- margin-right: 15px;
- }
- .mr-30 {
- margin-right: 30px;
- }
- .a-left {
- text-align: left;
- }
- .a-center {
- text-align: center;
- }
- .a-right {
- text-align: right;
- }
- .outline {
- border: 2px solid #fff;
- }
- .i-transparent {
- border: 0;
- background-color: transparent;
- }
- .f-none {
- float: none;
- }
- .f-left {
- float: left;
- }
- .f-right {
- float: right;
- }
- .o-hidden {
- overflow: hidden;
- }
- .o-auto {
- overflow: auto;
- }
- .f-large {
- font-size: 1.8rem;
- }
- .f-small {
- font-size: 1.1rem;
- }
- .clickable {
- cursor: pointer;
- }
- .origin-position {
- top: 0;
- bottom: 0;
- right: 0;
- left: 0;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement