@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; } Stay Legal, Stay Informed - Solar Energy

Solar Energy

  • info@antarkarenterprises.com
Facebook Instagram Linkedin
Menu

Stay Legal, Stay Informed

/ Uncategorized / By

Welcome to the Legal Newsfeed!

Hey everyone! Are you ready to stay updated on all things legal? From international law firms in Abu Dhabi to job placement agreements, we’ve got you covered. Let’s dive in!

Understanding Legal Protection for Your Brand

Do you have a brand that you want to protect? Check out this article on the legal implications of giving your brand legal protection. It’s important to know your rights!

Legal Monopoly, Patent, OPEC, Copyright, Trademark – What’s the Difference?

Confused about legal terms like patent, copyright, and trademark? This article breaks down the concept of legal monopoly and explains the differences between these important concepts.

Legal Enlightenment: A Comprehensive Guide

Want to expand your legal knowledge? This comprehensive guide to legal enlightenment will help you understand the law and become more informed about your rights.

UK Legal Jobs for Foreigners: Opportunities and Requirements

Thinking about pursuing a legal career in the UK as a foreigner? Check out this article on UK legal jobs for foreigners to learn about the opportunities and requirements.

General Confidentiality Agreement Template

Looking for a confidentiality agreement template for your business? This article provides a legal form that you can use to protect your business’s confidential information.

Legal Discovery Definition: Understanding the Process

Curious about the definition of legal discovery and how the process works? This article breaks down the concept and explains its importance in legal proceedings.

Turkey 2023 Agreement with Saudi Arabia: Legal Implications

Interested in international agreements? Check out this article on the Turkey 2023 agreement with Saudi Arabia to understand the legal implications of this important international agreement.

Law Courses Online Canada: Best Legal Education Resources

Looking to enhance your legal education? This article provides a list of the best online law courses in Canada that you can take to further your legal knowledge.

Job Placement Agreement: Legal Terms and Conditions

Are you entering into a job placement agreement? This article breaks down the legal terms and conditions that you need to consider before signing on the dotted line.

Thanks for tuning in to the Legal Newsfeed! Stay informed and stay legal!