@mixin button_base() { position: relative; display: inline-block; font-size: 11px; line-height: 18px; text-decoration: none; padding: 4px 22px; color: $dark_color; text-transform: uppercase; border-radius: $border_radius_small; border-width: 1px; border-style: solid; outline: none; cursor: pointer; transition: all 200ms linear; &:before { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; border-radius: $border_radius_small; background-image: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); content: ''; } &:hover { &:before { background-image: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } } &:active { &:before { opacity: 0; } } } @mixin button_normal() { background: $dark_color_2; &:hover { background: $dark_color_2_h; } } @mixin button_primary() { background: $blue_color; &:hover { background: $blue_color_h; } } @mixin button_success() { background: $green_color; &:hover { background: $green_color_h; } } @mixin button_danger() { background: $red_color; &:hover { background: $red_color_h; } } @mixin button_warning() { background: $orange_color; &:hover { background: $orange_color_h; } } @mixin secondary_button() { color: $light_color; border-color: $secondary_outset_1 $secondary_outset_2 $secondary_outset_2 $secondary_outset_1; background-color: $secondary_gradint_2; &:active { background-color: $secondary_bg_color; border-color: darken( $secondary_outset_2, 10%) $secondary_outset_1 $secondary_outset_1 darken( $secondary_outset_2, 10%); } } @mixin input() { font-size: 12px; line-height: 16px; color: $dark_color; background-color: $bg_color; border-radius: $border_radius_extra_small; padding: 5px; min-height: 28px; border: 1px solid $border_color; box-shadow: none; &:focus{ border-color: darken( $border_color, 20% ); box-shadow: none; } } @mixin button_icon( $icon ) { content: $icon; display: inline-block; font-family: dashicons; font-size: 16px; font-style: normal; font-weight: 400; height: 18px; line-height: 18px; text-align: center; text-decoration: inherit; transition: all 200ms linear; vertical-align: middle; } @mixin button_icon_before( $icon ) { &:before { @include button_icon( $icon ); padding: 0 5px 0 0; } } @mixin button_icon_after( $icon ) { &:after { @include button_icon( $icon ); padding: 0 0 0 5px; } } @mixin button_icon_middle( $icon ) { &:before { @include button_icon( $icon ); margin: 0 -5px; } } @mixin link() { display: inline-block; text-decoration: none; font-size: 12px; line-height: 20px; font-weight: bold; color: $blue_color; text-transform: uppercase; transition: all 200ms linear; &:hover { color: $dark_color_1; box-shadow: none; } &:focus, &:active { outline: none; border-color: rgba(41, 143, 252, .6); box-shadow: 0 0 2px rgba(41, 143, 252, .6); color: $blue_color; } } @mixin link_icon_before( $icon ) { &:before { @include button_icon( $icon ); padding: 0 5px 0 0; color: $grey_color_4; } &:hover { &:before { color: $blue_color; } } } @mixin container() { padding: 30px; border: 2px solid $grey_color_2; background: $grey_color_3; border-radius: $border_radius_large; } @mixin container_heading() { margin: -30px -30px 30px -30px; border-radius: $border_radius_large $border_radius_large 0 0; border-bottom: 1px solid $grey_color_2; padding: 20px 30px; font-weight: bold; font-size: 16px; line-height: 18px; text-align: center; background: #fff; } @mixin box() { margin: 0 0 30px; padding: 20px; background: #fff; box-shadow: $box_shadow_box; border-radius: $border_radius_small; } @mixin box_heading() { margin: -20px -20px 20px -20px; border-radius: $border_radius_small $border_radius_small 0 0; border-bottom: 1px solid $grey_color_2; padding: 20px 30px; font-weight: bold; font-size: 16px; line-height: 18px; background: #fff; } Admin, Author at Solar Energy - Page 2 of 11

Solar Energy

  • info@antarkarenterprises.com
Facebook Instagram Linkedin
Menu

Admin

Everything You Wanted to Know About the Law, But Were Too Afraid to Ask

Uncategorized / By

Question Answer China-EU Comprehensive Investment Agreement What is the latest update on the China-EU Comprehensive Investment Agreement? SRA Agreement Format What are the key components of the SRA agreement format? GPS Tracking Acknowledgement Form What do I need to know about GPS tracking acknowledgement form? Landlord Insurance by Law Do I have to have landlord …

Everything You Wanted to Know About the Law, But Were Too Afraid to Ask Read More »

The Secrets Behind International Football Rules and Regulations

Uncategorized / By

As a fan of football, you may find yourself wondering about the international football rules and regulations. Understanding the ins and outs of the game can be quite intriguing, especially when it comes to the finer details. One of the most fascinating aspects of international football rules is the legal tender in Scotland. It’s important …

The Secrets Behind International Football Rules and Regulations Read More »

Youthful Blog

Uncategorized / By

How to Navigate Legal Requirements: From Gambling to Gun Fights Hey there, fellow internet dwellers! If you’re like me, trying to figure out legal stuff can be a real headache. But fear not, because I’ve done some digging and found some great resources to help make sense of it all. Whether you’re looking into online …

Youthful Blog Read More »

Youthful Legal Insights 2022

Uncategorized / By

Hey everyone! Let’s dive into some cool legal insights and updates for 2022. From special education law cases to understanding the legal concern definition, there’s a lot to cover. So, let’s get started! Closing Statement Examples and More When it comes to legal concerns, one important aspect is crafting a compelling conclusion. Check out these …

Youthful Legal Insights 2022 Read More »