Revize 1774c06d
Přidáno uživatelem Tomáš Ballák před asi 4 roky(ů)
website/public/css/style.scss | ||
---|---|---|
836 | 836 |
border-radius: 15px; |
837 | 837 |
cursor: pointer; |
838 | 838 |
background: rgba(11, 21, 90, .7); |
839 |
|
|
839 |
//box-shadow: 0 0 0 2px rgba(11, 21, 90, .7); |
|
840 |
//border: 1px solid transparent; |
|
840 | 841 |
@media (max-width: 390px) { |
841 | 842 |
margin-right: 0; |
842 | 843 |
} |
... | ... | |
844 | 845 |
span { |
845 | 846 |
padding: 3px 6px 4px 12px; |
846 | 847 |
} |
848 |
&.lock { |
|
849 |
background: rgba(11, 21, 90, 1); |
|
850 |
//border-color: $primary-text-color; |
|
851 |
//box-shadow: 0 0 0 2px $secondary-bg-color; |
|
852 |
.lock-date { |
|
853 |
border: 0px; |
|
854 |
box-shadow: none; |
|
855 |
&:after { |
|
856 |
background-position: 0 0; |
|
857 |
} |
|
847 | 858 |
|
859 |
&:hover:after { |
|
860 |
background-position: -8px 0; |
|
861 |
} |
|
862 |
} |
|
863 |
} |
|
848 | 864 |
.lock-date { |
849 | 865 |
width: 26px; |
850 | 866 |
height: 26px; |
851 | 867 |
margin-right: 2px; |
852 | 868 |
opacity: 1; |
853 | 869 |
border: 1px solid $primary-text-color; |
854 |
box-shadow: 0 0 0 2px $secondary-bg-color; |
|
855 |
|
|
870 |
/* box-shadow: 0 0 0 2px $secondary-bg-color; */ |
|
871 |
&:after{ |
|
872 |
background-position: -8px 0; |
|
873 |
} |
|
856 | 874 |
&:hover { |
857 |
box-shadow: 0 0 0 2px rgba(11, 21, 90, .2);
|
|
875 |
/* box-shadow: 0 0 0 2px rgba(11, 21, 90, .2); */
|
|
858 | 876 |
background: rgba(11, 21, 90, .2); |
859 | 877 |
|
860 | 878 |
&:after { |
861 |
background-position: -8px 0;
|
|
879 |
background-position: 0 0;
|
|
862 | 880 |
} |
863 | 881 |
} |
864 | 882 |
|
... | ... | |
867 | 885 |
display: inline-block; |
868 | 886 |
width: 8px; |
869 | 887 |
height: 11px; |
870 |
background: url($images-dir + 'btn-lock.svg') no-repeat 0 0;
|
|
888 |
background: url($images-dir + 'btn-lock.svg') no-repeat -8px 0;
|
|
871 | 889 |
background-size: cover; |
872 | 890 |
} |
873 |
|
|
874 |
&.unlock { |
|
875 |
&:after { |
|
876 |
background-position: -8px 0; |
|
877 |
} |
|
878 |
|
|
879 |
&:hover:after { |
|
880 |
background-position: 0 0; |
|
881 |
} |
|
882 |
} |
|
883 | 891 |
} |
884 | 892 |
} |
885 | 893 |
|
Také k dispozici: Unified diff
done